From 0d5737c6f91bc4511c783191b692c5c8718a13a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Mon, 4 Mar 2024 09:50:14 +0100
Subject: [PATCH 001/109] [#351] dashboard refactor

---
 govtool/frontend/index.html                   |   1 +
 .../molecules/CenteredBoxPageWrapper.tsx      |  20 --
 .../molecules/DashboardActionCard.tsx         |  29 +--
 .../components/molecules/WalletInfoCard.tsx   |  85 +++----
 .../src/components/organisms/BgCard.tsx       |  41 +--
 .../components/organisms/DashboardCards.tsx   |  33 ++-
 .../organisms/DashboardDrawerMobile.tsx       |  92 +++++++
 .../components/organisms/DashboardTopNav.tsx  | 238 ++++++------------
 .../src/components/organisms/Drawer.tsx       | 123 +++++----
 .../src/components/organisms/DrawerMobile.tsx |   7 +-
 .../organisms/GovernanceActionsToVote.tsx     |   1 -
 .../src/components/organisms/index.ts         |   1 +
 .../src/components/organisms/types.ts         |  12 +-
 govtool/frontend/src/i18n/locales/en.ts       |   5 +-
 govtool/frontend/src/pages/Dashboard.tsx      |  67 ++---
 govtool/frontend/src/pages/DelegateTodRep.tsx |  25 +-
 govtool/frontend/src/pages/RegisterAsdRep.tsx |  29 +--
 .../frontend/src/pages/UpdatedRepMetadata.tsx |  14 +-
 18 files changed, 380 insertions(+), 443 deletions(-)
 create mode 100644 govtool/frontend/src/components/organisms/DashboardDrawerMobile.tsx

diff --git a/govtool/frontend/index.html b/govtool/frontend/index.html
index cdf8d5d79..ac87ebc7a 100644
--- a/govtool/frontend/index.html
+++ b/govtool/frontend/index.html
@@ -15,6 +15,7 @@
       html,
       body {
         margin: 0;
+        overscroll-behavior-y: none;
         padding: 0;
       }
     </style>
diff --git a/govtool/frontend/src/components/molecules/CenteredBoxPageWrapper.tsx b/govtool/frontend/src/components/molecules/CenteredBoxPageWrapper.tsx
index dc9cbe0da..96af6c42f 100644
--- a/govtool/frontend/src/components/molecules/CenteredBoxPageWrapper.tsx
+++ b/govtool/frontend/src/components/molecules/CenteredBoxPageWrapper.tsx
@@ -31,9 +31,6 @@ export const CenteredBoxPageWrapper: FC<PropsWithChildren<Props>> = ({
     <Background isReverted>
       <Box display={"flex"} minHeight={"100vh"} flexDirection="column">
         <DashboardTopNav
-          imageSRC={ICONS.appLogoIcon}
-          imageWidth={isMobile ? undefined : 42}
-          imageHeight={isMobile ? 24 : 35}
           title={pageTitle}
           isVotingPowerHidden={isVotingPowerHidden}
         />
@@ -41,25 +38,8 @@ export const CenteredBoxPageWrapper: FC<PropsWithChildren<Props>> = ({
           display={"flex"}
           justifyContent={"center"}
           flexDirection={"column"}
-          mt={isMobile ? 0 : 7}
           height={isMobile ? "100%" : "auto"}
-          sx={{ marginTop: "97px" }}
         >
-          {isMobile && (
-            <Box borderBottom={1} borderColor={"#fff"}>
-              <Typography
-                variant="body2"
-                sx={{
-                  ml: 2,
-                  my: "26px",
-                  fontSize: "24px",
-                  fontWeight: 400,
-                }}
-              >
-                {pageTitle}
-              </Typography>
-            </Box>
-          )}
           <Link
             data-testid={"back-button"}
             sx={{
diff --git a/govtool/frontend/src/components/molecules/DashboardActionCard.tsx b/govtool/frontend/src/components/molecules/DashboardActionCard.tsx
index b654d61a3..26bd46e98 100644
--- a/govtool/frontend/src/components/molecules/DashboardActionCard.tsx
+++ b/govtool/frontend/src/components/molecules/DashboardActionCard.tsx
@@ -68,6 +68,7 @@ export const DashboardActionCard: FC<DashboardActionCardProps> = ({
       flex={1}
       flexDirection="column"
       p={3}
+      maxWidth={524}
       position="relative"
       sx={{ boxShadow: `5px 5px 15px 5px ${boxShadow2}` }}
     >
@@ -192,15 +193,7 @@ export const DashboardActionCard: FC<DashboardActionCardProps> = ({
       ) : (
         <Box
           display="flex"
-          flexDirection={
-            screenWidth < 768
-              ? "column"
-              : screenWidth < 1024
-              ? "row"
-              : screenWidth < 1440
-              ? "column"
-              : "row"
-          }
+          flexDirection={screenWidth < 640 ? "column" : "row"}
         >
           {firstButtonLabel ? (
             <LoadingButton
@@ -211,14 +204,7 @@ export const DashboardActionCard: FC<DashboardActionCardProps> = ({
               size="large"
               variant={firstButtonVariant}
               sx={{
-                mr:
-                  screenWidth < 768
-                    ? 0
-                    : screenWidth < 1024 && secondButtonLabel
-                    ? 2
-                    : screenWidth >= 1440 && secondButtonLabel
-                    ? 2
-                    : 0,
+                mr: screenWidth < 640 ? 0 : 2,
                 width: isMobile ? "100%" : "auto",
               }}
             >
@@ -234,14 +220,7 @@ export const DashboardActionCard: FC<DashboardActionCardProps> = ({
               variant={secondButtonVariant}
               sx={{
                 width: isMobile ? "100%" : "auto",
-                marginTop:
-                  screenWidth < 768
-                    ? 1
-                    : screenWidth < 1024
-                    ? 0
-                    : screenWidth < 1440
-                    ? 1
-                    : 0,
+                marginTop: screenWidth < 640 ? 1 : 0,
               }}
             >
               {secondButtonLabel}
diff --git a/govtool/frontend/src/components/molecules/WalletInfoCard.tsx b/govtool/frontend/src/components/molecules/WalletInfoCard.tsx
index 528dc4b3b..d1ab3ef11 100644
--- a/govtool/frontend/src/components/molecules/WalletInfoCard.tsx
+++ b/govtool/frontend/src/components/molecules/WalletInfoCard.tsx
@@ -3,75 +3,54 @@ import { Box, Button, Typography } from "@mui/material";
 
 import { PATHS } from "@consts";
 import { useCardano } from "@context";
-import { theme } from "@/theme";
 import { useTranslation } from "@hooks";
 
 export const WalletInfoCard = () => {
-  const { address, disconnectWallet, isMainnet } = useCardano();
+  const { address, disconnectWallet } = useCardano();
   const navigate = useNavigate();
   const { t } = useTranslation();
-  const {
-    palette: { lightBlue },
-  } = theme;
+
+  const onClickDisconnect = async () => {
+    await disconnectWallet();
+    navigate(PATHS.home);
+    window.location.reload();
+  };
 
   return (
     address && (
       <Box
-        border={1}
-        borderColor={lightBlue}
-        py={1.5}
-        px={2}
-        borderRadius={3}
-        position={"relative"}
+        sx={{
+          border: 1,
+          borderColor: "lightBlue",
+          borderRadius: 3,
+          px: 1.75,
+          py: 1.5,
+          position: "relative",
+        }}
       >
-        <Box
-          bgcolor={"rgb(214, 226, 255)"}
-          px={1.2}
-          py={0.5}
-          borderRadius={100}
-          sx={{
-            position: "absolute",
-            top: -15,
-            right: 10,
-          }}
-        >
-          <Typography variant="caption" color={"primary"} fontWeight={500}>
-            {isMainnet ? "mainnet" : "testnet"}
-          </Typography>
-        </Box>
-        <Typography color="gray" fontSize={12} fontWeight={500}>
+        <Typography sx={{ color: "#ADAEAD", fontSize: 12, fontWeight: 500 }}>
           {t("wallet.connectedWallet")}
         </Typography>
-        <Box
-          display="flex"
-          flexDirection="row"
-          justifyContent="space-between"
-          mt={1}
-          alignItems="center"
-        >
+        <Box sx={{ alignItems: "center", display: "flex" }}>
           <Typography
-            width={"50vw"}
-            textOverflow={"ellipsis"}
-            overflow={"hidden"}
-            fontSize={14}
-            fontWeight={400}
+            sx={{
+              flex: 1,
+              fontSize: 14,
+              fontWeight: 400,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              width: 10,
+            }}
           >
             {address}
           </Typography>
-          <Box>
-            <Button
-              data-testid={"disconnect-button"}
-              variant="text"
-              onClick={async () => {
-                await disconnectWallet();
-                navigate(PATHS.home);
-                window.location.reload();
-              }}
-              sx={{ textTransform: "none", fontWeight: 500 }}
-            >
-              {t("wallet.disconnect")}
-            </Button>
-          </Box>
+          <Button
+            data-testid={"disconnect-button"}
+            variant="text"
+            onClick={onClickDisconnect}
+          >
+            {t("wallet.disconnect")}
+          </Button>
         </Box>
       </Box>
     )
diff --git a/govtool/frontend/src/components/organisms/BgCard.tsx b/govtool/frontend/src/components/organisms/BgCard.tsx
index 638acd9cb..b430eb205 100644
--- a/govtool/frontend/src/components/organisms/BgCard.tsx
+++ b/govtool/frontend/src/components/organisms/BgCard.tsx
@@ -72,37 +72,40 @@ export const BgCard = ({
 
   return (
     <Box
-      height={isMobile ? "100%" : "auto"}
       sx={{
         alignItems: screenWidth >= 768 ? "center" : "inherit",
         display: "flex",
         flex: 1,
         flexDirection: "column",
-        marginTop: isMobile ? "97px" : "137px",
+        height: isMobile ? "100%" : "auto",
       }}
     >
       <Box
-        display="flex"
-        flexDirection="column"
-        flex={isMobile ? 1 : undefined}
-        borderRadius="20px"
-        boxShadow={isMobile ? "" : `2px 2px 20px 0px ${boxShadow2}`}
-        height="auto"
-        maxWidth={screenWidth > 768 ? 600 : undefined}
-        mb={isMobile ? undefined : 3}
-        pb={isMobile ? undefined : 10}
-        pt={isMobile ? 6 : 10}
-        px={isMobile ? 2 : 18.75}
-        sx={sx}
+        sx={{
+          borderRadius: "20px",
+          boxShadow: isMobile ? "" : `2px 2px 20px 0px ${boxShadow2}`,
+          display: "flex",
+          flex: isMobile ? 1 : undefined,
+          flexDirection: "column",
+          height: "auto",
+          maxWidth: screenWidth > 768 ? 600 : undefined,
+          my: isMobile ? undefined : 3,
+          pb: isMobile ? undefined : 10,
+          pt: isMobile ? 6 : 10,
+          px: isMobile ? 2 : 18.75,
+          ...sx,
+        }}
       >
-        <Box display="flex" flex={1} flexDirection="column">
+        <Box sx={{ display: "flex", flex: 1, flexDirection: "column" }}>
           {children}
         </Box>
         <Box
-          display="flex"
-          flexDirection={isMobile ? "column-reverse" : "row"}
-          gap={isMobile ? 3 : 0}
-          justifyContent="space-between"
+          sx={{
+            display: "flex",
+            flexDirection: isMobile ? "column-reverse" : "row",
+            gap: isMobile ? 3 : 0,
+            justifyContent: "space-between",
+          }}
         >
           {renderBackButton}
           {renderContinueButton}
diff --git a/govtool/frontend/src/components/organisms/DashboardCards.tsx b/govtool/frontend/src/components/organisms/DashboardCards.tsx
index 73208b3cb..64075b3a8 100644
--- a/govtool/frontend/src/components/organisms/DashboardCards.tsx
+++ b/govtool/frontend/src/components/organisms/DashboardCards.tsx
@@ -32,7 +32,7 @@ export const DashboardCards = () => {
   const navigate = useNavigate();
   const { currentDelegation, isCurrentDelegationLoading } =
     useGetAdaHolderCurrentDelegationQuery(stakeKey);
-  const { screenWidth } = useScreenDimension();
+  const { isMobile, screenWidth } = useScreenDimension();
   const { openModal } = useModal();
   const [isRetirementLoading, setIsRetirementLoading] =
     useState<boolean>(false);
@@ -306,22 +306,31 @@ export const DashboardCards = () => {
 
   return isDrepLoading ? (
     <Box
-      alignItems="center"
-      display="flex"
-      flex={1}
-      height="100vh"
-      justifyContent="center"
+      sx={{
+        alignItems: "center",
+        display: "flex",
+        flex: 1,
+        height: "100vh",
+        justifyContent: "center",
+      }}
     >
       <CircularProgress />
     </Box>
   ) : (
     <Box
-      columnGap={3}
-      display="grid"
-      gridTemplateColumns={screenWidth < 1024 ? "1fr" : "1fr 1fr"}
-      px={screenWidth < 1024 ? 2 : screenWidth < 1440 ? 5 : 4}
-      py={3}
-      rowGap={4}
+      sx={{
+        columnGap: 3,
+        display: "grid",
+        gridTemplateColumns:
+          screenWidth < 1280
+            ? "1fr"
+            : screenWidth > 1728
+            ? "repeat(3, minmax(300px, 572px))"
+            : "repeat(2, minmax(300px, 572px))",
+        px: isMobile ? 2 : 5,
+        py: 3,
+        rowGap: 3,
+      }}
     >
       {/* DELEGATION CARD */}
       <DashboardActionCard
diff --git a/govtool/frontend/src/components/organisms/DashboardDrawerMobile.tsx b/govtool/frontend/src/components/organisms/DashboardDrawerMobile.tsx
new file mode 100644
index 000000000..0d7a62e84
--- /dev/null
+++ b/govtool/frontend/src/components/organisms/DashboardDrawerMobile.tsx
@@ -0,0 +1,92 @@
+import { Box, Grid, IconButton, SwipeableDrawer } from "@mui/material";
+
+import { Background, Link } from "@atoms";
+import { CONNECTED_NAV_ITEMS, ICONS } from "@consts";
+import { useCardano } from "@context";
+import { DRepInfoCard, WalletInfoCard } from "@molecules";
+import { useScreenDimension } from "@hooks";
+import { openInNewTab } from "@utils";
+
+import { DashboardDrawerMobileProps } from "./types";
+
+const DRAWER_PADDING = 2;
+const CALCULATED_DRAWER_PADDING = DRAWER_PADDING * 8 * 2;
+
+export const DashboardDrawerMobile = ({
+  isDrawerOpen,
+  setIsDrawerOpen,
+}: DashboardDrawerMobileProps) => {
+  const { screenWidth } = useScreenDimension();
+  const { voter } = useCardano();
+
+  const openDrawer = () => {
+    setIsDrawerOpen(true);
+  };
+
+  const closeDrawer = () => {
+    setIsDrawerOpen(false);
+  };
+
+  return (
+    <SwipeableDrawer
+      anchor="right"
+      onClose={closeDrawer}
+      onOpen={openDrawer}
+      open={isDrawerOpen}
+    >
+      <Background>
+        <Box
+          sx={{
+            flex: 1,
+            px: DRAWER_PADDING,
+            pb: 3,
+            display: "flex",
+            flexDirection: "column",
+            height: "100%",
+          }}
+        >
+          <Box sx={{ flex: 1 }}>
+            <Box
+              sx={{
+                display: "flex",
+                flex: 1,
+                justifyContent: "space-between",
+                py: 3,
+                width: screenWidth - CALCULATED_DRAWER_PADDING,
+              }}
+            >
+              <img src={ICONS.appLogoIcon} height={25} />
+              <IconButton
+                data-testid="close-drawer-button"
+                onClick={closeDrawer}
+                sx={{ padding: 0 }}
+              >
+                <img src={ICONS.closeDrawerIcon} />
+              </IconButton>
+            </Box>
+            <Grid container direction="column" rowGap={4} mt={6}>
+              {CONNECTED_NAV_ITEMS.map((navItem) => (
+                <Grid item>
+                  <Link
+                    {...navItem}
+                    size="big"
+                    onClick={() => {
+                      navItem.newTabLink && openInNewTab(navItem.newTabLink);
+                      setIsDrawerOpen(false);
+                    }}
+                    isConnectWallet
+                  />
+                </Grid>
+              ))}
+            </Grid>
+          </Box>
+          {(voter?.isRegisteredAsDRep || voter?.isRegisteredAsSoleVoter) && (
+            <DRepInfoCard />
+          )}
+          <Box py={2} />
+          <WalletInfoCard />
+        </Box>
+      </Background>
+    </SwipeableDrawer>
+  );
+};
diff --git a/govtool/frontend/src/components/organisms/DashboardTopNav.tsx b/govtool/frontend/src/components/organisms/DashboardTopNav.tsx
index 00f44fedd..bcfb5baaa 100644
--- a/govtool/frontend/src/components/organisms/DashboardTopNav.tsx
+++ b/govtool/frontend/src/components/organisms/DashboardTopNav.tsx
@@ -1,181 +1,97 @@
-import { useState } from "react";
-import { useNavigate } from "react-router-dom";
-import { Box, Grid, IconButton, SwipeableDrawer } from "@mui/material";
+import { useEffect, useState } from "react";
+import { Box, IconButton } from "@mui/material";
 
-import { Background, Link, VotingPowerChips, Typography } from "@atoms";
-import { useScreenDimension, useTranslation } from "@hooks";
-import { ICONS, PATHS } from "@consts";
-import { useCardano } from "@context";
-import { DRepInfoCard, WalletInfoCard } from "@molecules";
-import { openInNewTab } from "@utils";
+import { VotingPowerChips, Typography } from "@atoms";
+import { ICONS } from "@consts";
+import { useScreenDimension } from "@hooks";
+import { DashboardDrawerMobile } from "@organisms";
 
 type DashboardTopNavProps = {
-  imageSRC?: string;
-  imageWidth?: number;
-  imageHeight?: number;
   title: string;
-  isDrawer?: boolean;
   isVotingPowerHidden?: boolean;
 };
 
-const DRAWER_PADDING = 2;
-const CALCULATED_DRAWER_PADDING = DRAWER_PADDING * 8 * 2;
+const POSITION_TO_BLUR = 50;
 
 export const DashboardTopNav = ({
   title,
-  imageSRC,
-  imageWidth,
-  imageHeight,
   isVotingPowerHidden,
 }: DashboardTopNavProps) => {
-  const { isMobile, screenWidth } = useScreenDimension();
-  const { voter } = useCardano();
-  const navigate = useNavigate();
+  const [windowScroll, setWindowScroll] = useState<number>(0);
+  const { isMobile } = useScreenDimension();
   const [isDrawerOpen, setIsDrawerOpen] = useState<boolean>(false);
-  const { t } = useTranslation();
+
+  const openDrawer = () => {
+    setIsDrawerOpen(true);
+  };
+
+  useEffect(() => {
+    const onScroll = () => {
+      setWindowScroll(window.scrollY);
+    };
+
+    window.addEventListener("scroll", onScroll, {
+      passive: true,
+    });
+
+    return () => window.removeEventListener("scroll", onScroll);
+  }, []);
 
   return (
-    <Box
-      px={isMobile ? 2 : 5}
-      py={3}
-      display={"flex"}
-      bgcolor={isMobile ? "#FBFBFF" : undefined}
-      sx={{ backdropFilter: "blur(10px)" }}
-      alignItems={"center"}
-      justifyContent={"space-between"}
-      borderBottom={1}
-      borderColor="#D6E2FF"
-      position="fixed"
-      zIndex={100}
-      flex={1}
-      width={"fill-available"}
-      height={"48px"}
-    >
-      <Box display={"flex"}>
-        {imageSRC ? (
-          <Box
-            display="flex"
-            mr={6}
-            alignItems="center"
-            onClick={() => {
-              navigate(PATHS.dashboard);
-            }}
-          >
-            <img src={imageSRC} width={imageWidth} height={imageHeight} />
-          </Box>
-        ) : null}
-        {!isMobile && title ? (
-          <Typography variant="headline5">{title}</Typography>
-        ) : null}
-      </Box>
-      <Box display="flex">
-        {!isVotingPowerHidden && <VotingPowerChips />}
+    <>
+      <Box
+        sx={{
+          alignItems: "center",
+          backdropFilter: "blur(10px)",
+          backgroundColor:
+            windowScroll > POSITION_TO_BLUR
+              ? "rgba(256, 256, 256, 0.7)"
+              : isMobile
+              ? "#FBFBFF59"
+              : "transparent",
+          borderBottom: "1px solid #D6E2FF",
+          display: "flex",
+          justifyContent: "space-between",
+          position: "sticky",
+          px: isMobile ? 2 : 5,
+          py: 3,
+          top: 0,
+          width: "fill-available",
+          zIndex: 100,
+        }}
+      >
+        <Box display="flex">
+          {isMobile ? (
+            <img height={24} src={ICONS.appLogoIcon} width={27} />
+          ) : null}
+          {!isMobile && title ? (
+            <Typography variant="headline5">{title}</Typography>
+          ) : null}
+        </Box>
+        <Box display="flex">
+          {!isVotingPowerHidden && <VotingPowerChips />}
+          {isMobile && (
+            <IconButton
+              data-testid="open-drawer-button"
+              sx={{ padding: 0, marginLeft: 1 }}
+              onClick={openDrawer}
+            >
+              <img src={ICONS.drawerIcon} />
+            </IconButton>
+          )}
+        </Box>
         {isMobile && (
-          <IconButton
-            data-testid={"open-drawer-button"}
-            sx={{ padding: 0, marginLeft: 1 }}
-            onClick={() => setIsDrawerOpen(true)}
-          >
-            <img src={ICONS.drawerIcon} />
-          </IconButton>
+          <DashboardDrawerMobile
+            isDrawerOpen={isDrawerOpen}
+            setIsDrawerOpen={setIsDrawerOpen}
+          />
         )}
       </Box>
-      {isMobile && (
-        <SwipeableDrawer
-          anchor="right"
-          open={isDrawerOpen}
-          onClose={() => setIsDrawerOpen(false)}
-          onOpen={() => setIsDrawerOpen(true)}
-        >
-          <Background>
-            <Box
-              flex={1}
-              px={DRAWER_PADDING}
-              pb={3}
-              display="flex"
-              flexDirection="column"
-              height={"100%"}
-            >
-              <Box flex={1}>
-                <Box
-                  width={screenWidth - CALCULATED_DRAWER_PADDING}
-                  display="flex"
-                  flex={1}
-                  py={3}
-                  justifyContent="space-between"
-                >
-                  <img src={ICONS.appLogoIcon} height={25} />
-                  <IconButton
-                    data-testid={"close-drawer-button"}
-                    sx={{ padding: 0 }}
-                    onClick={() => setIsDrawerOpen(false)}
-                  >
-                    <img src={ICONS.closeDrawerIcon} />
-                  </IconButton>
-                </Box>
-                <Grid container direction={"column"} rowGap={4} mt={6}>
-                  <Grid item>
-                    <Link
-                      dataTestId="home-link"
-                      navTo={PATHS.dashboard}
-                      label={t("menu.myDashboard")}
-                      size="big"
-                      onClick={() => {
-                        setIsDrawerOpen(false);
-                      }}
-                      isConnectWallet
-                    />
-                  </Grid>
-                  <Grid item>
-                    <Link
-                      dataTestId="governance-actions-link"
-                      navTo={PATHS.dashboard_governance_actions}
-                      label={t("menu.viewGovActions")}
-                      size="big"
-                      onClick={() => {
-                        setIsDrawerOpen(false);
-                      }}
-                      isConnectWallet
-                    />
-                  </Grid>
-                  <Grid item>
-                    <Link
-                      dataTestId="guides-link"
-                      navTo={""}
-                      label={t("menu.guides")}
-                      size="big"
-                      onClick={() => {
-                        openInNewTab(
-                          "https://docs.sanchogov.tools/about/what-is-sanchonet-govtool"
-                        );
-                        setIsDrawerOpen(false);
-                      }}
-                      isConnectWallet
-                    />
-                  </Grid>
-                  <Grid item>
-                    <Link
-                      dataTestId="faqs-link"
-                      navTo={""}
-                      label={t("menu.faqs")}
-                      size="big"
-                      onClick={() => {
-                        openInNewTab("https://docs.sanchogov.tools/faqs");
-                        setIsDrawerOpen(false);
-                      }}
-                      isConnectWallet
-                    />
-                  </Grid>
-                </Grid>
-              </Box>
-              {(voter?.isRegisteredAsDRep ||
-                voter?.isRegisteredAsSoleVoter) && <DRepInfoCard />}
-              <Box py={2} />
-              <WalletInfoCard />
-            </Box>
-          </Background>
-        </SwipeableDrawer>
-      )}
-    </Box>
+      {isMobile && title ? (
+        <Box sx={{ borderBottom: "1px solid white", px: 2, py: 3.25 }}>
+          <Typography variant="title1">{title}</Typography>
+        </Box>
+      ) : null}
+    </>
   );
 };
diff --git a/govtool/frontend/src/components/organisms/Drawer.tsx b/govtool/frontend/src/components/organisms/Drawer.tsx
index 914674bda..4eb123f5e 100644
--- a/govtool/frontend/src/components/organisms/Drawer.tsx
+++ b/govtool/frontend/src/components/organisms/Drawer.tsx
@@ -4,84 +4,81 @@ import { NavLink } from "react-router-dom";
 import { DrawerLink, Typography } from "@atoms";
 import { CONNECTED_NAV_ITEMS, ICONS, IMAGES, PATHS } from "@consts";
 import { useCardano } from "@context";
-import { WalletInfoCard, DRepInfoCard } from "@molecules";
-import { openInNewTab } from "@/utils";
 import { useTranslation } from "@hooks";
+import { WalletInfoCard, DRepInfoCard } from "@molecules";
+import { openInNewTab } from "@utils";
 
 export const Drawer = () => {
   const { voter } = useCardano();
   const { t } = useTranslation();
 
   return (
-    <Box height="100vh" width="268px" zIndex={101}>
-      <Box
-        bgcolor="#FBFBFF"
-        borderRight={1}
-        borderColor="white"
+    <Box
+      sx={{
+        bgcolor: "#FBFBFF",
+        display: "flex",
+        flexDirection: "column",
+        height: "100vh",
+        position: "sticky",
+        top: 0,
+        width: "268px",
+      }}
+    >
+      <NavLink
+        data-testid="logo-button"
+        style={{ display: "flex", justifyContent: "center" }}
+        to={PATHS.dashboard}
+      >
+        <img
+          height={35}
+          src={IMAGES.appLogo}
+          style={{ marginTop: 24, objectFit: "contain" }}
+        />
+      </NavLink>
+      <Grid
+        columns={1}
+        container
         display="flex"
         flex={1}
         flexDirection="column"
-        height="100%"
-        justifyItems="center"
-        position="fixed"
-        width="268px"
+        mt={12}
+        px={3}
+        rowGap={2}
       >
-        <NavLink
-          data-testid="logo-button"
-          style={{ display: "flex", justifyContent: "center" }}
-          to={PATHS.dashboard}
-        >
-          <img
-            height={35}
-            src={IMAGES.appLogo}
-            style={{ marginTop: 24, objectFit: "contain" }}
-          />
-        </NavLink>
-        <Grid
-          columns={1}
-          container
-          display="flex"
-          flex={1}
-          flexDirection="column"
-          mt={12}
-          px={3}
-          rowGap={2}
-        >
-          {CONNECTED_NAV_ITEMS.map((navItem) => (
-            <Grid item key={navItem.label}>
-              <DrawerLink
-                {...navItem}
-                onClick={
-                  navItem.newTabLink
-                    ? () => openInNewTab(navItem.newTabLink)
-                    : undefined
-                }
-              />
-            </Grid>
-          ))}
-        </Grid>
-        <Box px={2}>
-          {voter?.isRegisteredAsDRep && <DRepInfoCard />}
-          <Box py={2} />
-          <WalletInfoCard />
-          <Box my={1}>
+        {CONNECTED_NAV_ITEMS.map((navItem) => (
+          <Grid item key={navItem.label}>
             <DrawerLink
-              dataTestId="helps-link"
-              label={t("menu.help")}
-              activeIcon={ICONS.helpIcon}
-              icon={ICONS.helpIcon}
-              navTo=""
-              onClick={() =>
-                openInNewTab(
-                  "https://docs.sanchogov.tools/support/get-help-in-discord"
-                )
+              {...navItem}
+              onClick={
+                navItem.newTabLink
+                  ? () => openInNewTab(navItem.newTabLink)
+                  : undefined
               }
             />
-          </Box>
-          <Typography sx={{ mb: 2 }} variant="caption">
-            {t("footer.copyright")}
-          </Typography>
+          </Grid>
+        ))}
+      </Grid>
+      <Box px={2}>
+        {voter?.isRegisteredAsDRep && <DRepInfoCard />}
+        <Box py={2} />
+        <WalletInfoCard />
+        <Box my={1}>
+          <DrawerLink
+            dataTestId="helps-link"
+            label={t("menu.help")}
+            activeIcon={ICONS.helpIcon}
+            icon={ICONS.helpIcon}
+            navTo=""
+            onClick={() =>
+              openInNewTab(
+                "https://docs.sanchogov.tools/support/get-help-in-discord"
+              )
+            }
+          />
         </Box>
+        <Typography sx={{ mb: 2 }} variant="caption">
+          {t("footer.copyright")}
+        </Typography>
       </Box>
     </Box>
   );
diff --git a/govtool/frontend/src/components/organisms/DrawerMobile.tsx b/govtool/frontend/src/components/organisms/DrawerMobile.tsx
index 9357c396a..9dbd14c09 100644
--- a/govtool/frontend/src/components/organisms/DrawerMobile.tsx
+++ b/govtool/frontend/src/components/organisms/DrawerMobile.tsx
@@ -1,4 +1,3 @@
-import { Dispatch, SetStateAction } from "react";
 import { Box, Grid, IconButton, SwipeableDrawer } from "@mui/material";
 
 import { Background, Button, Link } from "../atoms";
@@ -7,11 +6,7 @@ import { useScreenDimension, useTranslation } from "@hooks";
 import { useModal } from "@context";
 import { openInNewTab } from "@utils";
 
-type DrawerMobileProps = {
-  isConnectButton: boolean;
-  isDrawerOpen: boolean;
-  setIsDrawerOpen: Dispatch<SetStateAction<boolean>>;
-};
+import { DrawerMobileProps } from "./types";
 
 const DRAWER_PADDING = 2;
 const CALCULATED_DRAWER_PADDING = DRAWER_PADDING * 8 * 2;
diff --git a/govtool/frontend/src/components/organisms/GovernanceActionsToVote.tsx b/govtool/frontend/src/components/organisms/GovernanceActionsToVote.tsx
index 914e09861..7058ce106 100644
--- a/govtool/frontend/src/components/organisms/GovernanceActionsToVote.tsx
+++ b/govtool/frontend/src/components/organisms/GovernanceActionsToVote.tsx
@@ -6,7 +6,6 @@ import { Slider } from "./Slider";
 
 import { Typography } from "@atoms";
 import {
-  useGetDRepVotesQuery,
   useGetProposalsQuery,
   useScreenDimension,
   useTranslation,
diff --git a/govtool/frontend/src/components/organisms/index.ts b/govtool/frontend/src/components/organisms/index.ts
index 5387a425c..9b7ee74ce 100644
--- a/govtool/frontend/src/components/organisms/index.ts
+++ b/govtool/frontend/src/components/organisms/index.ts
@@ -4,6 +4,7 @@ export * from "./ChooseWalletModal";
 export * from "./ControlledField";
 export * from "./DashboardCards";
 export * from "./DashboardCards";
+export * from "./DashboardDrawerMobile";
 export * from "./DashboardGovernanceActionDetails";
 export * from "./DashboardGovernanceActions";
 export * from "./DashboardGovernanceActionsVotedOn";
diff --git a/govtool/frontend/src/components/organisms/types.ts b/govtool/frontend/src/components/organisms/types.ts
index 0eaad74af..4207dd2db 100644
--- a/govtool/frontend/src/components/organisms/types.ts
+++ b/govtool/frontend/src/components/organisms/types.ts
@@ -1,12 +1,22 @@
 import { SxProps } from "@mui/material";
+import { Dispatch, SetStateAction } from "react";
 
 export type BgCardProps = {
   actionButtonLabel: string;
   backButtonLabel?: string;
   children: React.ReactNode;
   isLoadingActionButton?: boolean;
-  isActionButtonDisabled?:boolean;
+  isActionButtonDisabled?: boolean;
   onClickBackButton?: () => void;
   onClickActionButton: () => void;
   sx?: SxProps;
 };
+
+export type DashboardDrawerMobileProps = {
+  isDrawerOpen: boolean;
+  setIsDrawerOpen: Dispatch<SetStateAction<boolean>>;
+};
+
+export type DrawerMobileProps = DashboardDrawerMobileProps & {
+  isConnectButton: boolean;
+};
diff --git a/govtool/frontend/src/i18n/locales/en.ts b/govtool/frontend/src/i18n/locales/en.ts
index f205ffcca..8fdb3278f 100644
--- a/govtool/frontend/src/i18n/locales/en.ts
+++ b/govtool/frontend/src/i18n/locales/en.ts
@@ -45,6 +45,7 @@ export const en = {
     dashboard: {
       headingOne: "Your Participation",
       headingTwo: "See Active Governance Actions",
+      title: "Dashboard",
       delegation: {
         changeDelegation: "Change delegation",
         delegateOwnPower:
@@ -265,7 +266,7 @@ export const en = {
       faqs: "FAQs",
       guides: "Guides",
       help: "Help",
-      myDashboard: "My Dashboard",
+      dashboard: "Dashboard",
       viewGovActions: "View Governance Actions",
     },
     metadataUpdate: {
@@ -433,7 +434,7 @@ export const en = {
     nextStep: "Next step",
     no: "No",
     ok: "Ok",
-    register:"Register",
+    register: "Register",
     seeTransaction: "See transaction",
     select: "Select",
     skip: "Skip",
diff --git a/govtool/frontend/src/pages/Dashboard.tsx b/govtool/frontend/src/pages/Dashboard.tsx
index 7899270cc..992897916 100644
--- a/govtool/frontend/src/pages/Dashboard.tsx
+++ b/govtool/frontend/src/pages/Dashboard.tsx
@@ -1,22 +1,13 @@
-import { Box } from "@mui/material";
 import { useEffect, useRef } from "react";
 import { useLocation, Outlet, useNavigate } from "react-router-dom";
+import { Box } from "@mui/material";
 
-import { ICONS, PATHS } from "@consts";
-import { useCardano } from "@context";
 import { Background, ScrollToManage } from "@atoms";
-import { useScreenDimension } from "@hooks";
+import { PATHS } from "@consts";
+import { useCardano } from "@context";
+import { useScreenDimension, useTranslation } from "@hooks";
 import { DashboardTopNav, Drawer, Footer } from "@organisms";
-import { checkIsWalletConnected } from "@/utils";
-
-const getPageTitle = (pathname: string) => {
-  if (pathname === PATHS.dashboard) {
-    return "My Dashboard";
-  } else if (pathname.includes(PATHS.dashboard_governance_actions)) {
-    return "Governance Actions";
-  }
-  return "";
-};
+import { checkIsWalletConnected } from "@utils";
 
 export const Dashboard = () => {
   const { isEnabled, stakeKey } = useCardano();
@@ -24,6 +15,16 @@ export const Dashboard = () => {
   const { pathname, hash } = useLocation();
   const divRef = useRef<HTMLDivElement>(null);
   const navigate = useNavigate();
+  const { t } = useTranslation();
+
+  const getPageTitle = (pathname: string) => {
+    if (pathname === PATHS.dashboard) {
+      return t("dashboard.title");
+    } else if (pathname.includes(PATHS.dashboard_governance_actions)) {
+      return t("dashboard.govActions.title");
+    }
+    return "";
+  };
 
   useEffect(() => {
     if (divRef.current) {
@@ -46,35 +47,21 @@ export const Dashboard = () => {
 
   return (
     <Background opacity={0.7}>
-      <Box display={"flex"} flexDirection={"row"} position={"relative"}>
+      <Box sx={{ display: "flex", position: "relative" }}>
         {isMobile ? null : <Drawer />}
         <Box
-          display="flex"
-          flexDirection="column"
-          flex={1}
-          minHeight="100vh"
-          overflow="hidden"
+          sx={{
+            display: "flex",
+            flex: 1,
+            flexDirection: "column",
+            minHeight: "100vh",
+            overflow: "clip",
+            position: "relative",
+          }}
         >
-          <DashboardTopNav
-            title={getPageTitle(location.pathname)}
-            imageSRC={isMobile ? ICONS.appLogoIcon : undefined}
-            imageHeight={24}
-          />
-          <Box
-            sx={{
-              display: "flex",
-              flexDirection: "column",
-              flex: "1",
-              overflowX: "hidden",
-              overflowY: "auto",
-              position: "relative",
-              marginTop: "97px",
-            }}
-            ref={divRef}
-          >
-            <ScrollToManage />
-            <Outlet />
-          </Box>
+          <DashboardTopNav title={getPageTitle(location.pathname)} />
+          <ScrollToManage />
+          <Outlet />
           {isMobile ? <Footer /> : null}
         </Box>
       </Box>
diff --git a/govtool/frontend/src/pages/DelegateTodRep.tsx b/govtool/frontend/src/pages/DelegateTodRep.tsx
index 05b11cc44..56b0c8ff3 100644
--- a/govtool/frontend/src/pages/DelegateTodRep.tsx
+++ b/govtool/frontend/src/pages/DelegateTodRep.tsx
@@ -1,17 +1,17 @@
 import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
 import { Box } from "@mui/material";
 
 import { Background } from "@atoms";
-import { ICONS, PATHS } from "@consts";
+import { PATHS } from "@consts";
+import { useScreenDimension, useTranslation } from "@hooks";
 import {
   DashboardTopNav,
   DelegateTodRepStepOne,
   DelegateTodRepStepTwo,
   Footer,
 } from "@organisms";
-import { useScreenDimension, useTranslation } from "@hooks";
-import { useNavigate } from "react-router-dom";
-import { checkIsWalletConnected } from "@/utils";
+import { checkIsWalletConnected } from "@utils";
 
 export const DelegateTodRep = () => {
   const [step, setStep] = useState(1);
@@ -27,19 +27,16 @@ export const DelegateTodRep = () => {
 
   return (
     <Background isReverted>
-      <Box display={"flex"} minHeight={"100vh"} flexDirection="column">
-        <DashboardTopNav
-          imageSRC={ICONS.appLogoIcon}
-          imageWidth={isMobile ? undefined : 42}
-          imageHeight={isMobile ? 24 : 35}
-          title={t("delegation.toDRep.title")}
-        />
+      <Box
+        sx={{ display: "flex", flexDirection: "column", minHeight: "100vh" }}
+      >
+        <DashboardTopNav title={t("delegation.toDRep.title")} />
         <Box
-          display={"flex"}
+          display="flex"
           height={isMobile ? "100%" : "auto"}
           flex={isMobile ? 1 : 0}
-          justifyContent={"center"}
-          sx={{ marginTop: isMobile ? "97px" : "153px" }}
+          justifyContent="center"
+          mt={3}
         >
           {step === 1 && <DelegateTodRepStepOne setStep={setStep} />}
           {step === 2 && <DelegateTodRepStepTwo setStep={setStep} />}
diff --git a/govtool/frontend/src/pages/RegisterAsdRep.tsx b/govtool/frontend/src/pages/RegisterAsdRep.tsx
index 3653b806d..b1788f106 100644
--- a/govtool/frontend/src/pages/RegisterAsdRep.tsx
+++ b/govtool/frontend/src/pages/RegisterAsdRep.tsx
@@ -1,9 +1,15 @@
 import { useEffect, useState } from "react";
-import { Box } from "@mui/material";
+import { useNavigate } from "react-router-dom";
 import { FormProvider } from "react-hook-form";
+import { Box } from "@mui/material";
 
 import { Background } from "@atoms";
-import { ICONS, PATHS } from "@consts";
+import { PATHS } from "@consts";
+import {
+  useScreenDimension,
+  useUrlAndHashFormController as useRegisterAsdRepFormController,
+  useTranslation,
+} from "@hooks";
 import {
   DashboardTopNav,
   Footer,
@@ -11,13 +17,7 @@ import {
   RegisterAsdRepStepThree,
   RegisterAsdRepStepTwo,
 } from "@organisms";
-import {
-  useScreenDimension,
-  useUrlAndHashFormController as useRegisterAsdRepFormController,
-  useTranslation,
-} from "@hooks";
-import { useNavigate } from "react-router-dom";
-import { checkIsWalletConnected } from "@/utils";
+import { checkIsWalletConnected } from "@utils";
 
 export const RegisterAsdRep = () => {
   const [step, setStep] = useState<number>(1);
@@ -35,13 +35,10 @@ export const RegisterAsdRep = () => {
 
   return (
     <Background isReverted>
-      <Box display="flex" flexDirection="column" minHeight="100vh">
-        <DashboardTopNav
-          imageSRC={ICONS.appLogoIcon}
-          imageWidth={isMobile ? undefined : 42}
-          imageHeight={isMobile ? 24 : 35}
-          title={t("registration.becomeADRep")}
-        />
+      <Box
+        sx={{ display: "flex", flexDirection: "column", minHeight: "100vh" }}
+      >
+        <DashboardTopNav title={t("registration.becomeADRep")} />
         <FormProvider {...registerAsdRepFormMethods}>
           {step === 1 && <RegisterAsdRepStepOne setStep={setStep} />}
           {step === 2 && <RegisterAsdRepStepTwo setStep={setStep} />}
diff --git a/govtool/frontend/src/pages/UpdatedRepMetadata.tsx b/govtool/frontend/src/pages/UpdatedRepMetadata.tsx
index 3d80064e7..782b2eb39 100644
--- a/govtool/frontend/src/pages/UpdatedRepMetadata.tsx
+++ b/govtool/frontend/src/pages/UpdatedRepMetadata.tsx
@@ -1,9 +1,9 @@
 import { useMemo, useEffect } from "react";
-import { Box, Link } from "@mui/material";
 import { useNavigate } from "react-router-dom";
+import { Box, Link } from "@mui/material";
 
 import { Background, Button, LoadingButton, Spacer, Typography } from "@atoms";
-import { ICONS, PATHS } from "@consts";
+import { PATHS } from "@consts";
 import { useCardano } from "@context";
 import {
   useScreenDimension,
@@ -76,18 +76,12 @@ export const UpdatedRepMetadata = () => {
   return (
     <Background isReverted>
       <Box display={"flex"} minHeight={"100vh"} flexDirection="column">
-        <DashboardTopNav
-          imageSRC={ICONS.appLogoIcon}
-          imageWidth={isMobile ? undefined : 42}
-          imageHeight={isMobile ? 24 : 35}
-          title={t("metadataUpdate.title")}
-        />
+        <DashboardTopNav title={t("metadataUpdate.title")} />
         <Box
           display={"flex"}
           justifyContent={"center"}
-          mt={isMobile ? 0 : 7}
+          mt={3}
           height={isMobile ? "100%" : "auto"}
-          sx={{ marginTop: isMobile ? "97px" : "153px" }}
         >
           <Box
             width={

From c0fd0caf8c74c98b2769876b15a6167464340dac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Fri, 1 Mar 2024 10:48:11 +0100
Subject: [PATCH 002/109] [#350] change styles for home page RWD

---
 .../src/components/molecules/ActionCard.tsx   |  28 ++-
 .../src/components/organisms/DrawerMobile.tsx |  66 ++++---
 .../src/components/organisms/Hero.tsx         |  41 ++--
 .../src/components/organisms/HomeCards.tsx    | 155 +++++++--------
 .../src/components/organisms/TopNav.tsx       | 180 ++++++++++--------
 govtool/frontend/src/consts/navItems.ts       |   4 +-
 govtool/frontend/src/i18n/locales/en.ts       |   9 +-
 7 files changed, 249 insertions(+), 234 deletions(-)

diff --git a/govtool/frontend/src/components/molecules/ActionCard.tsx b/govtool/frontend/src/components/molecules/ActionCard.tsx
index 3418c6471..2ac0dd63f 100644
--- a/govtool/frontend/src/components/molecules/ActionCard.tsx
+++ b/govtool/frontend/src/components/molecules/ActionCard.tsx
@@ -34,7 +34,6 @@ export const ActionCard: FC<ActionCardProps> = ({ ...props }) => {
     title,
   } = props;
   const { isMobile, screenWidth } = useScreenDimension();
-  const MOBILE_AND_WIDE_CONDITION = isMobile || screenWidth >= 1920;
 
   const {
     palette: { boxShadow2 },
@@ -42,12 +41,14 @@ export const ActionCard: FC<ActionCardProps> = ({ ...props }) => {
 
   return (
     <Box
-      p={4.25}
+      borderRadius={3}
       display="flex"
       flexDirection="column"
       flexGrow={1}
+      maxWidth={798}
+      p={4.25}
       sx={{ boxShadow: `5px 5px 15px 5px ${boxShadow2}` }}
-      borderRadius={3}
+      width="-webkit-fill-available"
     >
       <Box display="flex" flexDirection="column" flex={1}>
         {imageURL ? (
@@ -56,7 +57,7 @@ export const ActionCard: FC<ActionCardProps> = ({ ...props }) => {
             width={imageWidth}
             height={imageHeight}
             style={{
-              alignSelf: MOBILE_AND_WIDE_CONDITION ? "center" : "start",
+              alignSelf: screenWidth < 640 ? "center" : "start",
             }}
           />
         ) : null}
@@ -64,8 +65,8 @@ export const ActionCard: FC<ActionCardProps> = ({ ...props }) => {
           <Typography
             fontWeight={isMobile ? 600 : 500}
             sx={{
-              mt: MOBILE_AND_WIDE_CONDITION ? 4 : 2.5,
-              textAlign: MOBILE_AND_WIDE_CONDITION ? "center" : "left",
+              mt: screenWidth < 640 ? 4 : 2.5,
+              textAlign: screenWidth < 640 ? "center" : "left",
             }}
             variant={isMobile ? "title2" : "headline5"}
           >
@@ -78,7 +79,7 @@ export const ActionCard: FC<ActionCardProps> = ({ ...props }) => {
             sx={{
               mb: 4.25,
               mt: 1.75,
-              textAlign: MOBILE_AND_WIDE_CONDITION ? "center" : "left",
+              textAlign: screenWidth < 640 ? "center" : "left",
             }}
             variant={isMobile ? "body2" : "body1"}
           >
@@ -86,16 +87,13 @@ export const ActionCard: FC<ActionCardProps> = ({ ...props }) => {
           </Typography>
         ) : null}
       </Box>
-      <Box
-        display="flex"
-        flexDirection={MOBILE_AND_WIDE_CONDITION ? "column" : "row"}
-      >
+      <Box display="flex" flexDirection={screenWidth < 640 ? "column" : "row"}>
         {firstButtonLabel ? (
           <Button
             data-testid={dataTestIdFirstButton}
             onClick={firstButtonAction}
             sx={{
-              width: MOBILE_AND_WIDE_CONDITION ? "100%" : "auto",
+              width: screenWidth < 640 ? "100%" : "auto",
             }}
           >
             {firstButtonLabel}
@@ -106,9 +104,9 @@ export const ActionCard: FC<ActionCardProps> = ({ ...props }) => {
           onClick={secondButtonAction}
           sx={{
             visibility: secondButtonLabel ? "visible" : "hidden",
-            ml: MOBILE_AND_WIDE_CONDITION ? 0 : 2,
-            mt: MOBILE_AND_WIDE_CONDITION ? 2 : 0,
-            width: MOBILE_AND_WIDE_CONDITION ? "100%" : "auto",
+            ml: screenWidth < 640 ? 0 : 2,
+            mt: screenWidth < 640 ? 2 : 0,
+            width: screenWidth < 640 ? "100%" : "auto",
             display: !secondButtonLabel && screenWidth < 768 ? "none" : "block",
           }}
           variant="outlined"
diff --git a/govtool/frontend/src/components/organisms/DrawerMobile.tsx b/govtool/frontend/src/components/organisms/DrawerMobile.tsx
index 9357c396a..7434b64f1 100644
--- a/govtool/frontend/src/components/organisms/DrawerMobile.tsx
+++ b/govtool/frontend/src/components/organisms/DrawerMobile.tsx
@@ -1,7 +1,7 @@
 import { Dispatch, SetStateAction } from "react";
 import { Box, Grid, IconButton, SwipeableDrawer } from "@mui/material";
 
-import { Background, Button, Link } from "../atoms";
+import { Background, Button, Link, Typography } from "@atoms";
 import { ICONS, IMAGES, NAV_ITEMS } from "@consts";
 import { useScreenDimension, useTranslation } from "@hooks";
 import { useModal } from "@context";
@@ -25,6 +25,9 @@ export const DrawerMobile = ({
   const { openModal } = useModal();
   const { t } = useTranslation();
 
+  const onClickHelp = () =>
+    openInNewTab("https://docs.sanchogov.tools/support/get-help-in-discord");
+
   return (
     <SwipeableDrawer
       anchor="right"
@@ -33,13 +36,21 @@ export const DrawerMobile = ({
       open={isDrawerOpen}
     >
       <Background>
-        <Box px={DRAWER_PADDING}>
+        <Box
+          sx={{
+            display: "flex",
+            flex: 1,
+            flexDirection: "column",
+            px: DRAWER_PADDING,
+          }}
+        >
           <Box
-            display="flex"
-            flex={1}
-            justifyContent="space-between"
-            py={3}
-            width={screenWidth - CALCULATED_DRAWER_PADDING}
+            sx={{
+              display: "flex",
+              justifyContent: "space-between",
+              py: 3,
+              width: screenWidth - CALCULATED_DRAWER_PADDING,
+            }}
           >
             <img height={25} src={IMAGES.appLogo} />
             <IconButton
@@ -65,21 +76,32 @@ export const DrawerMobile = ({
               {t("wallet.connectYourWalletButton")}
             </Button>
           ) : null}
-          <Grid container direction="column" mt={6} rowGap={4}>
-            {NAV_ITEMS.map((navItem) => (
-              <Grid item key={navItem.label}>
-                <Link
-                  {...navItem}
-                  isConnectWallet={isConnectButton}
-                  onClick={() => {
-                    if (navItem.newTabLink) openInNewTab(navItem.newTabLink);
-                    setIsDrawerOpen(false);
-                  }}
-                  size="big"
-                />
-              </Grid>
-            ))}
-          </Grid>
+          <Box sx={{ display: "flex", flex: 1, flexDirection: "column" }}>
+            <Grid container direction="column" mt={6} rowGap={4}>
+              {NAV_ITEMS.map((navItem) => (
+                <Grid item key={navItem.label}>
+                  <Link
+                    {...navItem}
+                    isConnectWallet={isConnectButton}
+                    onClick={() => {
+                      if (navItem.newTabLink) openInNewTab(navItem.newTabLink);
+                      setIsDrawerOpen(false);
+                    }}
+                    size="big"
+                  />
+                </Grid>
+              ))}
+            </Grid>
+          </Box>
+        </Box>
+        <Box
+          onClick={onClickHelp}
+          sx={{ alignItems: "center", display: "flex", p: DRAWER_PADDING }}
+        >
+          <img height={20} src={ICONS.helpIcon} width={20} />
+          <Typography fontWeight={500} sx={{ ml: 1.5 }}>
+            {t("menu.help")}
+          </Typography>
         </Box>
       </Background>
     </SwipeableDrawer>
diff --git a/govtool/frontend/src/components/organisms/Hero.tsx b/govtool/frontend/src/components/organisms/Hero.tsx
index 497f230e0..ac39f8ad4 100644
--- a/govtool/frontend/src/components/organisms/Hero.tsx
+++ b/govtool/frontend/src/components/organisms/Hero.tsx
@@ -13,18 +13,9 @@ export const Hero = () => {
   const { isEnabled } = useCardano();
   const { openModal } = useModal();
   const navigate = useNavigate();
-  const { isMobile, screenWidth, pagePadding } = useScreenDimension();
+  const { isMobile, screenWidth } = useScreenDimension();
   const { t } = useTranslation();
-  const IMAGE_SIZE =
-    screenWidth < 768
-      ? 140
-      : screenWidth < 1024
-      ? 400
-      : screenWidth < 1440
-      ? 500
-      : screenWidth < 1920
-      ? 600
-      : 720;
+  const IMAGE_SIZE = screenWidth < 640 ? 300 : screenWidth < 860 ? 400 : 600;
 
   const onClickVotingPower = useCallback(
     () =>
@@ -37,15 +28,15 @@ export const Hero = () => {
       alignItems="center"
       display="flex"
       flex={1}
+      marginTop={16}
       flexDirection="row"
-      height={screenWidth < 1024 ? "70vh" : "75vh"}
       overflow="visible"
       position="relative"
-      px={pagePadding}
+      px={screenWidth < 640 ? 3 : screenWidth < 1512 ? 10 : 14}
     >
       <Box alignItems="center" flex={1} height="min-content">
         <Typography
-          variant={screenWidth < 1024 ? "headline2" : "headline1"}
+          variant={screenWidth < 860 ? "headline2" : "headline1"}
           sx={{ whiteSpace: "pre-line" }}
           {...(screenWidth < 375 && { fontSize: 45 })}
         >
@@ -56,16 +47,12 @@ export const Hero = () => {
           sx={{
             maxWidth: 630,
             my: 4,
-            ...(isMobile ? {} : { whiteSpace: "pre-line" }),
+            whiteSpace: "pre-line",
           }}
-          variant={isMobile ? "body2" : "title2"}
+          variant={"title2"}
         >
           <Trans
-            i18nKey={
-              screenWidth < 1024
-                ? "hero.description.mobile"
-                : "hero.description.wide"
-            }
+            i18nKey="hero.description"
             components={[
               <Link
                 data-testid="voting-power-link"
@@ -94,8 +81,16 @@ export const Hero = () => {
       <Box
         flex={1}
         position="absolute"
-        right={isMobile ? -30 : screenWidth < 1920 ? -50 : 50}
-        top={screenWidth < 1024 ? 0 : undefined}
+        right={
+          screenWidth >= 1728
+            ? IMAGE_SIZE / 8
+            : screenWidth >= 1512
+            ? -(IMAGE_SIZE / 12)
+            : screenWidth >= 860
+            ? -(IMAGE_SIZE / 8)
+            : -(IMAGE_SIZE / 4)
+        }
+        top={-80}
         zIndex={-1}
       >
         <img src={IMAGES.heroImage} width={IMAGE_SIZE} height={IMAGE_SIZE} />
diff --git a/govtool/frontend/src/components/organisms/HomeCards.tsx b/govtool/frontend/src/components/organisms/HomeCards.tsx
index d8ca35a92..c1ba526ba 100644
--- a/govtool/frontend/src/components/organisms/HomeCards.tsx
+++ b/govtool/frontend/src/components/organisms/HomeCards.tsx
@@ -1,3 +1,4 @@
+import { useCallback } from "react";
 import { useNavigate } from "react-router-dom";
 import { Box } from "@mui/material";
 
@@ -6,12 +7,11 @@ import { useModal } from "@context";
 import { ActionCard } from "@molecules";
 import { useScreenDimension, useTranslation } from "@hooks";
 import { openInNewTab } from "@utils";
-import { useCallback } from "react";
 
 export const HomeCards = () => {
   const navigate = useNavigate();
   const { openModal } = useModal();
-  const { isMobile, screenWidth } = useScreenDimension();
+  const { screenWidth } = useScreenDimension();
   const { t } = useTranslation();
 
   const openWalletModal = useCallback(() => {
@@ -46,99 +46,80 @@ export const HomeCards = () => {
 
   return (
     <Box
-      columnGap={12}
+      columnGap={5}
       display="grid"
-      gridTemplateColumns={screenWidth >= 1920 ? "1fr 1fr 1fr" : "1fr"}
-      mb={6}
-      mt={screenWidth < 1024 ? 6 : 14}
+      gridTemplateColumns={screenWidth >= 1920 ? "1fr 1fr" : "1fr"}
+      justifyItems="center"
+      mb={screenWidth < 640 ? 10 : 17}
+      mt={screenWidth < 640 ? 10 : 14.5}
       px={
-        screenWidth < 768
+        screenWidth < 640
           ? 2
           : screenWidth < 1024
-          ? 12
+          ? 5
           : screenWidth < 1440
-          ? 24
+          ? 10
           : 34
       }
-      rowGap={6}
+      rowGap={5}
     >
-      <Box
-        width={!isMobile && screenWidth < 1920 ? "90%" : "auto"}
-        display="flex"
-      >
-        {/* DELEGATE CARD */}
-        <ActionCard
-          dataTestIdFirstButton="delegate-connect-wallet-button"
-          dataTestIdSecondButton="delegate-learn-more-button"
-          description={t("home.cards.delegateDescription")}
-          firstButtonAction={openWalletModal}
-          firstButtonLabel={t("home.cards.delegateFirstButtonLabel")}
-          imageHeight={80}
-          imageURL={IMAGES.govActionDelegateImage}
-          imageWidth={115}
-          secondButtonAction={onClickLearnMoreAboutDelegation}
-          secondButtonLabel={t("learnMore")}
-          title={t("home.cards.delegateTitle")}
-        />
-        {/* DELEGATE CARD END*/}
-      </Box>
-      <Box
-        display="flex"
-        width={!isMobile && screenWidth < 1920 ? "90%" : "auto"}
-      >
-        {/* REGISTER AS DREP CARD */}
-        <ActionCard
-          dataTestIdFirstButton="register-connect-wallet-button"
-          dataTestIdSecondButton="register-learn-more-button"
-          description={t("home.cards.registerAsDRepDescription")}
-          firstButtonAction={openWalletModal}
-          firstButtonLabel={t("home.cards.registerAsDRepFirstButtonLabel")}
-          imageHeight={80}
-          imageURL={IMAGES.govActionRegisterImage}
-          imageWidth={70}
-          secondButtonAction={onClickLearnMoreAboutDRepRegistration}
-          secondButtonLabel={t("learnMore")}
-          title={t("home.cards.registerAsDRepTitle")}
-        />
-        {/* REGISTER AS DREP CARD END */}
-      </Box>
-      <Box
-        display="flex"
-        width={!isMobile && screenWidth < 1920 ? "90%" : "auto"}
-      >
-        {/* REGISTER AS SOLE VOTER CARD */}
-        <ActionCard
-          dataTestIdFirstButton="register-as-sole-voter-button"
-          dataTestIdSecondButton="lear-more-about-sole-voter-button"
-          description={t("home.cards.registerAsSoleVoterDescription")}
-          firstButtonAction={openWalletModal}
-          firstButtonLabel={t("home.cards.registerAsSoleVoterFirstButtonLabel")}
-          imageHeight={84}
-          imageURL={IMAGES.soleVoterImage}
-          imageWidth={84}
-          secondButtonAction={onClickLearnMoreAboutSoleVoterRegistration}
-          secondButtonLabel={t("learnMore")}
-          title={t("home.cards.registerAsSoleVoterTitle")}
-        />
-        {/* REGISTER AS SOLE VOTER CARD END */}
-      </Box>
-      <Box
-        display="flex"
-        width={!isMobile && screenWidth < 1920 ? "90%" : "auto"}
-      >
-        {/* GOV ACTIONS CARD */}
-        <ActionCard
-          dataTestIdFirstButton="move-to-governance-actions-button"
-          description={t("home.cards.governaneActionsDescription")}
-          firstButtonAction={navigateToGovActions}
-          firstButtonLabel={t("home.cards.governanceActionsFirstButtonLabel")}
-          imageHeight={80}
-          imageURL={IMAGES.govActionListImage}
-          imageWidth={80}
-          title={t("home.cards.governaneActionsTitle")}
-        />
-        {/* GOV ACTIONS CARD */}
-      </Box>
+      {/* DELEGATE CARD */}
+      <ActionCard
+        dataTestIdFirstButton="delegate-connect-wallet-button"
+        dataTestIdSecondButton="delegate-learn-more-button"
+        description={t("home.cards.delegateDescription")}
+        firstButtonAction={openWalletModal}
+        firstButtonLabel={t("home.cards.delegateFirstButtonLabel")}
+        imageHeight={80}
+        imageURL={IMAGES.govActionDelegateImage}
+        imageWidth={115}
+        secondButtonAction={onClickLearnMoreAboutDelegation}
+        secondButtonLabel={t("learnMore")}
+        title={t("home.cards.delegateTitle")}
+      />
+      {/* DELEGATE CARD END*/}
+      {/* REGISTER AS DREP CARD */}
+      <ActionCard
+        dataTestIdFirstButton="register-connect-wallet-button"
+        dataTestIdSecondButton="register-learn-more-button"
+        description={t("home.cards.registerAsDRepDescription")}
+        firstButtonAction={openWalletModal}
+        firstButtonLabel={t("home.cards.registerAsDRepFirstButtonLabel")}
+        imageHeight={80}
+        imageURL={IMAGES.govActionRegisterImage}
+        imageWidth={70}
+        secondButtonAction={onClickLearnMoreAboutDRepRegistration}
+        secondButtonLabel={t("learnMore")}
+        title={t("home.cards.registerAsDRepTitle")}
+      />
+      {/* REGISTER AS DREP CARD END */}
+      {/* REGISTER AS SOLE VOTER CARD */}
+      <ActionCard
+        dataTestIdFirstButton="register-as-sole-voter-button"
+        dataTestIdSecondButton="lear-more-about-sole-voter-button"
+        description={t("home.cards.registerAsSoleVoterDescription")}
+        firstButtonAction={openWalletModal}
+        firstButtonLabel={t("home.cards.registerAsSoleVoterFirstButtonLabel")}
+        imageHeight={84}
+        imageURL={IMAGES.soleVoterImage}
+        imageWidth={84}
+        secondButtonAction={onClickLearnMoreAboutSoleVoterRegistration}
+        secondButtonLabel={t("learnMore")}
+        title={t("home.cards.registerAsSoleVoterTitle")}
+      />
+      {/* REGISTER AS SOLE VOTER CARD END */}
+      {/* GOV ACTIONS CARD */}
+      <ActionCard
+        dataTestIdFirstButton="move-to-governance-actions-button"
+        description={t("home.cards.governaneActionsDescription")}
+        firstButtonAction={navigateToGovActions}
+        firstButtonLabel={t("home.cards.governanceActionsFirstButtonLabel")}
+        imageHeight={80}
+        imageURL={IMAGES.govActionListImage}
+        imageWidth={80}
+        title={t("home.cards.governaneActionsTitle")}
+      />
+      {/* GOV ACTIONS CARD */}
     </Box>
   );
 };
diff --git a/govtool/frontend/src/components/organisms/TopNav.tsx b/govtool/frontend/src/components/organisms/TopNav.tsx
index 229ba6526..e77932536 100644
--- a/govtool/frontend/src/components/organisms/TopNav.tsx
+++ b/govtool/frontend/src/components/organisms/TopNav.tsx
@@ -1,6 +1,7 @@
 import { useEffect, useState } from "react";
 import { NavLink, useNavigate } from "react-router-dom";
 import { AppBar, Box, Grid, IconButton } from "@mui/material";
+import MenuIcon from "@mui/icons-material/Menu";
 
 import { Button, Link } from "@atoms";
 import { ICONS, IMAGES, PATHS, NAV_ITEMS } from "@consts";
@@ -34,6 +35,10 @@ export const TopNav = ({ isConnectButton = true }) => {
     return () => window.removeEventListener("scroll", onScroll);
   }, []);
 
+  const openDrawer = () => {
+    setIsDrawerOpen(true);
+  };
+
   return (
     <Box position="relative" py={isMobile ? 5 : 6}>
       <AppBar
@@ -51,101 +56,118 @@ export const TopNav = ({ isConnectButton = true }) => {
           borderBottom: isMobile ? 1 : 0,
           borderColor: "lightblue",
           boxShadow: 0,
+          justifyContent: "center",
           flex: 1,
           flexDirection: "row",
-          justifyContent: "space-between",
           position: "fixed",
-          px: screenWidth >= 1920 ? 37 : isMobile ? 2 : 5,
+          px: isMobile ? 2 : 5,
           py: 3,
         }}
       >
-        <NavLink
-          data-testid="logo-button"
-          onClick={() => (isConnectButton ? {} : disconnectWallet())}
-          to={PATHS.home}
+        <Box
+          sx={{
+            alignItems: "center",
+            display: "flex",
+            flex: 1,
+            justifyContent: "space-between",
+            maxWidth: 1290,
+          }}
         >
-          <img height={isMobile ? 25 : 35} src={IMAGES.appLogo} />
-        </NavLink>
-        {!isMobile ? (
-          <nav
-            style={{
-              alignItems: "center",
-              display: "flex",
-              justifyContent: "end",
-            }}
+          <NavLink
+            data-testid="logo-button"
+            onClick={() => (isConnectButton ? {} : disconnectWallet())}
+            to={PATHS.home}
           >
-            <Grid
-              alignItems="center"
-              columns={5}
-              columnSpacing={screenWidth < 1024 ? 2 : 4}
-              container
+            <img height={isMobile ? 25 : 35} src={IMAGES.appLogo} />
+          </NavLink>
+          {screenWidth >= 1024 ? (
+            <nav
+              style={{
+                alignItems: "center",
+                display: "flex",
+                justifyContent: "end",
+              }}
             >
-              {NAV_ITEMS.map((navItem) => (
-                <Grid item key={navItem.label}>
-                  <Link
-                    {...navItem}
-                    isConnectWallet={isConnectButton}
-                    onClick={() => {
-                      if (navItem.newTabLink) openInNewTab(navItem.newTabLink);
-                      setIsDrawerOpen(false);
-                    }}
-                  />
-                </Grid>
-              ))}
-              {isConnectButton ? (
-                <Grid item>
+              <Grid
+                alignItems="center"
+                columns={5}
+                columnSpacing={screenWidth < 1024 ? 2 : 4}
+                container
+              >
+                {NAV_ITEMS.map((navItem) => (
+                  <Grid item key={navItem.label}>
+                    <Link
+                      {...navItem}
+                      isConnectWallet={isConnectButton}
+                      onClick={() => {
+                        if (navItem.newTabLink)
+                          openInNewTab(navItem.newTabLink);
+                        setIsDrawerOpen(false);
+                      }}
+                    />
+                  </Grid>
+                ))}
+                {isConnectButton ? (
+                  <Grid item>
+                    <Button
+                      data-testid="connect-wallet-button"
+                      onClick={() => {
+                        if (isEnabled && stakeKey) {
+                          navigate(PATHS.dashboard);
+                        } else {
+                          openModal({ type: "chooseWallet" });
+                        }
+                      }}
+                      size="extraLarge"
+                      variant="contained"
+                    >
+                      {t("wallet.connectWallet")}
+                    </Button>
+                  </Grid>
+                ) : null}
+              </Grid>
+            </nav>
+          ) : (
+            <>
+              <Box sx={{ alignItems: "center", display: "flex" }}>
+                {isConnectButton ? (
                   <Button
                     data-testid="connect-wallet-button"
                     onClick={() => {
-                      if (isEnabled && stakeKey) {
-                        navigate(PATHS.dashboard);
-                      } else {
-                        openModal({ type: "chooseWallet" });
-                      }
+                      openModal({ type: "chooseWallet" });
+                    }}
+                    size="small"
+                    sx={{
+                      marginRight: screenWidth >= 768 ? 3 : 1,
+                      flex: 1,
                     }}
-                    size="extraLarge"
                     variant="contained"
                   >
-                    {t("wallet.connectWallet")}
+                    {t("wallet.connect")}
                   </Button>
-                </Grid>
-              ) : null}
-            </Grid>
-          </nav>
-        ) : (
-          <>
-            <Box display="flex">
-              {isConnectButton ? (
-                <Button
-                  data-testid="connect-wallet-button"
-                  onClick={() => {
-                    openModal({ type: "chooseWallet" });
-                  }}
-                  size="small"
-                  sx={{
-                    marginRight: 1,
-                    flex: 1,
-                  }}
-                  variant="contained"
-                >
-                  {t("wallet.connect")}
-                </Button>
-              ) : null}
-              <IconButton
-                data-testid="open-drawer-button"
-                onClick={() => setIsDrawerOpen(true)}
-                sx={{ padding: 0 }}
-              >
-                <img src={ICONS.drawerIcon} />
-              </IconButton>
-            </Box>
-            <DrawerMobile
-              isConnectButton={isConnectButton}
-              isDrawerOpen={isDrawerOpen}
-              setIsDrawerOpen={setIsDrawerOpen}
-            />
-          </>
-        )}
+                ) : null}
+                {screenWidth >= 768 ? (
+                  <IconButton
+                    data-testid="open-drawer-button"
+                    onClick={openDrawer}
+                    sx={{
+                      bgcolor: "#FBFBFF",
+                    }}
+                  >
+                    <MenuIcon color="primary" />
+                  </IconButton>
+                ) : (
+                  <img src={ICONS.drawerIcon} onClick={openDrawer} />
+                )}
+              </Box>
+              <DrawerMobile
+                isConnectButton={isConnectButton}
+                isDrawerOpen={isDrawerOpen}
+                setIsDrawerOpen={setIsDrawerOpen}
+              />
+            </>
+          )}
+        </Box>
       </AppBar>
     </Box>
   );
diff --git a/govtool/frontend/src/consts/navItems.ts b/govtool/frontend/src/consts/navItems.ts
index ddaf508e5..d46bbd6e1 100644
--- a/govtool/frontend/src/consts/navItems.ts
+++ b/govtool/frontend/src/consts/navItems.ts
@@ -3,9 +3,9 @@ import { PATHS } from "./paths";
 
 export const NAV_ITEMS = [
   {
-    dataTestId: "home-link",
+    dataTestId: "dashboard-link",
     navTo: PATHS.home,
-    label: "Home",
+    label: "Dashboard",
     newTabLink: null,
   },
   {
diff --git a/govtool/frontend/src/i18n/locales/en.ts b/govtool/frontend/src/i18n/locales/en.ts
index f205ffcca..724478756 100644
--- a/govtool/frontend/src/i18n/locales/en.ts
+++ b/govtool/frontend/src/i18n/locales/en.ts
@@ -235,11 +235,8 @@ export const en = {
     },
     hero: {
       connectWallet: "Connect your wallet",
-      description: {
-        mobile:
-          "You can either delegate your voting power or become a DRep to allow people to delegate voting power to you.",
-        wide: "Anyone with a wallet containing ADA can participate in governance on Sanchonet.\n\nYour ADA balance entitles you to an equal amount of Voting Power.\n\nFor more info see the guide entry for <0>Voting Power</0>.",
-      },
+      description:
+        "Anyone with a wallet containing ADA can participate in governance on Sanchonet.\n\nYour ADA balance entitles you to an equal amount of Voting Power.\n\nFor more info see the guide entry for <0>Voting Power</0>.",
       headline: "SanchoNet \n Governance Tool",
     },
     home: {
@@ -433,7 +430,7 @@ export const en = {
     nextStep: "Next step",
     no: "No",
     ok: "Ok",
-    register:"Register",
+    register: "Register",
     seeTransaction: "See transaction",
     select: "Select",
     skip: "Skip",

From e1e63ffd2e5b8a0376a1b7d5784b131f4c7d71d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Fri, 1 Mar 2024 13:11:26 +0100
Subject: [PATCH 003/109] [#350] delete curly braces

---
 govtool/frontend/src/components/organisms/Hero.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/govtool/frontend/src/components/organisms/Hero.tsx b/govtool/frontend/src/components/organisms/Hero.tsx
index ac39f8ad4..bdc6bcbbe 100644
--- a/govtool/frontend/src/components/organisms/Hero.tsx
+++ b/govtool/frontend/src/components/organisms/Hero.tsx
@@ -49,7 +49,7 @@ export const Hero = () => {
             my: 4,
             whiteSpace: "pre-line",
           }}
-          variant={"title2"}
+          variant="title2"
         >
           <Trans
             i18nKey="hero.description"

From f1aaf0e0c69dcae77303a96588c67e200c828597 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Mon, 4 Mar 2024 11:22:48 +0100
Subject: [PATCH 004/109] [#351] add comment for part of code

---
 .../frontend/src/components/organisms/DashboardDrawerMobile.tsx  | 1 +
 1 file changed, 1 insertion(+)

diff --git a/govtool/frontend/src/components/organisms/DashboardDrawerMobile.tsx b/govtool/frontend/src/components/organisms/DashboardDrawerMobile.tsx
index 0d7a62e84..05a821cdf 100644
--- a/govtool/frontend/src/components/organisms/DashboardDrawerMobile.tsx
+++ b/govtool/frontend/src/components/organisms/DashboardDrawerMobile.tsx
@@ -10,6 +10,7 @@ import { openInNewTab } from "@utils";
 import { DashboardDrawerMobileProps } from "./types";
 
 const DRAWER_PADDING = 2;
+// 8 is number of multiple in Material UI 2 is left and right side
 const CALCULATED_DRAWER_PADDING = DRAWER_PADDING * 8 * 2;
 
 export const DashboardDrawerMobile = ({

From e0f0c10568d15d67aa1b4635ab7789d5fedf039a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 27 Feb 2024 09:49:47 +0100
Subject: [PATCH 005/109] Optimized verbosity in base backend image build and
 push checks

This commit streamlines the process of checking if the base backend
image already exists before attempting to build or push it. By
redirecting the output of docker manifest inspect to /dev/null, it
suppresses unnecessary output, making the process less verbose and more
efficient. This change affects both the build-backend-base and
push-backend-base targets in the scripts/govtool/Makefile.
---
 scripts/govtool/Makefile | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/scripts/govtool/Makefile b/scripts/govtool/Makefile
index 7fdb0983b..de4fba9f4 100644
--- a/scripts/govtool/Makefile
+++ b/scripts/govtool/Makefile
@@ -74,7 +74,7 @@ build-backend: build-backend-base
 build-backend-base:
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
-	docker manifest inspect "$(repo_url)/backend-base:$(base_backend_image_tag)" || \
+	docker manifest inspect "$(repo_url)/backend-base:$(base_backend_image_tag)" > /dev/null 2>&1 || \
 	$(docker) build --file ../../govtool/backend/Dockerfile.base --tag "$(repo_url)/backend-base:$(base_backend_image_tag)" ../../govtool/backend
 	@echo "Using backend-base image: $(repo_url)/backend-base:$(base_backend_image_tag)"
 
@@ -88,7 +88,7 @@ push-backend: docker-login push-backend-base
 push-backend-base: docker-login
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
-	docker manifest inspect "$(repo_url)/backend-base:$(base_backend_image_tag)" || \
+	docker manifest inspect "$(repo_url)/backend-base:$(base_backend_image_tag)" > /dev/null 2>&1 || \
 	$(docker) push $(repo_url)/backend-base:$(base_backend_image_tag)
 
 .PHONY: build-frontend

From 6b329b3a6670a16f2e1c82e10ab9fef5d09d314f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 27 Feb 2024 10:25:10 +0100
Subject: [PATCH 006/109] [#320] Introduced version tracking scripts for
 application components

This commit adds three new scripts to the scripts/govtool/utils
directory for tracking the version of the application components based
on the current code state. These scripts are designed to generate
version strings that can be used to tag Docker images, ensuring that
changes in the codebase are accurately reflected in the versioning of
built images.

* backend-base-version: Generates a version string for the base backend
  image by hashing the vva-be.cabal file. This ensures that any
  modifications to the backend's dependencies trigger the creation of a
  new base image.
* backend-version: Produces a version string for the backend component
  by fetching the SHA1 hash of the most recent commit affecting the
  backend directory. This facilitates identifying the exact state of the
  backend code included in the Docker image.
* frontend-version: Similar to the backend script, this generates a
  version string for the frontend component by hashing the latest commit
  in the frontend directory, allowing for precise versioning of the
  frontend Docker image.  These enhancements contribute to a more robust
  and traceable build process, aligning the deployment artifacts closely
  with their corresponding codebase states.

These scripts are meant to be incorporated into the future version
tracking system based on the current deployment model.
---
 scripts/govtool/utils/backend-base-version | 9 +++++++++
 scripts/govtool/utils/backend-version      | 8 ++++++++
 scripts/govtool/utils/frontend-version     | 4 ++++
 3 files changed, 21 insertions(+)
 create mode 100755 scripts/govtool/utils/backend-base-version
 create mode 100755 scripts/govtool/utils/backend-version
 create mode 100755 scripts/govtool/utils/frontend-version

diff --git a/scripts/govtool/utils/backend-base-version b/scripts/govtool/utils/backend-base-version
new file mode 100755
index 000000000..85ffe5389
--- /dev/null
+++ b/scripts/govtool/utils/backend-base-version
@@ -0,0 +1,9 @@
+#!/usr/bin/env bash
+# This script returns a version string for the base image used to build the
+# backend Docker image. The version string is the SHA1 hash of the vva-be.cabal
+# file in the backend directory. This is used to tag the base image with the
+# version of the backend code that it was built from. It means that any changes
+# made in cabal file should result in building a new base docker image for
+# backend.
+
+git hash-object $(git rev-parse --show-toplevel)/govtool/backend/vva-be.cabal
diff --git a/scripts/govtool/utils/backend-version b/scripts/govtool/utils/backend-version
new file mode 100755
index 000000000..2c96d3bf6
--- /dev/null
+++ b/scripts/govtool/utils/backend-version
@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+# This script returns a version string for the backend code. The version string
+# is the SHA1 hash of the most recent commit in the backend directory. This is
+# used to tag the backend Docker image with the version of the backend code that
+# it was built from. It means that any changes made in the backend code should
+# result in building a new backend docker image.
+
+git log -n 1 --format="%H" -- $(git rev-parse --show-toplevel)/govtool/backend
diff --git a/scripts/govtool/utils/frontend-version b/scripts/govtool/utils/frontend-version
new file mode 100755
index 000000000..6eed4e906
--- /dev/null
+++ b/scripts/govtool/utils/frontend-version
@@ -0,0 +1,4 @@
+#!/usr/bin/env bash
+# This script returns a version string for the base image used to build the frontend Docker image. The version string is the SHA1 hash of the most recent commit in the frontend directory. This is used to tag the image with the version of the frontend code that it was built from. It means that any changes made in the frontend code should result in building a new docker image for frontend.
+
+git log -n 1 --format="%H" -- $(git rev-parse --show-toplevel)/govtool/frontend

From 2f01debc866c84c845519d38401c7d58fd27bc82 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 27 Feb 2024 13:36:52 +0100
Subject: [PATCH 007/109] [#320] Implemented separate version tagging for
 frontend and backend deployments

In this update, we've revised our deployment process to utilize distinct
version tags for the frontend and backend components of our application.
This change is designed to enhance our deployment traceability by
clearly indicating which parts of the application have been updated in
each release.

* Makefile Adjustments: Updated the Makefile to use separate variables
  (backend_image_tag and frontend_image_tag) for tagging Docker images
  of the frontend and backend. This allows for independent versioning
  based on the actual changes made to each component, rather than a single
  tag that might not accurately reflect updates to both.
* Docker Compose Files: Modified docker-compose configuration files for
  various environments (beta, dev, staging, test) to reference the new
  tag variables. This ensures that the correct version of each component
  is deployed, aligning the deployed application with the current state of
  the codebase.

By implementing these changes, we aim to make our deployment process
more transparent and to facilitate easier tracking and rollback of
changes to individual components when necessary.
---
 scripts/govtool/Makefile                   | 38 +++++++++++++---------
 scripts/govtool/docker-compose.beta.yml    |  4 +--
 scripts/govtool/docker-compose.dev.yml     |  4 +--
 scripts/govtool/docker-compose.staging.yml |  4 +--
 scripts/govtool/docker-compose.test.yml    |  4 +--
 5 files changed, 30 insertions(+), 24 deletions(-)

diff --git a/scripts/govtool/Makefile b/scripts/govtool/Makefile
index de4fba9f4..3c1c058d4 100644
--- a/scripts/govtool/Makefile
+++ b/scripts/govtool/Makefile
@@ -15,14 +15,16 @@ branch := $(shell git rev-parse --abbrev-ref HEAD)
 docker ?= docker
 domain := $(shell echo $${DOMAIN:-$(env)-$(cardano_network).govtool.byron.network})
 repo_url ?= 733019650473.dkr.ecr.eu-west-1.amazonaws.com
-tag := $(commit)-$(env)-$(cardano_network)
 
 docker_host := $(domain)
 docker_user := ubuntu
 ssh_url := $(docker_user)@$(docker_host)
 docker_compose_file := docker-compose.$(env).yml
 compose_stack_name := govtool-$(env)-$(cardano_network)
-base_backend_image_tag := $(shell git hash-object ../../govtool/backend/vva-be.cabal)
+
+base_backend_image_tag := $(shell ./utils/backend-base-version)
+backend_image_tag := $(shell ./utils/backend-version)
+frontend_image_tag := $(shell ./utils/frontend-version)
 
 # helper function for checking undefined variables
 check_defined = \
@@ -68,7 +70,7 @@ upload-config: prepare-config
 build-backend: build-backend-base
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
-	$(docker) build --build-arg BASE_IMAGE_TAG=$(base_backend_image_tag) --tag "$(repo_url)/backend:$(tag)" ../../govtool/backend
+	$(docker) build --build-arg BASE_IMAGE_TAG=$(base_backend_image_tag) --tag "$(repo_url)/backend:$(backend_image_tag)" ../../govtool/backend
 
 .PHONY: build-backend-base
 build-backend-base:
@@ -82,7 +84,7 @@ build-backend-base:
 push-backend: docker-login push-backend-base
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
-	$(docker) push $(repo_url)/backend:$(tag)
+	$(docker) push $(repo_url)/backend:$(backend_image_tag)
 
 .PHONY: push-backend-base
 push-backend-base: docker-login
@@ -98,7 +100,7 @@ build-frontend:
 	@:$(call check_defined, gtm_id)
 	@:$(call check_defined, sentry_dsn)
 	if [[ "$(cardano_network)" = "mainnet" ]]; then NETWORK_FLAG=1; else NETWORK_FLAG=0; fi; \
-	$(docker) build --tag "$(repo_url)/frontend:$(tag)" \
+	$(docker) build --tag "$(repo_url)/frontend:$(frontend_image_tag)" \
 		--build-arg VITE_BASE_URL="https://$(domain)/api" \
 		--build-arg VITE_GTM_ID="$(gtm_id)" \
 		--build-arg VITE_NETWORK_FLAG="$$NETWORK_FLAG" \
@@ -109,7 +111,7 @@ build-frontend:
 push-frontend: docker-login
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
-	$(docker) push $(repo_url)/frontend:$(tag)
+	$(docker) push $(repo_url)/frontend:$(frontend_image_tag)
 
 .PHONY: deploy-stack
 deploy-stack: docker-login
@@ -120,7 +122,8 @@ deploy-stack: docker-login
 	export DOCKER_HOST=ssh://$(ssh_url); \
 	export ENVIRONMENT=$(env); \
 	export GRAFANA_ADMIN_PASSWORD=$(grafana_admin_password); \
-	export TAG=$(tag); \
+	export BACKEND_TAG=$(backend_image_tag); \
+	export FRONTEND_TAG=$(frontend_image_tag); \
 	ssh-keyscan $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
 	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) pull; \
 	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) up -d
@@ -132,7 +135,8 @@ destroy-cardano-node-and-dbsync:
 	export CARDANO_NETWORK=$(cardano_network); \
 	export DOCKER_HOST=ssh://$(ssh_url); \
 	export ENVIRONMENT=$(env); \
-	export TAG=$(tag); \
+	export BACKEND_TAG=$(backend_image_tag); \
+	export FRONTEND_TAG=$(frontend_image_tag); \
 	ssh-keyscan $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
 	containers="$$(docker container ls --no-trunc --format '{{.Names}}' -f name=cardano-node -f name=cardano-db-sync -f name=postgres)"; \
 	volumes="$$(docker volume ls --format '{{.Name}}' -f name=db-sync-data -f name=node-db -f name=node-ipc -f name=postgres)"; \
@@ -148,7 +152,8 @@ toggle-maintenance:
 	export ENVIRONMENT=$(env); \
 	export CARDANO_NETWORK=$(cardano_network); \
 	export DOCKER_HOST=ssh://$(ssh_url); \
-	export TAG=$(tag); \
+	export BACKEND_TAG=$(backend_image_tag); \
+	export FRONTEND_TAG=$(frontend_image_tag); \
 	ssh-keyscan $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
 	if [[ "$(maintenance)" = "enable" ]]; then $(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) exec frontend touch /var/run/maintenance_enabled; \
 	else $(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) exec frontend rm /var/run/maintenance_enabled; fi
@@ -160,12 +165,12 @@ info:
 	@:$(call check_defined, env)
 	@echo "+-----------"
 	@echo "|  TIME      $(shell date +'%Y-%m-%d %H:%M:%S%z')"
-	@echo "D  COMMIT    $(shell git rev-parse HEAD)"
-	@echo "E  BRANCH    $(branch)"
-	@echo "P  ENV       $(env)"
-	@echo "L  NETWORK   $(cardano_network)"
-	@echo "O  IMAGE_TAG $(tag)"
-	@echo "Y  SSH       $(ssh_url)"
+	@echo "|  BRANCH    $(branch) [$(shell git rev-parse HEAD)]"
+	@echo "I  ENV       $(env)"
+	@echo "N  NETWORK   $(cardano_network)"
+	@echo "F  BACKEND   $(repo_url)/backend:$(backend_image_tag)"
+	@echo "O  FRONTEND  $(repo_url)/frontend:$(frontend_image_tag)"
+	@echo "|  SSH       $(ssh_url)"
 	@echo "|  URL       https://$(docker_host)"
 	@echo "+-----------"
 
@@ -192,6 +197,7 @@ docker:
 	export DOCKER_HOST=ssh://$(ssh_url); \
 	export ENVIRONMENT=$(env); \
 	export GRAFANA_ADMIN_PASSWORD=$(grafana_admin_password); \
-	export TAG=$(tag); \
+	export BACKEND_TAG=$(backend_image_tag); \
+	export FRONTEND_TAG=$(frontend_image_tag); \
 	ssh-keyscan $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
 	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) $(cmd)
diff --git a/scripts/govtool/docker-compose.beta.yml b/scripts/govtool/docker-compose.beta.yml
index 9e4e9e41f..fcb52f85d 100644
--- a/scripts/govtool/docker-compose.beta.yml
+++ b/scripts/govtool/docker-compose.beta.yml
@@ -167,7 +167,7 @@ services:
     logging: *logging
 
   backend:
-    image: ${VVA_BE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/backend}:${TAG:-main-dev-sanchonet}
+    image: ${VVA_BE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/backend}:${BACKEND_TAG}
     command: /usr/local/bin/vva-be -c /run/secrets/backend-config.json start-app
     depends_on:
       cardano-node:
@@ -193,7 +193,7 @@ services:
       - "traefik.http.services.backend.loadbalancer.server.port=9876"
 
   frontend:
-    image: ${VVA_FE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/frontend}:${TAG:-main-dev-sanchonet}
+    image: ${VVA_FE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/frontend}:${FRONTEND_TAG}
     volumes:
       - /home/ubuntu/config/nginx/auth.conf:/etc/nginx/conf.d/auth.conf
       - /home/ubuntu/config/nginx/govtool.htpasswd:/etc/nginx/conf.d/govtool.htpasswd
diff --git a/scripts/govtool/docker-compose.dev.yml b/scripts/govtool/docker-compose.dev.yml
index ea64ba147..df4523095 100644
--- a/scripts/govtool/docker-compose.dev.yml
+++ b/scripts/govtool/docker-compose.dev.yml
@@ -167,7 +167,7 @@ services:
     logging: *logging
 
   backend:
-    image: ${VVA_BE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/backend}:${TAG:-main-dev-sanchonet}
+    image: ${VVA_BE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/backend}:${BACKEND_TAG}
     command: /usr/local/bin/vva-be -c /run/secrets/backend-config.json start-app
     depends_on:
       cardano-node:
@@ -193,7 +193,7 @@ services:
       - "traefik.http.services.backend.loadbalancer.server.port=9876"
 
   frontend:
-    image: ${VVA_FE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/frontend}:${TAG:-main-dev-sanchonet}
+    image: ${VVA_FE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/frontend}:${FRONTEND_TAG}
     volumes:
       - /home/ubuntu/config/nginx/auth.conf:/etc/nginx/conf.d/auth.conf
       - /home/ubuntu/config/nginx/govtool.htpasswd:/etc/nginx/conf.d/govtool.htpasswd
diff --git a/scripts/govtool/docker-compose.staging.yml b/scripts/govtool/docker-compose.staging.yml
index 6ab455d3a..6c4a64945 100644
--- a/scripts/govtool/docker-compose.staging.yml
+++ b/scripts/govtool/docker-compose.staging.yml
@@ -167,7 +167,7 @@ services:
     logging: *logging
 
   backend:
-    image: ${VVA_BE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/backend}:${TAG:-main-dev-sanchonet}
+    image: ${VVA_BE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/backend}:${BACKEND_TAG}
     command: /usr/local/bin/vva-be -c /run/secrets/backend-config.json start-app
     depends_on:
       cardano-node:
@@ -193,7 +193,7 @@ services:
       - "traefik.http.services.backend.loadbalancer.server.port=9876"
 
   frontend:
-    image: ${VVA_FE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/frontend}:${TAG:-main-dev-sanchonet}
+    image: ${VVA_FE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/frontend}:${FRONTEND_TAG}
     volumes:
       - /home/ubuntu/config/nginx/auth.conf:/etc/nginx/conf.d/auth.conf
       - /home/ubuntu/config/nginx/govtool.htpasswd:/etc/nginx/conf.d/govtool.htpasswd
diff --git a/scripts/govtool/docker-compose.test.yml b/scripts/govtool/docker-compose.test.yml
index d35544e82..d8b29f91f 100644
--- a/scripts/govtool/docker-compose.test.yml
+++ b/scripts/govtool/docker-compose.test.yml
@@ -167,7 +167,7 @@ services:
     logging: *logging
 
   backend:
-    image: ${VVA_BE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/backend}:${TAG:-main-dev-sanchonet}
+    image: ${VVA_BE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/backend}:${BACKEND_TAG}
     command: /usr/local/bin/vva-be -c /run/secrets/backend-config.json start-app
     depends_on:
       cardano-node:
@@ -193,7 +193,7 @@ services:
       - "traefik.http.services.backend.loadbalancer.server.port=9876"
 
   frontend:
-    image: ${VVA_FE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/frontend}:${TAG:-main-dev-sanchonet}
+    image: ${VVA_FE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/frontend}:${FRONTEND_TAG}
     volumes:
       - /home/ubuntu/config/nginx/auth.conf:/etc/nginx/conf.d/auth.conf
       - /home/ubuntu/config/nginx/govtool.htpasswd:/etc/nginx/conf.d/govtool.htpasswd

From 7842f428f3d6315e6c534828132f58dc6446cc00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 27 Feb 2024 14:00:58 +0100
Subject: [PATCH 008/109] [#320] Centralized version control for Cardano Node
 and DB Sync

This commit introduces centralized control over the versions of the
Cardano Node and Cardano DB Sync used in our deployment process. By
defining cardano_node_image_tag and cardano_db_sync_image_tag variables
in the Makefile, we now have a single point of reference for managing
these versions across different deployment environments. This approach
simplifies updates and ensures consistency across our infrastructure.

* Makefile Enhancements: Added variables for Cardano Node and DB Sync
  image tags, enabling easy updates to their versions as part of the
  deployment process.
* Docker Compose File Updates: Modified the docker-compose files for
  beta, dev, staging, and test environments to use these new variables.

This change ensures that the specified versions of the Cardano Node and
DB Sync are pulled and used in each environment, aligning with our
version control strategy.  By managing these versions centrally, we
enhance our deployment strategy's flexibility and maintainability,
ensuring that our infrastructure components are kept up-to-date in a
controlled and predictable manner.
---
 scripts/govtool/Makefile                   | 20 ++++++++++++++++----
 scripts/govtool/docker-compose.beta.yml    |  4 ++--
 scripts/govtool/docker-compose.dev.yml     |  4 ++--
 scripts/govtool/docker-compose.staging.yml |  4 ++--
 scripts/govtool/docker-compose.test.yml    |  4 ++--
 5 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/scripts/govtool/Makefile b/scripts/govtool/Makefile
index 3c1c058d4..b8058add6 100644
--- a/scripts/govtool/Makefile
+++ b/scripts/govtool/Makefile
@@ -22,6 +22,8 @@ ssh_url := $(docker_user)@$(docker_host)
 docker_compose_file := docker-compose.$(env).yml
 compose_stack_name := govtool-$(env)-$(cardano_network)
 
+cardano_node_image_tag := 8.8.0-pre
+cardano_db_sync_image_tag := sancho-4-0-0-fix-config
 base_backend_image_tag := $(shell ./utils/backend-base-version)
 backend_image_tag := $(shell ./utils/backend-version)
 frontend_image_tag := $(shell ./utils/frontend-version)
@@ -124,6 +126,8 @@ deploy-stack: docker-login
 	export GRAFANA_ADMIN_PASSWORD=$(grafana_admin_password); \
 	export BACKEND_TAG=$(backend_image_tag); \
 	export FRONTEND_TAG=$(frontend_image_tag); \
+	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \
+	export CARDANO_DB_SYNC_TAG=$(cardano_db_sync_image_tag); \
 	ssh-keyscan $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
 	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) pull; \
 	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) up -d
@@ -137,6 +141,8 @@ destroy-cardano-node-and-dbsync:
 	export ENVIRONMENT=$(env); \
 	export BACKEND_TAG=$(backend_image_tag); \
 	export FRONTEND_TAG=$(frontend_image_tag); \
+	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \
+	export CARDANO_DB_SYNC_TAG=$(cardano_db_sync_image_tag); \
 	ssh-keyscan $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
 	containers="$$(docker container ls --no-trunc --format '{{.Names}}' -f name=cardano-node -f name=cardano-db-sync -f name=postgres)"; \
 	volumes="$$(docker volume ls --format '{{.Name}}' -f name=db-sync-data -f name=node-db -f name=node-ipc -f name=postgres)"; \
@@ -154,6 +160,8 @@ toggle-maintenance:
 	export DOCKER_HOST=ssh://$(ssh_url); \
 	export BACKEND_TAG=$(backend_image_tag); \
 	export FRONTEND_TAG=$(frontend_image_tag); \
+	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \
+	export CARDANO_DB_SYNC_TAG=$(cardano_db_sync_image_tag); \
 	ssh-keyscan $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
 	if [[ "$(maintenance)" = "enable" ]]; then $(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) exec frontend touch /var/run/maintenance_enabled; \
 	else $(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) exec frontend rm /var/run/maintenance_enabled; fi
@@ -166,10 +174,12 @@ info:
 	@echo "+-----------"
 	@echo "|  TIME      $(shell date +'%Y-%m-%d %H:%M:%S%z')"
 	@echo "|  BRANCH    $(branch) [$(shell git rev-parse HEAD)]"
-	@echo "I  ENV       $(env)"
-	@echo "N  NETWORK   $(cardano_network)"
-	@echo "F  BACKEND   $(repo_url)/backend:$(backend_image_tag)"
-	@echo "O  FRONTEND  $(repo_url)/frontend:$(frontend_image_tag)"
+	@echo "|  ENV       $(env)"
+	@echo "I  NETWORK   $(cardano_network)"
+	@echo "N  BACKEND   $(repo_url)/backend:$(backend_image_tag)"
+	@echo "F  FRONTEND  $(repo_url)/frontend:$(frontend_image_tag)"
+	@echo "O  NODE      ghcr.io/intersectmbo/cardano-node:$(cardano_node_image_tag)"
+	@echo "|  DBSYNC    ghcr.io/intersectmbo/cardano-db-sync:$(cardano_db_sync_image_tag)"
 	@echo "|  SSH       $(ssh_url)"
 	@echo "|  URL       https://$(docker_host)"
 	@echo "+-----------"
@@ -199,5 +209,7 @@ docker:
 	export GRAFANA_ADMIN_PASSWORD=$(grafana_admin_password); \
 	export BACKEND_TAG=$(backend_image_tag); \
 	export FRONTEND_TAG=$(frontend_image_tag); \
+	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \
+	export CARDANO_DB_SYNC_TAG=$(cardano_db_sync_image_tag); \
 	ssh-keyscan $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
 	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) $(cmd)
diff --git a/scripts/govtool/docker-compose.beta.yml b/scripts/govtool/docker-compose.beta.yml
index fcb52f85d..aa036970d 100644
--- a/scripts/govtool/docker-compose.beta.yml
+++ b/scripts/govtool/docker-compose.beta.yml
@@ -104,7 +104,7 @@ services:
     logging: *logging
 
   cardano-node:
-    image: ghcr.io/intersectmbo/cardano-node:8.8.0-pre
+    image: ghcr.io/intersectmbo/cardano-node:${CARDANO_NODE_TAG}
     entrypoint:
       - "cardano-node"
       - "run"
@@ -143,7 +143,7 @@ services:
     logging: *logging
 
   cardano-db-sync:
-    image: ghcr.io/intersectmbo/cardano-db-sync:sancho-4-0-0-fix-config
+    image: ghcr.io/intersectmbo/cardano-db-sync:${CARDANO_DB_SYNC_TAG}
     environment:
       - NETWORK=${CARDANO_NETWORK:-sanchonet}
       - POSTGRES_HOST=postgres
diff --git a/scripts/govtool/docker-compose.dev.yml b/scripts/govtool/docker-compose.dev.yml
index df4523095..e938195ac 100644
--- a/scripts/govtool/docker-compose.dev.yml
+++ b/scripts/govtool/docker-compose.dev.yml
@@ -104,7 +104,7 @@ services:
     logging: *logging
 
   cardano-node:
-    image: ghcr.io/intersectmbo/cardano-node:8.8.0-pre
+    image: ghcr.io/intersectmbo/cardano-node:${CARDANO_NODE_TAG}
     entrypoint:
       - "cardano-node"
       - "run"
@@ -143,7 +143,7 @@ services:
     logging: *logging
 
   cardano-db-sync:
-    image: ghcr.io/intersectmbo/cardano-db-sync:sancho-4-0-0-fix-config
+    image: ghcr.io/intersectmbo/cardano-db-sync:${CARDANO_DB_SYNC_TAG}
     environment:
       - NETWORK=${CARDANO_NETWORK:-sanchonet}
       - POSTGRES_HOST=postgres
diff --git a/scripts/govtool/docker-compose.staging.yml b/scripts/govtool/docker-compose.staging.yml
index 6c4a64945..1aada972e 100644
--- a/scripts/govtool/docker-compose.staging.yml
+++ b/scripts/govtool/docker-compose.staging.yml
@@ -104,7 +104,7 @@ services:
     logging: *logging
 
   cardano-node:
-    image: ghcr.io/intersectmbo/cardano-node:8.8.0-pre
+    image: ghcr.io/intersectmbo/cardano-node:${CARDANO_NODE_TAG}
     entrypoint:
       - "cardano-node"
       - "run"
@@ -143,7 +143,7 @@ services:
     logging: *logging
 
   cardano-db-sync:
-    image: ghcr.io/intersectmbo/cardano-db-sync:sancho-4-0-0-fix-config
+    image: ghcr.io/intersectmbo/cardano-db-sync:${CARDANO_DB_SYNC_TAG}
     environment:
       - NETWORK=${CARDANO_NETWORK:-sanchonet}
       - POSTGRES_HOST=postgres
diff --git a/scripts/govtool/docker-compose.test.yml b/scripts/govtool/docker-compose.test.yml
index d8b29f91f..bac614c18 100644
--- a/scripts/govtool/docker-compose.test.yml
+++ b/scripts/govtool/docker-compose.test.yml
@@ -104,7 +104,7 @@ services:
     logging: *logging
 
   cardano-node:
-    image: ghcr.io/intersectmbo/cardano-node:8.8.0-pre
+    image: ghcr.io/intersectmbo/cardano-node:${CARDANO_NODE_TAG}
     entrypoint:
       - "cardano-node"
       - "run"
@@ -143,7 +143,7 @@ services:
     logging: *logging
 
   cardano-db-sync:
-    image: ghcr.io/intersectmbo/cardano-db-sync:sancho-4-0-0-fix-config
+    image: ghcr.io/intersectmbo/cardano-db-sync:${CARDANO_DB_SYNC_TAG}
     environment:
       - NETWORK=${CARDANO_NETWORK:-sanchonet}
       - POSTGRES_HOST=postgres

From bf8973850b3054268d8c32cdbf6f97b7a19d2fed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 27 Feb 2024 14:35:57 +0100
Subject: [PATCH 009/109] [#320] Enhanced Slack deployment notifications with
 detailed version info

This commit improves the Slack notification mechanism for deployments by
including comprehensive version details of the deployed components. The
updated notification format provides clarity and insight into the
specific versions of the Cardano Node, Cardano DB Sync, GovTool backend,
and GovTool frontend that are being deployed to an environment.

The notification now includes:
* Environment name where the deployment is performed, highlighted with
  formatting for better visibility.
* The branch from which the deployment is made, along with the commit
  hash, offering a direct link to the specific code state being
  deployed.
* Explicit mentions of the versions for Cardano Node, Cardano DB Sync,
  GovTool backend, and GovTool frontend, ensuring that the deployment's
  scope is transparent and traceable.
* Information about where the deploy has been triggered from: either a
  local machine or a pipeline.

This structured approach to deployment notifications aims to enhance
team awareness and facilitate quicker responses to any issues that may
arise from specific version deployments.
---
 .github/workflows/build-and-deploy.yml |  1 +
 scripts/govtool/Makefile               | 11 ++++++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
index ca32b6703..cf86e31cc 100644
--- a/.github/workflows/build-and-deploy.yml
+++ b/.github/workflows/build-and-deploy.yml
@@ -174,6 +174,7 @@ jobs:
       - name: Notify on Slack
         env:
           SLACK_WEBHOOK_URL: ${{ secrets.DEPLOY_NOTIFY_SLACK_WEBHOOK_URL }}
+          PIPELINE_URL: https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}
         run: |
           if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
           if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
diff --git a/scripts/govtool/Makefile b/scripts/govtool/Makefile
index b8058add6..bbaca2ff3 100644
--- a/scripts/govtool/Makefile
+++ b/scripts/govtool/Makefile
@@ -21,6 +21,12 @@ docker_user := ubuntu
 ssh_url := $(docker_user)@$(docker_host)
 docker_compose_file := docker-compose.$(env).yml
 compose_stack_name := govtool-$(env)-$(cardano_network)
+pipeline_url := $(shell echo $${PIPELINE_URL:-})
+ifeq ($(PIPELINE_URL),)
+  pipeline_info := _Deployed from local machine._
+else
+  pipeline_info := _Deployed from <$(pipeline_url)|GitHub>._
+endif
 
 cardano_node_image_tag := 8.8.0-pre
 cardano_db_sync_image_tag := sancho-4-0-0-fix-config
@@ -188,7 +194,10 @@ info:
 notify:
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
-	curl -X POST -H "Authorization: Bearer $$GRAFANA_SLACK_OAUTH_TOKEN" -d "channel=$$GRAFANA_SLACK_RECIPIENT" -d "text=The deploy to $(env) has been made from branch $(branch) ($(shell git rev-parse HEAD))" https://slack.com/api/chat.postMessage
+	curl -X POST https://slack.com/api/chat.postMessage\
+		-H "Authorization: Bearer $(grafana_slack_oauth_token)" \
+		-H "Content-Type: application/json; charset=utf-8" \
+		--data "{ \"channel\":\"$(grafana_slack_recipient)\", \"text\":\":rocket: *Deploy performed on \`$(env)\`*\n- from *branch* \`$(branch)\` (\`$(commit)\`),\n- using *Cardano Node* version \`$(cardano_node_image_tag)\`,\n- using *Cardano DB Sync* version \`$(cardano_db_sync_image_tag)\`,\n- using *GovTool backend* version \`$(backend_image_tag)\`,\n- using *Govtool frontend* version \`$(frontend_image_tag)\`.\n$(pipeline_info)\" }"
 
 .PHONY: ssh
 ssh:

From 7b4dafbb96cdba6383a204cc171bbc1682e6eea9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 27 Feb 2024 15:30:33 +0100
Subject: [PATCH 010/109] [#320] Optimized Docker image build and push process
 for frontend and backend

This commit optimizes the Docker image build and push process for the
frontend and backend components of the application. It introduces a
conditional check to ensure that Docker images are only built and pushed
to the Amazon Elastic Container Registry (ECR) if there have been
changes in their respective source directories. This is achieved by
adding a helper function, check_image_on_ecr, which checks for the
existence of the Docker image on ECR with the specified tag. If the
image already exists, the build and push processes are skipped, thereby
saving time and resources.

Key Changes:
* Conditional Build and Push: The build and push commands for both the
  frontend and backend Docker images now include a preceding check to
  determine if the image with the current tag already exists on ECR.
* Helper Function: Introduced a new helper function, check_image_on_ecr,
  which utilizes the docker manifest inspect command to check for the
  image's presence on ECR. This function is used to conditionally execute
  the build and push commands based on the image's existence.
* Efficiency Improvements: This approach minimizes unnecessary builds
  and uploads, especially useful in continuous integration and
  deployment (CI/CD) pipelines where build minutes and network bandwidth
  are valuable resources.

This optimization ensures that our deployment process is both efficient
and cost-effective, only utilizing resources when necessary to update
the Docker images on ECR.
---
 scripts/govtool/Makefile | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/scripts/govtool/Makefile b/scripts/govtool/Makefile
index bbaca2ff3..54e3dbcce 100644
--- a/scripts/govtool/Makefile
+++ b/scripts/govtool/Makefile
@@ -42,6 +42,10 @@ __check_defined = \
     $(if $(value $1),, \
       $(error Undefined $1$(if $2, ($2))))
 
+# helper function for checking if image exists on ECR
+check_image_on_ecr = \
+	$(docker) manifest inspect "$(repo_url)/$1:$2" > /dev/null 2>&1
+
 .PHONY: all
 all: docker-login prepare-config upload-config build-backend push-backend build-frontend push-frontend deploy-stack info notify
 
@@ -75,39 +79,42 @@ upload-config: prepare-config
 	rsync -av -e 'ssh -o StrictHostKeyChecking=no' config/target/. $(ssh_url):config
 
 .PHONY: build-backend
-build-backend: build-backend-base
+build-backend: docker-login build-backend-base
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
+	$(call check_image_on_ecr,backend,$(backend_image_tag)) || \
 	$(docker) build --build-arg BASE_IMAGE_TAG=$(base_backend_image_tag) --tag "$(repo_url)/backend:$(backend_image_tag)" ../../govtool/backend
 
 .PHONY: build-backend-base
-build-backend-base:
+build-backend-base: docker-login
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
-	docker manifest inspect "$(repo_url)/backend-base:$(base_backend_image_tag)" > /dev/null 2>&1 || \
+	$(call check_image_on_ecr,backend-base,$(base_backend_image_tag)) || \
 	$(docker) build --file ../../govtool/backend/Dockerfile.base --tag "$(repo_url)/backend-base:$(base_backend_image_tag)" ../../govtool/backend
 	@echo "Using backend-base image: $(repo_url)/backend-base:$(base_backend_image_tag)"
 
 .PHONY: push-backend
-push-backend: docker-login push-backend-base
+push-backend: docker-login push-backend-base build-backend
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
+	$(call check_image_on_ecr,backend,$(backend_image_tag)) || \
 	$(docker) push $(repo_url)/backend:$(backend_image_tag)
 
 .PHONY: push-backend-base
-push-backend-base: docker-login
+push-backend-base: docker-login build-backend-base
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
-	docker manifest inspect "$(repo_url)/backend-base:$(base_backend_image_tag)" > /dev/null 2>&1 || \
+	$(call check_image_on_ecr,backend-base,$(base_backend_image_tag)) || \
 	$(docker) push $(repo_url)/backend-base:$(base_backend_image_tag)
 
 .PHONY: build-frontend
-build-frontend:
+build-frontend: docker-login
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
 	@:$(call check_defined, gtm_id)
 	@:$(call check_defined, sentry_dsn)
 	if [[ "$(cardano_network)" = "mainnet" ]]; then NETWORK_FLAG=1; else NETWORK_FLAG=0; fi; \
+	$(call check_image_on_ecr,frontend,$(frontend_image_tag)) || \
 	$(docker) build --tag "$(repo_url)/frontend:$(frontend_image_tag)" \
 		--build-arg VITE_BASE_URL="https://$(domain)/api" \
 		--build-arg VITE_GTM_ID="$(gtm_id)" \
@@ -116,9 +123,10 @@ build-frontend:
 		../../govtool/frontend
 
 .PHONY: push-frontend
-push-frontend: docker-login
+push-frontend: docker-login build-frontend
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
+	$(call check_image_on_ecr,frontend,$(frontend_image_tag)) || \
 	$(docker) push $(repo_url)/frontend:$(frontend_image_tag)
 
 .PHONY: deploy-stack

From 81ebd1239767cc1729e568390ea891b2ccbeef01 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Thu, 29 Feb 2024 07:37:58 +0100
Subject: [PATCH 011/109] Refined deployment info to use commit variable for
 branch details

This update refines the display of branch details in the deployment
information output by replacing the direct Git command invocation with
the use of the commit variable. This change ensures consistency and
readability in the information presented, especially useful for tracking
deployment activities.
---
 scripts/govtool/Makefile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/govtool/Makefile b/scripts/govtool/Makefile
index 54e3dbcce..a74cb356f 100644
--- a/scripts/govtool/Makefile
+++ b/scripts/govtool/Makefile
@@ -187,7 +187,7 @@ info:
 	@:$(call check_defined, env)
 	@echo "+-----------"
 	@echo "|  TIME      $(shell date +'%Y-%m-%d %H:%M:%S%z')"
-	@echo "|  BRANCH    $(branch) [$(shell git rev-parse HEAD)]"
+	@echo "|  BRANCH    $(branch) [$(commit)]"
 	@echo "|  ENV       $(env)"
 	@echo "I  NETWORK   $(cardano_network)"
 	@echo "N  BACKEND   $(repo_url)/backend:$(backend_image_tag)"

From 8235c98918ae7537fd6640c669e8edfd1c649c5a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Thu, 29 Feb 2024 09:41:04 +0100
Subject: [PATCH 012/109] Refined Makefile for enhanced clarity and
 configuration management

This update introduces several refinements to the Makefile, aimed at
enhancing clarity, configuration management, and deployment
notifications.

These changes aim to make the Makefile more adaptable, easier to read,
and informative, by clearly communicating the specifics of each variable
to team members.
---
 scripts/govtool/Makefile | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/scripts/govtool/Makefile b/scripts/govtool/Makefile
index a74cb356f..9cf35b773 100644
--- a/scripts/govtool/Makefile
+++ b/scripts/govtool/Makefile
@@ -2,25 +2,35 @@ SHELL := bash
 ONESHELL:
 .SHELLFLAGS := -eu -o pipefail -c
 
-cardano_network := $(shell echo $${CARDANO_NETWORK})
+# tools
+docker ?= docker
+curl ?= curl
+
+# environment variables
 env := $(shell echo $${ENVIRONMENT})
+cardano_network := $(shell echo $${CARDANO_NETWORK})
 grafana_admin_password := $(shell echo $${GRAFANA_ADMIN_PASSWORD})
 grafana_slack_recipient := $(shell echo $${GRAFANA_SLACK_RECIPIENT})
 grafana_slack_oauth_token := $(shell echo $${GRAFANA_SLACK_OAUTH_TOKEN})
 gtm_id := $(shell echo $${GTM_ID})
 sentry_dsn := $(shell echo $${SENTRY_DSN})
 
+# git state
 commit := $(shell git rev-parse HEAD)
 branch := $(shell git rev-parse --abbrev-ref HEAD)
-docker ?= docker
+
+# target addresses
 domain := $(shell echo $${DOMAIN:-$(env)-$(cardano_network).govtool.byron.network})
 repo_url ?= 733019650473.dkr.ecr.eu-west-1.amazonaws.com
-
 docker_host := $(domain)
 docker_user := ubuntu
 ssh_url := $(docker_user)@$(docker_host)
+
+# stack configuration
 docker_compose_file := docker-compose.$(env).yml
 compose_stack_name := govtool-$(env)-$(cardano_network)
+
+# pipeline information
 pipeline_url := $(shell echo $${PIPELINE_URL:-})
 ifeq ($(PIPELINE_URL),)
   pipeline_info := _Deployed from local machine._
@@ -28,6 +38,7 @@ else
   pipeline_info := _Deployed from <$(pipeline_url)|GitHub>._
 endif
 
+# image tags
 cardano_node_image_tag := 8.8.0-pre
 cardano_db_sync_image_tag := sancho-4-0-0-fix-config
 base_backend_image_tag := $(shell ./utils/backend-base-version)
@@ -202,7 +213,7 @@ info:
 notify:
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
-	curl -X POST https://slack.com/api/chat.postMessage\
+	$(curl) -X POST https://slack.com/api/chat.postMessage\
 		-H "Authorization: Bearer $(grafana_slack_oauth_token)" \
 		-H "Content-Type: application/json; charset=utf-8" \
 		--data "{ \"channel\":\"$(grafana_slack_recipient)\", \"text\":\":rocket: *Deploy performed on \`$(env)\`*\n- from *branch* \`$(branch)\` (\`$(commit)\`),\n- using *Cardano Node* version \`$(cardano_node_image_tag)\`,\n- using *Cardano DB Sync* version \`$(cardano_db_sync_image_tag)\`,\n- using *GovTool backend* version \`$(backend_image_tag)\`,\n- using *Govtool frontend* version \`$(frontend_image_tag)\`.\n$(pipeline_info)\" }"

From 2095429e924383fa2c4f9bc96ca0e03ac26a7d84 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Thu, 29 Feb 2024 10:35:39 +0100
Subject: [PATCH 013/109] Enhanced ENVs configuration examples for GovTool
 deployments

This update introduces a comprehensive template for setting up
environment variables critical for GovTool's deployment process. By
categorizing and clearly defining each variable's purpose, this change
aims to streamline the setup for various deployment environments.
---
 scripts/govtool/.env.example | 93 +++++++++++++++++++++++-------------
 1 file changed, 59 insertions(+), 34 deletions(-)

diff --git a/scripts/govtool/.env.example b/scripts/govtool/.env.example
index adc906cb9..c36704720 100644
--- a/scripts/govtool/.env.example
+++ b/scripts/govtool/.env.example
@@ -1,41 +1,66 @@
 # vim: set ft=bash
+# This file is a template for the environment variables that need to be set and
+# should be copied to `.env` or `.envrc` and filled in with the correct values.
 
+# Tell direnv to use Nix configuration.
+# See https://direnv.net/docs/hook.html#nix.
 use nix shell.nix
 
-export AWS_PROFILE=govtool
+# target environment: dev, test, staging or beta
+export ENVIRONMENT=<ENVIRONMENT>
+# target AWS profile
+export AWS_PROFILE=<AWS_PROFILE>
+# the codename of the Cardano Network
+export CARDANO_NETWORK=<CARDANO_NETWORK>
+# credentials to the PostgreSQL database used by Cardano DB Sync
+export DBSYNC_POSTGRES_USER=<DBSYNC_POSTGRES_USER>
+export DBSYNC_POSTGRES_PASSWORD=<DBSYNC_POSTGRES_PASSWORD>
+export DBSYNC_POSTGRES_DB=<DBSYNC_POSTGRES_DB>
+# the Let's Encrypt email address
+export TRAEFIK_LE_EMAIL=<TRAEFIK_LE_EMAIL>
+# Google Tag Manager ID
+export GTM_ID=<GTM_ID>
+# Sentry DSN for the backend
+export SENTRY_DSN_BACKEND=<SENTRY_DSN_BACKEND>
+# Sentry DSN for the frontend
+export SENTRY_DSN=<SENTRY_DSN>
+# Sentry environment
+export SENTRY_ENVIRONMENT=<SENTRY_ENVIRONMENT>
+# the password for the Grafana admin user
+export GRAFANA_ADMIN_PASSWORD=<GRAFANA_ADMIN_PASSWORD>
+# the Slack channel to send Grafana alerts to
+export GRAFANA_SLACK_RECIPIENT=<GRAFANA_SLACK_RECIPIENT>
+# the OAuth token for the Slack bot
+export GRAFANA_SLACK_OAUTH_TOKEN=<GRAFANA_SLACK_OAUTH_TOKEN>
+# the basic auth credentials for the Nginx proxy
+export NGINX_BASIC_AUTH=<NGINX_BASIC_AUTH>
 
-export ENVIRONMENT="dev"
-export CARDANO_NETWORK="sanchonet"
-export SLACK_WEBHOOK_URL=<slack_webhook_url>
 
-export DBSYNC_POSTGRES_USER="postgres"
-export DBSYNC_POSTGRES_PASSWORD=<dbsync_postgres_password>
-export DBSYNC_POSTGRES_DB="cexplorer"
+# The following code is a nice way to display what environment we are in.
+function warn() {
+  tput bold; tput setaf $2; echo "GovTool: $1"; tput sgr0
+}
 
-export FAKEDBSYNC_POSTGRES_DB="govtool"
-export FAKEDBSYNC_POSTGRES_USER="test"
-export FAKEDBSYNC_POSTGRES_PASSWORD=<fakedbsync_postgres_password>
-
-export TRAEFIK_LE_EMAIL=<traefik_le_email>
-
-export GTM_ID=blank
-
-export SENTRY_DSN_BACKEND=blank
-export SENTRY_DSN=blank
-
-export NGINX_BASIC_AUTH=<nginx_basic_auth>
-
-export GRAFANA_ADMIN_PASSWORD=<grafana_admin_password>
-export GRAFANA_SLACK_RECIPIENT=<grafana_slack_recipient>
-export GRAFANA_SLACK_WEBHOOK=<grafana_slack_webhook>
-export GRAFANA_SLACK_OAUTH_TOKEN=<grafana_slack_oauth_token>
-export DOMAIN="${ENVIRONMENT}-${CARDANO_NETWORK}.govtool.byron.network"
-#export DOMAIN="staging.govtool.byron.network"
-#export DOMAIN="sanchogov.tools"
-
-if [ "$ENVIRONMENT" != "dev" ]; then
-  tput setaf 1 # set text color to red
-  tput bold
-  echo "THIS IS NOT A DEVELOPMENT ENVIRONMENT! It is '$ENVIRONMENT'. BE CAREFUL…"
-  tput sgr0 # reset text formatting to normal
-fi
+tput bold
+case "$ENVIRONMENT" in
+  "dev")
+    export DOMAIN="dev-${CARDANO_NETWORK}.govtool.byron.network"
+    warn "This is a DEV environment, all good!" 2
+    ;;
+  "test")
+    export DOMAIN="test-${CARDANO_NETWORK}.govtool.byron.network"
+    warn "This is TEST environment, be careful…" 4
+    ;;
+  "staging")
+    export DOMAIN="staging.govtool.byron.network"
+    warn "This is STAGING environment, be careful…" 5
+    ;;
+  "beta")
+    export DOMAIN="sanchogov.tools"
+    warn "This is BETA environment, BE CAREFUL!" 1
+    ;;
+  *)
+    warn "Unknown environment, exiting…" 1
+    exit 1
+    ;;
+esac

From 746f74fb633d854c9273f320a0376c259ff7d8c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Thu, 29 Feb 2024 10:40:46 +0100
Subject: [PATCH 014/109] Removed unused fake DB Sync configuration from
 deployment scripts

This commit eliminates the fake DB Sync configuration previously
included in the deployment scripts. The removal of this unused
configuration streamlines the preparation process for deployment
environments, focusing solely on the necessary configurations for the
actual Cardano DB Sync setup. By cleaning up these references, the
deployment process becomes more straightforward and less error-prone,
ensuring that only relevant configurations are applied to the deployment
environment.
---
 scripts/govtool/prepare-config.sh | 13 +------------
 1 file changed, 1 insertion(+), 12 deletions(-)

diff --git a/scripts/govtool/prepare-config.sh b/scripts/govtool/prepare-config.sh
index 062a1ecaf..78ce75a9d 100755
--- a/scripts/govtool/prepare-config.sh
+++ b/scripts/govtool/prepare-config.sh
@@ -23,19 +23,8 @@ echo "$DBSYNC_POSTGRES_USER" > "$dbsync_secrets_dir/postgres_user"
 echo "$DBSYNC_POSTGRES_PASSWORD" > "$dbsync_secrets_dir/postgres_password"
 echo "$DBSYNC_POSTGRES_DB" > "$dbsync_secrets_dir/postgres_db"
 
-# postgres schema for fake db sync
-fakedbsync_init_dir="$target_config_dir/fakedbsync_init.d"
-mkdir -p "$fakedbsync_init_dir"
-cp "$repo_root_dir/govtool/backend/misc/fakedbsync_users.sql" "$fakedbsync_init_dir/00_fakedbsync_users.sql"
-sed -i -e "s/CREATE USER.*$/CREATE USER $FAKEDBSYNC_POSTGRES_USER WITH PASSWORD '$FAKEDBSYNC_POSTGRES_PASSWORD';/g" \
-    "$fakedbsync_init_dir/00_fakedbsync_users.sql"
-cp "$repo_root_dir/govtool/backend/misc/schema6.sql" "$fakedbsync_init_dir/10_schema.sql"
-
 # backend config file
-sed -e "s/FAKEDBSYNC_POSTGRES_DB/$FAKEDBSYNC_POSTGRES_DB/" \
-    -e "s/FAKEDBSYNC_POSTGRES_USER/$FAKEDBSYNC_POSTGRES_USER/" \
-    -e "s/FAKEDBSYNC_POSTGRES_PASSWORD/$FAKEDBSYNC_POSTGRES_PASSWORD/" \
-    -e "s/DBSYNC_POSTGRES_DB/$DBSYNC_POSTGRES_DB/" \
+sed -e "s/DBSYNC_POSTGRES_DB/$DBSYNC_POSTGRES_DB/" \
     -e "s/DBSYNC_POSTGRES_USER/$DBSYNC_POSTGRES_USER/" \
     -e "s/DBSYNC_POSTGRES_PASSWORD/$DBSYNC_POSTGRES_PASSWORD/" \
     -e "s|SENTRY_DSN|$SENTRY_DSN_BACKEND|" \

From 97972ff34cb9367343bef618357d22d37f1dfa54 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Thu, 29 Feb 2024 10:55:58 +0100
Subject: [PATCH 015/109] Added README for GovTool Deployment Process

This commit introduces a comprehensive README.md file to the GovTool
scripts directory, outlining the deployment process for the GovTool
stack across various environments (dev, test, staging, beta). The README
provides a detailed walkthrough of the deployment lifecycle, including
environment setup, Docker Compose configurations, Nix shell utilization,
and specific Makefile targets for streamlined deployment operations such
as building, pushing Docker images, and deploying the stack. This guide
serves as a key resource for developers, QA testers, and operations
teams, ensuring a clear understanding and efficient execution of the
deployment process.
---
 README.md                 |   1 +
 scripts/govtool/README.md | 107 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 108 insertions(+)
 create mode 100644 scripts/govtool/README.md

diff --git a/README.md b/README.md
index ab338a3f3..64806dc0f 100644
--- a/README.md
+++ b/README.md
@@ -23,6 +23,7 @@ Learn more; [docs.sanchogov.tools](https://docs.sanchogov.tools/).
 ## 📍 Navigation
 - [GovTool Backend](./govtool/backend/README.md)
 - [GovTool Frontend](./govtool/frontend/README.md)
+- [GovTool deployment setup](./scripts/govtool/README.md)
 - [Documentation](./docs/)
 - [Tests](./tests/)
 
diff --git a/scripts/govtool/README.md b/scripts/govtool/README.md
new file mode 100644
index 000000000..6e3d2b070
--- /dev/null
+++ b/scripts/govtool/README.md
@@ -0,0 +1,107 @@
+# GovTool deployment stack
+
+Welcome to the GovTool deployment stack documentation. This guide provides an
+overview of the deployment process, including the setup and management of
+various environments, the use of Docker Compose for service orchestration, Nix
+for tooling, and detailed steps for deploying the GovTool stack.
+
+This README aims to provide clear and concise instructions for the deployment of
+the GovTool stack. Should you have any questions or require further
+clarification, please consult the development team.
+
+## Environments
+
+The GovTool project supports four distinct environments, each tailored to
+specific stages of the development and deployment lifecycle:
+
+- **dev**: Designed for developers, this environment facilitates development and
+  testing of new features.
+- **test**: Dedicated to QA testers, enabling thorough testing and validation of
+  software before it moves to the next stage.
+- **staging**: Acts as a pre-production environment, allowing for final checks
+  and adjustments.
+- **beta**: Serves as the current production environment, where the software is
+  available to end-users.
+
+## Docker Compose files
+
+Docker Compose is utilized to manage per-environment services setups
+effectively. This includes configurations for:
+
+- Services such as Cardano Node, Cardano DB Sync, GovTool backend, and GovTool
+  frontend.
+- Network configuration with Traefik to handle requests efficiently.
+- Monitoring solutions with Prometheus and Grafana to ensure optimal performance
+  and availability.
+
+Each environment has its own Docker Compose file, enabling tailored setups that
+meet specific requirements.
+
+## Nix shell
+
+The `shell.nix` file provides a comprehensive toolset for deploying the GovTool
+stack, ensuring that all necessary dependencies and tools are available.
+
+See [Nix official site](https://nixos.org/).
+
+## Context
+
+Deployment context, including environment variables, is managed through `.env`
+files. For an example configuration, refer to the `.env.example` file.
+
+## Deployment process
+
+The deployment process is automated using a Makefile, which includes several
+targets to streamline the deployment steps:
+
+### `docker-login`
+
+Ensures that the user is logged into the correct Docker account, providing
+access to necessary Docker resources.
+
+### `prepare-config`
+
+Prepares the configuration files required for the application. This involves
+generating or fetching files, then placing them in the appropriate directory
+structure. Key components include:
+
+- `cardano-node` Cardano Node configuration files, with modifications for
+  Prometheus.
+- `dbsync-secrets` for database credentials used by Cardano DB Sync.
+- `backend-config.json` for backend configurations.
+- `prometheus.yml` and `grafana-provisioning` for monitoring setup.
+- `nginx` configuration for basic authentication where necessary.
+
+### `upload-config`
+
+Uploads the generated configuration to the target server.
+
+### `build-backend`
+
+Builds the backend image locally and a base image for the backend when changes
+are detected in the Cabal file.
+
+### `push-backend`
+
+Pushes the backend and backend-base images to the Docker repository.
+
+### `build-frontend`
+
+Handles the construction of the frontend image.
+
+### `push-frontend`
+
+Pushes the frontend image to the Docker repository.
+
+### `deploy-stack`
+
+Updates the target server with the latest images and (re)launches the Docker
+Compose stack.
+
+### `info`
+
+Displays deployment parameters for review and verification.
+
+### `notify`
+
+Sends a notification to stakeholders about the deployment status via Slack.

From 798962d59589de03bdb1333fb59adbb347d62af5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Thu, 29 Feb 2024 13:14:10 +0100
Subject: [PATCH 016/109] Renamed Grafana Panels and Monitoring Rules for
 GovTool

This commit updates the Grafana configuration for the GovTool project,
renaming panels and monitoring rules to reflect the project's branding
more accurately. The changes include updating contact points and
receivers in the alerting.yml file from "Slack VVA" to "Slack GovTool",
ensuring that alert notifications are correctly labeled. Additionally,
the dashboard title in govtool.json has been changed from "VVA basic
stats" to "GovTool basic stats", aligning the dashboard's title with the
project's name. These modifications enhance the clarity and consistency
of the monitoring setup, contributing to a more cohesive and
identifiable alerting and dashboard environment.
---
 .../config/grafana-provisioning/alerting/alerting.yml  | 10 +++++-----
 .../grafana-provisioning/dashboards/govtool.json       |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/scripts/govtool/config/grafana-provisioning/alerting/alerting.yml b/scripts/govtool/config/grafana-provisioning/alerting/alerting.yml
index e50e4b6e0..5b3779a82 100644
--- a/scripts/govtool/config/grafana-provisioning/alerting/alerting.yml
+++ b/scripts/govtool/config/grafana-provisioning/alerting/alerting.yml
@@ -2,10 +2,10 @@ apiVersion: 1
 
 contactPoints:
   - orgId: 1
-    name: Slack VVA
+    name: Slack GovTool
     receivers:
       - uid: d3b7ee9d-ca06-452b-8e73-687b6cefc611
-        name: Slack VVA
+        name: Slack GovTool
         type: slack
         settings:
           recipient: GRAFANA_SLACK_RECIPIENT
@@ -14,7 +14,7 @@ contactPoints:
 
 policies:
   - orgId: 1
-    receiver: "Slack VVA"
+    receiver: "Slack GovTool"
     group_by:
       - grafana_folder
       - alertname
@@ -22,7 +22,7 @@ policies:
 groups:
   - orgId: 1
     name: status
-    folder: VVA
+    folder: GovTool
     interval: 1m
     rules:
       - uid: ee72520a-2e0b-4789-a6c3-f29e68240511
@@ -120,7 +120,7 @@ groups:
           app_component: cardano-node
   #- orgId: 1
   #  name: node_dbsync_block_diff
-  #  folder: VVA
+  #  folder: GovTool
   #  interval: 1m
   #  rules:
       - uid: c341df64-edda-4d43-b9bd-ef8989cfb638
diff --git a/scripts/govtool/config/grafana-provisioning/dashboards/govtool.json b/scripts/govtool/config/grafana-provisioning/dashboards/govtool.json
index 348b8e6c6..0b4b755a8 100644
--- a/scripts/govtool/config/grafana-provisioning/dashboards/govtool.json
+++ b/scripts/govtool/config/grafana-provisioning/dashboards/govtool.json
@@ -876,7 +876,7 @@
   },
   "timepicker": {},
   "timezone": "",
-  "title": "VVA basic stats",
+  "title": "GovTool basic stats",
   "uid": "e3697f62-6a01-4596-b626-d46141441b32",
   "version": 1,
   "weekStart": ""

From ba7311e73ab3b49ecb87815b39c2e92d1c9f4817 Mon Sep 17 00:00:00 2001
From: jankun4 <michaljankun@gmail.com>
Date: Thu, 29 Feb 2024 18:53:39 +0100
Subject: [PATCH 017/109] [#223] exted drep/list endpoint, and provide voting
 power

Signed-off-by: jankun4 <michaljankun@gmail.com>
---
 CHANGELOG.md                          |  1 +
 govtool/backend/sql/get-drep-info.sql | 22 +++++++++++++++++++++-
 govtool/backend/sql/list-dreps.sql    | 15 +++++++++++++--
 govtool/backend/src/VVA/API.hs        |  5 ++++-
 govtool/backend/src/VVA/API/Types.hs  | 12 ++++++++++--
 govtool/backend/src/VVA/DRep.hs       | 17 ++++++++++++++---
 govtool/backend/src/VVA/Types.hs      |  4 ++++
 7 files changed, 67 insertions(+), 9 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6303146a2..f2ac952b3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -34,6 +34,7 @@ changes.
 - Fixed CSP settings to allow error reports with Sentry [Issue 291](https://github.com/IntersectMBO/govtool/issues/291).
 
 ### Changed
+- `drep/list` and `drep/info` endpoints now return additional data such as metadata url and hash, and voting power [Issue 223](https://github.com/IntersectMBO/govtool/issues/223)
 - `isRegistered` and `wasRegistered` fields in the drep/info endpoint changed to `isRegisteredAsDRep` and `wasRegisteredAsDRep` respectively [Issue 212](https://github.com/IntersectMBO/govtool/issues/212)
 - Update Cardano-Serialization-Lib to 12.0.0-alpha.16 [Issue 156](https://github.com/IntersectMBO/govtool/issues/156)
 - Changed and improved working conventions docs, PR template and codeowners file, addressing [Issue 88](https://github.com/IntersectMBO/govtool/issues/88).
diff --git a/govtool/backend/sql/get-drep-info.sql b/govtool/backend/sql/get-drep-info.sql
index de5048afb..cb50e0642 100644
--- a/govtool/backend/sql/get-drep-info.sql
+++ b/govtool/backend/sql/get-drep-info.sql
@@ -71,16 +71,36 @@ WasRegisteredAsSoleVoter AS (
                 WHERE
                     drep_hash.raw = DRepId.raw
                     AND drep_registration.voting_anchor_id IS NULL)) AS value
+), CurrentMetadata AS (
+    SELECT voting_anchor.url as url, encode(voting_anchor.data_hash, 'hex') as data_hash
+    FROM LatestRegistrationEntry
+    LEFT JOIN voting_anchor
+    ON voting_anchor.id = LatestRegistrationEntry.voting_anchor_id
+    LIMIT 1
+), CurrentVotingPower AS (
+    SELECT amount as amount
+    FROM drep_hash
+    JOIN DRepId
+    ON drep_hash.raw = DRepId.raw
+    LEFT JOIN drep_distr
+    ON drep_distr.hash_id = drep_hash.id
+    ORDER BY drep_distr.epoch_no DESC
+    LIMIT 1
 )
 SELECT
     IsRegisteredAsDRep.value,
     WasRegisteredAsDRep.value,
     IsRegisteredAsSoleVoter.value,
     WasRegisteredAsSoleVoter.value,
-    CurrentDeposit.value
+    CurrentDeposit.value,
+    CurrentMetadata.url,
+    CurrentMetadata.data_hash,
+    CurrentVotingPower.amount
 FROM
     IsRegisteredAsDRep
     CROSS JOIN IsRegisteredAsSoleVoter
     CROSS JOIN WasRegisteredAsDRep
     CROSS JOIN WasRegisteredAsSoleVoter
     CROSS JOIN CurrentDeposit
+    CROSS JOIN CurrentMetadata
+    CROSS JOIN CurrentVotingPower
diff --git a/govtool/backend/sql/list-dreps.sql b/govtool/backend/sql/list-dreps.sql
index a2882b2eb..e9cc14221 100644
--- a/govtool/backend/sql/list-dreps.sql
+++ b/govtool/backend/sql/list-dreps.sql
@@ -1,8 +1,18 @@
+WITH DRepDistr AS (
+  SELECT
+    *,
+    ROW_NUMBER() OVER(PARTITION BY drep_hash.id ORDER BY drep_distr.epoch_no DESC) AS rn
+  FROM drep_distr
+  JOIN drep_hash
+  on drep_hash.id = drep_distr.hash_id
+)
+
 SELECT
    encode(dh.raw, 'hex'),
    va.url,
    encode(va.data_hash, 'hex'),
-   dr_deposit.deposit
+   dr_deposit.deposit,
+   DRepDistr.amount
 FROM drep_hash dh
 JOIN (
   SELECT dr.id, dr.drep_hash_id, dr.deposit,
@@ -18,4 +28,5 @@ LEFT JOIN (
 ) as dr_voting_anchor
 on dr_voting_anchor.drep_hash_id = dh.id and dr_voting_anchor.rn = 1
 left JOIN voting_anchor va ON va.id = dr_voting_anchor.voting_anchor_id
-
+LEFT JOIN DRepDistr
+on DRepDistr.hash_id = dh.id and DRepDistr.rn = 1
diff --git a/govtool/backend/src/VVA/API.hs b/govtool/backend/src/VVA/API.hs
index 30557f6c6..a61317978 100644
--- a/govtool/backend/src/VVA/API.hs
+++ b/govtool/backend/src/VVA/API.hs
@@ -71,7 +71,7 @@ server = drepList
 drepList :: App m => m [DRep]
 drepList = do
   CacheEnv {dRepListCache} <- asks vvaCache
-  map (\(Types.DRepRegistration drep_hash url data_hash deposit) -> DRep (DRepHash drep_hash) url data_hash deposit)
+  map (\(Types.DRepRegistration drep_hash url data_hash deposit votingPower) -> DRep (DRepHash drep_hash) url data_hash deposit votingPower)
     <$> cacheRequest dRepListCache () DRep.listDReps
 
 getVotingPower :: App m => HexText -> m Integer
@@ -158,6 +158,9 @@ drepInfo (unHexText -> dRepId) = do
     , dRepInfoResponseIsRegisteredAsSoleVoter = dRepInfoIsRegisteredAsSoleVoter
     , dRepInfoResponseWasRegisteredAsSoleVoter = dRepInfoWasRegisteredAsSoleVoter
     , dRepInfoResponseDeposit = dRepInfoDeposit
+    , dRepInfoResponseUrl = dRepInfoUrl
+    , dRepInfoResponseDataHash = HexText <$> dRepInfoDataHash
+    , dRepInfoResponseVotingPower = dRepInfoVotingPower
     }
 
 getCurrentDelegation :: App m => HexText -> m (Maybe HexText)
diff --git a/govtool/backend/src/VVA/API/Types.hs b/govtool/backend/src/VVA/API/Types.hs
index a3c29fc57..d5e24ee21 100644
--- a/govtool/backend/src/VVA/API/Types.hs
+++ b/govtool/backend/src/VVA/API/Types.hs
@@ -380,6 +380,9 @@ data DRepInfoResponse = DRepInfoResponse
   , dRepInfoResponseIsRegisteredAsSoleVoter :: Bool
   , dRepInfoResponseWasRegisteredAsSoleVoter :: Bool
   , dRepInfoResponseDeposit :: Maybe Integer
+  , dRepInfoResponseUrl :: Maybe Text
+  , dRepInfoResponseDataHash :: Maybe HexText
+  , dRepInfoResponseVotingPower :: Maybe Integer
   } deriving (Generic, Show)
 
 deriveJSON (jsonOptions "dRepInfoResponse") ''DRepInfoResponse
@@ -390,7 +393,10 @@ exampleDRepInfoResponse =
   <> "\"wasRegisteredAsDRep\": true,"
   <> "\"isRegisteredAsSoleVoter\": true,"
   <> "\"wasRegisteredAsSoleVoter\": true,"
-  <> "\"deposit\": 2000000}"
+  <> "\"deposit\": 2000000,"
+  <> "\"url\": \"https://drep.metadata.xyz\","
+  <> "\"dataHash\": \"9af10e89979e51b8cdc827c963124a1ef4920d1253eef34a1d5cfe76438e3f11\","
+  <> "\"votingPower\": 1000000}"
 
 instance ToSchema DRepInfoResponse where
   declareNamedSchema proxy = do
@@ -512,6 +518,7 @@ data DRep = DRep
   , dRepUrl :: Maybe Text
   , dRepMetadataHash :: Maybe Text
   , dRepDeposit :: Integer
+  , dRepVotingPower :: Maybe Integer
   } deriving (Generic, Show)
 
 
@@ -522,7 +529,8 @@ exampleDrep =
    "{\"drepId\": \"d3a62ffe9c214e1a6a9809f7ab2a104c117f85e1f171f8f839d94be5\","
  <> "\"url\": \"https://proposal.metadata.xyz\","
  <> "\"metadataHash\": \"9af10e89979e51b8cdc827c963124a1ef4920d1253eef34a1d5cfe76438e3f11\","
- <> "\"deposit\": 0}"
+ <> "\"deposit\": 0,"
+ <> "\"votingPower\": 0}"
 
 instance ToSchema DRep where
     declareNamedSchema _ = pure $ NamedSchema (Just "DRep") $ mempty
diff --git a/govtool/backend/src/VVA/DRep.hs b/govtool/backend/src/VVA/DRep.hs
index 4a29872ea..b0b719402 100644
--- a/govtool/backend/src/VVA/DRep.hs
+++ b/govtool/backend/src/VVA/DRep.hs
@@ -60,7 +60,7 @@ listDReps ::
   m [DRepRegistration]
 listDReps = withPool $ \conn -> do
   results <- liftIO $ SQL.query_ conn listDRepsSql
-  return [DRepRegistration drepHash url dataHash (floor @Scientific deposit) | (drepHash, url, dataHash, deposit) <- results]
+  return [DRepRegistration drepHash url dataHash (floor @Scientific deposit) votingPower | (drepHash, url, dataHash, deposit, votingPower) <- results]
 
 getVotesSql :: SQL.Query
 getVotesSql = sqlFrom $(embedFile "sql/get-votes.sql")
@@ -99,12 +99,23 @@ getDRepInfo
 getDRepInfo drepId = withPool $ \conn -> do
   result <- liftIO $ SQL.query conn getDRepInfoSql (SQL.Only drepId)
   case result of
-    [(isRegisteredAsDRep, wasRegisteredAsDRep, isRegisteredAsSoleVoter, wasRegisteredAsSoleVoter, deposit)] ->
+    [ ( isRegisteredAsDRep
+      , wasRegisteredAsDRep
+      , isRegisteredAsSoleVoter
+      , wasRegisteredAsSoleVoter
+      , deposit
+      , url
+      , dataHash
+      , votingPower
+      )] ->
       return $ DRepInfo
         { dRepInfoIsRegisteredAsDRep = fromMaybe False isRegisteredAsDRep
         , dRepInfoWasRegisteredAsDRep = fromMaybe False wasRegisteredAsDRep
         , dRepInfoIsRegisteredAsSoleVoter = fromMaybe False isRegisteredAsSoleVoter
         , dRepInfoWasRegisteredAsSoleVoter = fromMaybe False wasRegisteredAsSoleVoter
         , dRepInfoDeposit = deposit
+        , dRepInfoUrl = url
+        , dRepInfoDataHash = dataHash
+        , dRepInfoVotingPower = votingPower
         }
-    [] -> return $ DRepInfo False False False False Nothing
\ No newline at end of file
+    [] -> return $ DRepInfo False False False False Nothing Nothing Nothing Nothing
\ No newline at end of file
diff --git a/govtool/backend/src/VVA/Types.hs b/govtool/backend/src/VVA/Types.hs
index 4d5d2e0db..c63ac8b79 100644
--- a/govtool/backend/src/VVA/Types.hs
+++ b/govtool/backend/src/VVA/Types.hs
@@ -64,6 +64,9 @@ data DRepInfo = DRepInfo
   , dRepInfoIsRegisteredAsSoleVoter :: Bool
   , dRepInfoWasRegisteredAsSoleVoter :: Bool
   , dRepInfoDeposit :: Maybe Integer
+  , dRepInfoUrl :: Maybe Text
+  , dRepInfoDataHash :: Maybe Text
+  , dRepInfoVotingPower :: Maybe Integer
   }
 
 data DRepRegistration = DRepRegistration
@@ -71,6 +74,7 @@ data DRepRegistration = DRepRegistration
  , dRepRegistrationUrl :: Maybe Text
  , dRepRegistrationDataHash :: Maybe Text
  , dRepRegistrationDeposit :: Integer
+ , dRepRegistrationVotingPower :: Maybe Integer
  }
 
 data Proposal = Proposal

From ddafe55c7ac54b248df2db202ff0b53d45e079ed Mon Sep 17 00:00:00 2001
From: jankun4 <michaljankun@gmail.com>
Date: Thu, 29 Feb 2024 18:55:44 +0100
Subject: [PATCH 018/109] [#317] do not list sole voters in drep/list endpoint

Signed-off-by: jankun4 <michaljankun@gmail.com>
---
 CHANGELOG.md                       | 1 +
 govtool/backend/sql/list-dreps.sql | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f2ac952b3..e3d5d4601 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -35,6 +35,7 @@ changes.
 
 ### Changed
 - `drep/list` and `drep/info` endpoints now return additional data such as metadata url and hash, and voting power [Issue 223](https://github.com/IntersectMBO/govtool/issues/223)
+- `drep/info` now does not return sole voters (dreps without metadata) [Issue 317](https://github.com/IntersectMBO/govtool/issues/317)
 - `isRegistered` and `wasRegistered` fields in the drep/info endpoint changed to `isRegisteredAsDRep` and `wasRegisteredAsDRep` respectively [Issue 212](https://github.com/IntersectMBO/govtool/issues/212)
 - Update Cardano-Serialization-Lib to 12.0.0-alpha.16 [Issue 156](https://github.com/IntersectMBO/govtool/issues/156)
 - Changed and improved working conventions docs, PR template and codeowners file, addressing [Issue 88](https://github.com/IntersectMBO/govtool/issues/88).
diff --git a/govtool/backend/sql/list-dreps.sql b/govtool/backend/sql/list-dreps.sql
index e9cc14221..a0a0979ac 100644
--- a/govtool/backend/sql/list-dreps.sql
+++ b/govtool/backend/sql/list-dreps.sql
@@ -27,6 +27,7 @@ LEFT JOIN (
   FROM drep_registration dr
 ) as dr_voting_anchor
 on dr_voting_anchor.drep_hash_id = dh.id and dr_voting_anchor.rn = 1
-left JOIN voting_anchor va ON va.id = dr_voting_anchor.voting_anchor_id
 LEFT JOIN DRepDistr
 on DRepDistr.hash_id = dh.id and DRepDistr.rn = 1
+JOIN voting_anchor va ON va.id = dr_voting_anchor.voting_anchor_id
+

From a69bfbcf9162d4e1fea578c404e581c37b53d82f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Mon, 4 Mar 2024 15:43:24 +0100
Subject: [PATCH 019/109] [#385] Refactor Makefile structure for enhanced
 modularity and deployment efficiency

This commit reorganizes the build and deployment scripts by introducing
separate Makefiles for the backend and frontend components, along with
common utilities and informational targets. The new structure aims to
improve modularity, maintainability, and clarity of the deployment
process. Component-specific Makefiles handle Docker image construction
and deployment more effectively, while shared utilities and variables
are centralized for ease of use. Additionally, the update simplifies
Docker tag generation by incorporating it directly into the Makefiles,
eliminating the need for separate versioning scripts. The README has
been updated to guide users through the new deployment process.
---
 govtool/backend/Makefile                   |  31 ++++
 govtool/frontend/Makefile                  |  33 ++++
 scripts/govtool/Makefile                   | 179 ++-------------------
 scripts/govtool/README.md                  |  86 +++++++---
 scripts/govtool/common.mk                  |  47 ++++++
 scripts/govtool/info.mk                    |  34 ++++
 scripts/govtool/utils.mk                   |  23 +++
 scripts/govtool/utils/backend-base-version |   9 --
 scripts/govtool/utils/backend-version      |   8 -
 scripts/govtool/utils/frontend-version     |   4 -
 10 files changed, 250 insertions(+), 204 deletions(-)
 create mode 100644 govtool/backend/Makefile
 create mode 100644 govtool/frontend/Makefile
 create mode 100644 scripts/govtool/common.mk
 create mode 100644 scripts/govtool/info.mk
 create mode 100644 scripts/govtool/utils.mk
 delete mode 100755 scripts/govtool/utils/backend-base-version
 delete mode 100755 scripts/govtool/utils/backend-version
 delete mode 100755 scripts/govtool/utils/frontend-version

diff --git a/govtool/backend/Makefile b/govtool/backend/Makefile
new file mode 100644
index 000000000..1919d4847
--- /dev/null
+++ b/govtool/backend/Makefile
@@ -0,0 +1,31 @@
+common_mk := ../../scripts/govtool/common.mk
+ifeq ($(origin $(common_mk)), undefined)
+  $(eval $(common_mk) := included)
+  include $(common_mk)
+endif
+
+.DEFAULT_GOAL := push-backend
+
+# image tags
+base_backend_image_tag := $(shell git hash-object $(root_dir)/govtool/backend/vva-be.cabal)
+backend_image_tag := $(shell git log -n 1 --format="%H" -- $(root_dir)/govtool/backend)
+
+.PHONY: build-backend-base
+build-backend-base: docker-login
+	$(call check_image_on_ecr,backend-base,$(base_backend_image_tag)) || \
+	$(docker) build --file $(root_dir)/govtool/backend/Dockerfile.base --tag "$(repo_url)/backend-base:$(base_backend_image_tag)" $(root_dir)/govtool/backend
+
+.PHONY: push-backend-base
+push-backend-base: build-backend-base
+	$(call check_image_on_ecr,backend-base,$(base_backend_image_tag)) || \
+	$(docker) push $(repo_url)/backend-base:$(base_backend_image_tag)
+
+.PHONY: build-backend
+build-backend: build-backend-base
+	$(call check_image_on_ecr,backend,$(backend_image_tag)) || \
+	$(docker) build --build-arg BASE_IMAGE_TAG=$(base_backend_image_tag) --tag "$(repo_url)/backend:$(backend_image_tag)" $(root_dir)/govtool/backend
+
+.PHONY: push-backend
+push-backend: push-backend-base build-backend
+	$(call check_image_on_ecr,backend,$(backend_image_tag)) || \
+	$(docker) push $(repo_url)/backend:$(backend_image_tag)
diff --git a/govtool/frontend/Makefile b/govtool/frontend/Makefile
new file mode 100644
index 000000000..4c5c964bd
--- /dev/null
+++ b/govtool/frontend/Makefile
@@ -0,0 +1,33 @@
+common_mk := ../../scripts/govtool/common.mk
+ifeq ($(origin $(common_mk)), undefined)
+  $(eval $(common_mk) := included)
+  include $(common_mk)
+endif
+
+.DEFAULT_GOAL := push-frontend
+
+# environment variables
+gtm_id := $(shell echo $${GTM_ID})
+sentry_dsn := $(shell echo $${SENTRY_DSN})
+
+# image tags
+frontend_image_tag := $(shell git log -n 1 --format="%H" -- $(root_dir)/govtool/frontend)
+
+.PHONY: build-frontend
+build-frontend: docker-login
+	@:$(call check_defined, cardano_network)
+	@:$(call check_defined, gtm_id)
+	@:$(call check_defined, sentry_dsn)
+	if [[ "$(cardano_network)" = "mainnet" ]]; then NETWORK_FLAG=1; else NETWORK_FLAG=0; fi; \
+	$(call check_image_on_ecr,frontend,$(frontend_image_tag)) || \
+	$(docker) build --tag "$(repo_url)/frontend:$(frontend_image_tag)" \
+		--build-arg VITE_BASE_URL="https://$(domain)/api" \
+		--build-arg VITE_GTM_ID="$(gtm_id)" \
+		--build-arg VITE_NETWORK_FLAG="$$NETWORK_FLAG" \
+		--build-arg VITE_SENTRY_DSN="$(sentry_dsn)" \
+		$(root_dir)/govtool/frontend
+
+.PHONY: push-frontend
+push-frontend: build-frontend
+	$(call check_image_on_ecr,frontend,$(frontend_image_tag)) || \
+	$(docker) push $(repo_url)/frontend:$(frontend_image_tag)
diff --git a/scripts/govtool/Makefile b/scripts/govtool/Makefile
index 9cf35b773..619d73d6b 100644
--- a/scripts/govtool/Makefile
+++ b/scripts/govtool/Makefile
@@ -1,77 +1,34 @@
-SHELL := bash
-ONESHELL:
-.SHELLFLAGS := -eu -o pipefail -c
+include ../../govtool/backend/Makefile
+include ../../govtool/frontend/Makefile
+include utils.mk
+include info.mk
+
+.DEFAULT_GOAL := info
 
 # tools
-docker ?= docker
 curl ?= curl
+rsync ?= rsync
+ssh-keyscan ?= ssh-keyscan
 
 # environment variables
-env := $(shell echo $${ENVIRONMENT})
-cardano_network := $(shell echo $${CARDANO_NETWORK})
 grafana_admin_password := $(shell echo $${GRAFANA_ADMIN_PASSWORD})
 grafana_slack_recipient := $(shell echo $${GRAFANA_SLACK_RECIPIENT})
 grafana_slack_oauth_token := $(shell echo $${GRAFANA_SLACK_OAUTH_TOKEN})
-gtm_id := $(shell echo $${GTM_ID})
-sentry_dsn := $(shell echo $${SENTRY_DSN})
-
-# git state
-commit := $(shell git rev-parse HEAD)
-branch := $(shell git rev-parse --abbrev-ref HEAD)
 
 # target addresses
-domain := $(shell echo $${DOMAIN:-$(env)-$(cardano_network).govtool.byron.network})
-repo_url ?= 733019650473.dkr.ecr.eu-west-1.amazonaws.com
 docker_host := $(domain)
 docker_user := ubuntu
 ssh_url := $(docker_user)@$(docker_host)
 
 # stack configuration
 docker_compose_file := docker-compose.$(env).yml
-compose_stack_name := govtool-$(env)-$(cardano_network)
-
-# pipeline information
-pipeline_url := $(shell echo $${PIPELINE_URL:-})
-ifeq ($(PIPELINE_URL),)
-  pipeline_info := _Deployed from local machine._
-else
-  pipeline_info := _Deployed from <$(pipeline_url)|GitHub>._
-endif
 
 # image tags
 cardano_node_image_tag := 8.8.0-pre
 cardano_db_sync_image_tag := sancho-4-0-0-fix-config
-base_backend_image_tag := $(shell ./utils/backend-base-version)
-backend_image_tag := $(shell ./utils/backend-version)
-frontend_image_tag := $(shell ./utils/frontend-version)
-
-# helper function for checking undefined variables
-check_defined = \
-    $(strip $(foreach 1,$1, \
-        $(call __check_defined,$1,$(strip $(value 2)))))
-__check_defined = \
-    $(if $(value $1),, \
-      $(error Undefined $1$(if $2, ($2))))
-
-# helper function for checking if image exists on ECR
-check_image_on_ecr = \
-	$(docker) manifest inspect "$(repo_url)/$1:$2" > /dev/null 2>&1
 
 .PHONY: all
-all: docker-login prepare-config upload-config build-backend push-backend build-frontend push-frontend deploy-stack info notify
-
-.PHONY: check-env-defined
-check-env-defined:
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	@grep -q "module \"$(compose_stack_name)\"" ../../infra/terraform/main.tf && \
-	echo "Environment $(env) for network $(cardano_network) is defined in Terraform" || \
-	{ echo "Environment $(env) for network $(cardano_network) is NOT defined in Terraform, cannot deploy there"; exit 1; }
-
-.PHONY: docker-login
-docker-login:
-	aws ecr get-login-password --region eu-west-1 | $(docker) login --username AWS --password-stdin $(repo_url)/backend
-	aws ecr get-login-password --region eu-west-1 | $(docker) login --username AWS --password-stdin $(repo_url)/frontend
+all: deploy-stack info #notify
 
 .PHONY: prepare-config
 prepare-config:
@@ -84,64 +41,13 @@ prepare-config:
 	./prepare-config.sh
 
 .PHONY: upload-config
-upload-config: prepare-config
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	rsync -av -e 'ssh -o StrictHostKeyChecking=no' config/target/. $(ssh_url):config
-
-.PHONY: build-backend
-build-backend: docker-login build-backend-base
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	$(call check_image_on_ecr,backend,$(backend_image_tag)) || \
-	$(docker) build --build-arg BASE_IMAGE_TAG=$(base_backend_image_tag) --tag "$(repo_url)/backend:$(backend_image_tag)" ../../govtool/backend
-
-.PHONY: build-backend-base
-build-backend-base: docker-login
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	$(call check_image_on_ecr,backend-base,$(base_backend_image_tag)) || \
-	$(docker) build --file ../../govtool/backend/Dockerfile.base --tag "$(repo_url)/backend-base:$(base_backend_image_tag)" ../../govtool/backend
-	@echo "Using backend-base image: $(repo_url)/backend-base:$(base_backend_image_tag)"
-
-.PHONY: push-backend
-push-backend: docker-login push-backend-base build-backend
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	$(call check_image_on_ecr,backend,$(backend_image_tag)) || \
-	$(docker) push $(repo_url)/backend:$(backend_image_tag)
-
-.PHONY: push-backend-base
-push-backend-base: docker-login build-backend-base
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	$(call check_image_on_ecr,backend-base,$(base_backend_image_tag)) || \
-	$(docker) push $(repo_url)/backend-base:$(base_backend_image_tag)
-
-.PHONY: build-frontend
-build-frontend: docker-login
+upload-config: check-env-defined prepare-config
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
-	@:$(call check_defined, gtm_id)
-	@:$(call check_defined, sentry_dsn)
-	if [[ "$(cardano_network)" = "mainnet" ]]; then NETWORK_FLAG=1; else NETWORK_FLAG=0; fi; \
-	$(call check_image_on_ecr,frontend,$(frontend_image_tag)) || \
-	$(docker) build --tag "$(repo_url)/frontend:$(frontend_image_tag)" \
-		--build-arg VITE_BASE_URL="https://$(domain)/api" \
-		--build-arg VITE_GTM_ID="$(gtm_id)" \
-		--build-arg VITE_NETWORK_FLAG="$$NETWORK_FLAG" \
-		--build-arg VITE_SENTRY_DSN="$(sentry_dsn)" \
-		../../govtool/frontend
-
-.PHONY: push-frontend
-push-frontend: docker-login build-frontend
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	$(call check_image_on_ecr,frontend,$(frontend_image_tag)) || \
-	$(docker) push $(repo_url)/frontend:$(frontend_image_tag)
+	$(rsync) -av -e 'ssh -o StrictHostKeyChecking=no' config/target/. $(ssh_url):config
 
 .PHONY: deploy-stack
-deploy-stack: docker-login
+deploy-stack: upload-config push-backend push-frontend
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
 	@:$(call check_defined, grafana_admin_password)
@@ -153,12 +59,12 @@ deploy-stack: docker-login
 	export FRONTEND_TAG=$(frontend_image_tag); \
 	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \
 	export CARDANO_DB_SYNC_TAG=$(cardano_db_sync_image_tag); \
-	ssh-keyscan $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
+	$(ssh-keyscan) $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
 	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) pull; \
 	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) up -d
 
 .PHONY: destroy-cardano-node-and-dbsync
-destroy-cardano-node-and-dbsync:
+destroy-cardano-node-and-dbsync: check-env-defined
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
 	export CARDANO_NETWORK=$(cardano_network); \
@@ -168,7 +74,7 @@ destroy-cardano-node-and-dbsync:
 	export FRONTEND_TAG=$(frontend_image_tag); \
 	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \
 	export CARDANO_DB_SYNC_TAG=$(cardano_db_sync_image_tag); \
-	ssh-keyscan $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
+	$(ssh-keyscan) $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
 	containers="$$(docker container ls --no-trunc --format '{{.Names}}' -f name=cardano-node -f name=cardano-db-sync -f name=postgres)"; \
 	volumes="$$(docker volume ls --format '{{.Name}}' -f name=db-sync-data -f name=node-db -f name=node-ipc -f name=postgres)"; \
 	$(docker) container stop $${containers}; \
@@ -176,7 +82,7 @@ destroy-cardano-node-and-dbsync:
 	$(docker) volume rm $${volumes}
 
 .PHONY: toggle-maintenance
-toggle-maintenance:
+toggle-maintenance: check-env-defined
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
 	@:$(call check_defined, maintenance)
@@ -187,57 +93,6 @@ toggle-maintenance:
 	export FRONTEND_TAG=$(frontend_image_tag); \
 	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \
 	export CARDANO_DB_SYNC_TAG=$(cardano_db_sync_image_tag); \
-	ssh-keyscan $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
+	$(ssh-keyscan) $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
 	if [[ "$(maintenance)" = "enable" ]]; then $(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) exec frontend touch /var/run/maintenance_enabled; \
 	else $(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) exec frontend rm /var/run/maintenance_enabled; fi
-
-.DEFAULT_GOAL := info
-.PHONY: info
-info:
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	@echo "+-----------"
-	@echo "|  TIME      $(shell date +'%Y-%m-%d %H:%M:%S%z')"
-	@echo "|  BRANCH    $(branch) [$(commit)]"
-	@echo "|  ENV       $(env)"
-	@echo "I  NETWORK   $(cardano_network)"
-	@echo "N  BACKEND   $(repo_url)/backend:$(backend_image_tag)"
-	@echo "F  FRONTEND  $(repo_url)/frontend:$(frontend_image_tag)"
-	@echo "O  NODE      ghcr.io/intersectmbo/cardano-node:$(cardano_node_image_tag)"
-	@echo "|  DBSYNC    ghcr.io/intersectmbo/cardano-db-sync:$(cardano_db_sync_image_tag)"
-	@echo "|  SSH       $(ssh_url)"
-	@echo "|  URL       https://$(docker_host)"
-	@echo "+-----------"
-
-.PHONY: notify
-notify:
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	$(curl) -X POST https://slack.com/api/chat.postMessage\
-		-H "Authorization: Bearer $(grafana_slack_oauth_token)" \
-		-H "Content-Type: application/json; charset=utf-8" \
-		--data "{ \"channel\":\"$(grafana_slack_recipient)\", \"text\":\":rocket: *Deploy performed on \`$(env)\`*\n- from *branch* \`$(branch)\` (\`$(commit)\`),\n- using *Cardano Node* version \`$(cardano_node_image_tag)\`,\n- using *Cardano DB Sync* version \`$(cardano_db_sync_image_tag)\`,\n- using *GovTool backend* version \`$(backend_image_tag)\`,\n- using *Govtool frontend* version \`$(frontend_image_tag)\`.\n$(pipeline_info)\" }"
-
-.PHONY: ssh
-ssh:
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	export TERM=xterm-256color; \
-	ssh $(ssh_url)
-
-.PHONY: docker
-docker:
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	@:$(call check_defined, grafana_admin_password)
-	@:$(call check_defined, cmd)
-	export CARDANO_NETWORK=$(cardano_network); \
-	export DOCKER_HOST=ssh://$(ssh_url); \
-	export ENVIRONMENT=$(env); \
-	export GRAFANA_ADMIN_PASSWORD=$(grafana_admin_password); \
-	export BACKEND_TAG=$(backend_image_tag); \
-	export FRONTEND_TAG=$(frontend_image_tag); \
-	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \
-	export CARDANO_DB_SYNC_TAG=$(cardano_db_sync_image_tag); \
-	ssh-keyscan $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
-	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) $(cmd)
diff --git a/scripts/govtool/README.md b/scripts/govtool/README.md
index 6e3d2b070..56d2059b4 100644
--- a/scripts/govtool/README.md
+++ b/scripts/govtool/README.md
@@ -51,15 +51,16 @@ files. For an example configuration, refer to the `.env.example` file.
 
 ## Deployment process
 
-The deployment process is automated using a Makefile, which includes several
-targets to streamline the deployment steps:
+The deployment process is automated using a system of Makefiles, which include
+several targets to streamline the deployment steps:
 
-### `docker-login`
+### [Deployment `Makefile`](./Makefile)
 
-Ensures that the user is logged into the correct Docker account, providing
-access to necessary Docker resources.
+This is the main Makefile that provides full support for the deployment and
+maintenance of the stack. It includes backend and frontend modules and uses
+particular Makefiles for additional purposes.
 
-### `prepare-config`
+#### `prepare-config`
 
 Prepares the configuration files required for the application. This involves
 generating or fetching files, then placing them in the appropriate directory
@@ -72,36 +73,79 @@ structure. Key components include:
 - `prometheus.yml` and `grafana-provisioning` for monitoring setup.
 - `nginx` configuration for basic authentication where necessary.
 
-### `upload-config`
+#### `upload-config`
 
 Uploads the generated configuration to the target server.
 
-### `build-backend`
+#### `deploy-stack`
 
-Builds the backend image locally and a base image for the backend when changes
-are detected in the Cabal file.
+Updates the target server with the latest images and (re)launches the Docker
+Compose stack.
 
-### `push-backend`
+#### `destroy-cardano-node-and-dbsync`
 
-Pushes the backend and backend-base images to the Docker repository.
+Removes the Cardano Node and Cardano DB Sync services, purges their volumes, and
+removes PostgreSQL database files. This step ensures that the Cardano network's
+state has been fully removed so the blockchain will be synchronized from the
+beginning.
 
-### `build-frontend`
+#### `toggle-maintenance`
 
-Handles the construction of the frontend image.
+This step turns on the "maintenance page" that blocks users from usage of the
+application and provides an explanation of that in form of the simple page with
+error message.
 
-### `push-frontend`
+### Helpers, variables and targets in [`common.mk`](./common.mk) file
 
-Pushes the frontend image to the Docker repository.
+This Makefile defines some common variables and helpers, as well as highly
+reused targets, such as:
 
-### `deploy-stack`
+#### `check-env-defined`
 
-Updates the target server with the latest images and (re)launches the Docker
-Compose stack.
+Verifies the given environment value. When there is no definition for such
+environment in Terraform configuration it stops the execution.
+
+#### `docker-login`
+
+Ensures that the user is logged into the correct Docker account, providing
+access to necessary Docker resources.
+
+### Notifications in [`info.mk`](./info.mk) file
+
+This file is responsible for giving the proper notifications and feedback about
+the current execution:
 
-### `info`
+#### `info`
 
 Displays deployment parameters for review and verification.
 
-### `notify`
+#### `notify`
 
 Sends a notification to stakeholders about the deployment status via Slack.
+
+### Building backend images steps in [backend `Makefile`](../../govtool/backend/Makefile)
+
+This file is responsible for generating images for backend and for pushing them
+to the ECR repository.
+
+#### `build-backend`
+
+Builds the backend image locally and a base image for the backend when changes
+are detected in the Cabal file.
+
+#### `push-backend`
+
+Pushes the backend and backend-base images to the Docker repository.
+
+### Building frontend images steps in [frontend `Makefile`](../../govtool/frontend/Makefile)
+
+This file is responsible for generating images for frontend and for pushing them
+to the ECR repository.
+
+#### `build-frontend`
+
+Handles the construction of the frontend image.
+
+#### `push-frontend`
+
+Pushes the frontend image to the Docker repository.
diff --git a/scripts/govtool/common.mk b/scripts/govtool/common.mk
new file mode 100644
index 000000000..b80940a08
--- /dev/null
+++ b/scripts/govtool/common.mk
@@ -0,0 +1,47 @@
+SHELL := bash
+ONESHELL:
+.SHELLFLAGS := -eu -o pipefail -c
+
+# tools
+docker ?= docker
+
+# environment variables
+env := $(shell echo $${ENVIRONMENT})
+cardano_network := $(shell echo $${CARDANO_NETWORK})
+
+# git state
+commit := $(shell git rev-parse HEAD)
+branch := $(shell git rev-parse --abbrev-ref HEAD)
+root_dir := $(shell git rev-parse --show-toplevel)
+
+# target addresses
+domain := $(shell echo $${DOMAIN})
+repo_url ?= 733019650473.dkr.ecr.eu-west-1.amazonaws.com
+
+# stack configuration
+compose_stack_name := govtool-$(env)-$(cardano_network)
+
+# helper function for checking undefined variables
+check_defined = \
+    $(strip $(foreach 1,$1, \
+        $(call __check_defined,$1,$(strip $(value 2)))))
+__check_defined = \
+    $(if $(value $1),, \
+      $(error Undefined $1$(if $2, ($2))))
+
+# helper function for checking if image exists on ECR
+check_image_on_ecr = \
+	$(docker) manifest inspect "$(repo_url)/$1:$2" > /dev/null 2>&1
+
+.PHONY: check-env-defined
+check-env-defined:
+	@:$(call check_defined, cardano_network)
+	@:$(call check_defined, env)
+	@grep -q "module \"$(compose_stack_name)\"" ../../infra/terraform/main.tf && \
+	echo "Environment $(env) for network $(cardano_network) is defined in Terraform" || \
+	{ echo "Environment $(env) for network $(cardano_network) is NOT defined in Terraform, cannot deploy there"; exit 1; }
+
+.PHONY: docker-login
+docker-login:
+	aws ecr get-login-password --region eu-west-1 | $(docker) login --username AWS --password-stdin $(repo_url)/backend
+	aws ecr get-login-password --region eu-west-1 | $(docker) login --username AWS --password-stdin $(repo_url)/frontend
diff --git a/scripts/govtool/info.mk b/scripts/govtool/info.mk
new file mode 100644
index 000000000..da245e32f
--- /dev/null
+++ b/scripts/govtool/info.mk
@@ -0,0 +1,34 @@
+# pipeline information
+pipeline_url := $(shell echo $${PIPELINE_URL:-})
+ifeq ($(PIPELINE_URL),)
+  pipeline_info := _Deployed from local machine._
+else
+  pipeline_info := _Deployed from <$(pipeline_url)|GitHub>._
+endif
+
+.PHONY: info
+info:
+	@:$(call check_defined, cardano_network)
+	@:$(call check_defined, env)
+	@echo "+-----------"
+	@echo "|  TIME      $(shell date +'%Y-%m-%d %H:%M:%S%z')"
+	@echo "|  BRANCH    $(branch) [$(commit)]"
+	@echo "|  ENV       $(env)"
+	@echo "I  NETWORK   $(cardano_network)"
+	@echo "N  BACKEND   $(repo_url)/backend:$(backend_image_tag)"
+	@echo "F  FRONTEND  $(repo_url)/frontend:$(frontend_image_tag)"
+	@echo "O  NODE      ghcr.io/intersectmbo/cardano-node:$(cardano_node_image_tag)"
+	@echo "|  DBSYNC    ghcr.io/intersectmbo/cardano-db-sync:$(cardano_db_sync_image_tag)"
+	@echo "|  SSH       $(ssh_url)"
+	@echo "|  URL       https://$(docker_host)"
+	@echo "+-----------"
+
+.PHONY: notify
+notify:
+	@:$(call check_defined, cardano_network)
+	@:$(call check_defined, env)
+	$(curl) -X POST https://slack.com/api/chat.postMessage\
+		-H "Authorization: Bearer $(grafana_slack_oauth_token)" \
+		-H "Content-Type: application/json; charset=utf-8" \
+		--data "{ \"channel\":\"$${GRAFANA_SLACK_RECIPIENT}\", \"text\":\":rocket: *Deploy performed on \`$(env)\`*\n- from *branch* \`$(branch)\` (\`$(commit)\`),\n- using *Cardano Node* version \`$(cardano_node_image_tag)\`,\n- using *Cardano DB Sync* version \`$(cardano_db_sync_image_tag)\`,\n- using *GovTool backend* version \`$(backend_image_tag)\`,\n- using *Govtool frontend* version \`$(frontend_image_tag)\`.\n$(pipeline_info)\" }"
+
diff --git a/scripts/govtool/utils.mk b/scripts/govtool/utils.mk
new file mode 100644
index 000000000..37ccda6e6
--- /dev/null
+++ b/scripts/govtool/utils.mk
@@ -0,0 +1,23 @@
+.PHONY: ssh
+ssh:
+	@:$(call check_defined, cardano_network)
+	@:$(call check_defined, env)
+	export TERM=xterm-256color; \
+	ssh $(ssh_url)
+
+.PHONY: docker
+docker:
+	@:$(call check_defined, cardano_network)
+	@:$(call check_defined, env)
+	@:$(call check_defined, grafana_admin_password)
+	@:$(call check_defined, cmd)
+	export CARDANO_NETWORK=$(cardano_network); \
+	export DOCKER_HOST=ssh://$(ssh_url); \
+	export ENVIRONMENT=$(env); \
+	export GRAFANA_ADMIN_PASSWORD=$(grafana_admin_password); \
+	export BACKEND_TAG=$(backend_image_tag); \
+	export FRONTEND_TAG=$(frontend_image_tag); \
+	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \
+	export CARDANO_DB_SYNC_TAG=$(cardano_db_sync_image_tag); \
+	$(ssh-keyscan) $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
+	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) $(cmd)
diff --git a/scripts/govtool/utils/backend-base-version b/scripts/govtool/utils/backend-base-version
deleted file mode 100755
index 85ffe5389..000000000
--- a/scripts/govtool/utils/backend-base-version
+++ /dev/null
@@ -1,9 +0,0 @@
-#!/usr/bin/env bash
-# This script returns a version string for the base image used to build the
-# backend Docker image. The version string is the SHA1 hash of the vva-be.cabal
-# file in the backend directory. This is used to tag the base image with the
-# version of the backend code that it was built from. It means that any changes
-# made in cabal file should result in building a new base docker image for
-# backend.
-
-git hash-object $(git rev-parse --show-toplevel)/govtool/backend/vva-be.cabal
diff --git a/scripts/govtool/utils/backend-version b/scripts/govtool/utils/backend-version
deleted file mode 100755
index 2c96d3bf6..000000000
--- a/scripts/govtool/utils/backend-version
+++ /dev/null
@@ -1,8 +0,0 @@
-#!/usr/bin/env bash
-# This script returns a version string for the backend code. The version string
-# is the SHA1 hash of the most recent commit in the backend directory. This is
-# used to tag the backend Docker image with the version of the backend code that
-# it was built from. It means that any changes made in the backend code should
-# result in building a new backend docker image.
-
-git log -n 1 --format="%H" -- $(git rev-parse --show-toplevel)/govtool/backend
diff --git a/scripts/govtool/utils/frontend-version b/scripts/govtool/utils/frontend-version
deleted file mode 100755
index 6eed4e906..000000000
--- a/scripts/govtool/utils/frontend-version
+++ /dev/null
@@ -1,4 +0,0 @@
-#!/usr/bin/env bash
-# This script returns a version string for the base image used to build the frontend Docker image. The version string is the SHA1 hash of the most recent commit in the frontend directory. This is used to tag the image with the version of the frontend code that it was built from. It means that any changes made in the frontend code should result in building a new docker image for frontend.
-
-git log -n 1 --format="%H" -- $(git rev-parse --show-toplevel)/govtool/frontend

From 693163f5237685972fd96e5b0b1094c1c6d58b36 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 5 Mar 2024 07:42:55 +0100
Subject: [PATCH 020/109] [#385] Integrate prepare-config script functionality
 into Makefile system

This commit eliminates the prepare-config.sh script, incorporating its
configuration preparation logic into the Makefile workflow with a new
config.mk file. This adjustment enhances the consistency of the
deployment process, aligning it with the modular Makefile approach. It
simplifies the management of configurations by dynamically generating
necessary files from templates, thereby improving the security and
maintainability of configuration secrets. Adjustments to related
Makefiles files have been made to accommodate these changes,
streamlining the entire configuration and deployment pipeline.
---
 govtool/frontend/Makefile                     | 10 +--
 scripts/govtool/Makefile                      | 37 +-------
 scripts/govtool/common.mk                     |  6 ++
 scripts/govtool/config.mk                     | 82 ++++++++++++++++++
 .../config/secrets/backend-config.json        | 18 ----
 scripts/govtool/config/secrets/postgres_db    |  1 -
 .../govtool/config/secrets/postgres_password  |  1 -
 scripts/govtool/config/secrets/postgres_user  |  1 -
 .../backend-config.json.tpl                   |  0
 .../alerting/alerting.yml                     |  0
 .../dashboards/dashboard.yml                  |  0
 .../dashboards/govtool.json                   |  0
 .../dashboards/traefik_rev4.json              |  0
 .../datasources/datasource.yml                |  0
 .../govtool/config/templates/prometheus.yml   | 23 +++++
 scripts/govtool/info.mk                       |  2 +-
 scripts/govtool/prepare-config.sh             | 85 -------------------
 scripts/govtool/utils.mk                      |  5 +-
 18 files changed, 118 insertions(+), 153 deletions(-)
 create mode 100644 scripts/govtool/config.mk
 delete mode 100644 scripts/govtool/config/secrets/backend-config.json
 delete mode 100644 scripts/govtool/config/secrets/postgres_db
 delete mode 100644 scripts/govtool/config/secrets/postgres_password
 delete mode 100644 scripts/govtool/config/secrets/postgres_user
 rename scripts/govtool/config/{secrets => templates}/backend-config.json.tpl (100%)
 rename scripts/govtool/config/{ => templates}/grafana-provisioning/alerting/alerting.yml (100%)
 rename scripts/govtool/config/{ => templates}/grafana-provisioning/dashboards/dashboard.yml (100%)
 rename scripts/govtool/config/{ => templates}/grafana-provisioning/dashboards/govtool.json (100%)
 rename scripts/govtool/config/{ => templates}/grafana-provisioning/dashboards/traefik_rev4.json (100%)
 rename scripts/govtool/config/{ => templates}/grafana-provisioning/datasources/datasource.yml (100%)
 create mode 100644 scripts/govtool/config/templates/prometheus.yml
 delete mode 100755 scripts/govtool/prepare-config.sh

diff --git a/govtool/frontend/Makefile b/govtool/frontend/Makefile
index 4c5c964bd..2721792b7 100644
--- a/govtool/frontend/Makefile
+++ b/govtool/frontend/Makefile
@@ -6,25 +6,19 @@ endif
 
 .DEFAULT_GOAL := push-frontend
 
-# environment variables
-gtm_id := $(shell echo $${GTM_ID})
-sentry_dsn := $(shell echo $${SENTRY_DSN})
-
 # image tags
 frontend_image_tag := $(shell git log -n 1 --format="%H" -- $(root_dir)/govtool/frontend)
 
 .PHONY: build-frontend
 build-frontend: docker-login
 	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, gtm_id)
-	@:$(call check_defined, sentry_dsn)
 	if [[ "$(cardano_network)" = "mainnet" ]]; then NETWORK_FLAG=1; else NETWORK_FLAG=0; fi; \
 	$(call check_image_on_ecr,frontend,$(frontend_image_tag)) || \
 	$(docker) build --tag "$(repo_url)/frontend:$(frontend_image_tag)" \
 		--build-arg VITE_BASE_URL="https://$(domain)/api" \
-		--build-arg VITE_GTM_ID="$(gtm_id)" \
+		--build-arg VITE_GTM_ID="$${GTM_ID}" \
 		--build-arg VITE_NETWORK_FLAG="$$NETWORK_FLAG" \
-		--build-arg VITE_SENTRY_DSN="$(sentry_dsn)" \
+		--build-arg VITE_SENTRY_DSN="$${SENTRY_DSN}" \
 		$(root_dir)/govtool/frontend
 
 .PHONY: push-frontend
diff --git a/scripts/govtool/Makefile b/scripts/govtool/Makefile
index 619d73d6b..e20289a86 100644
--- a/scripts/govtool/Makefile
+++ b/scripts/govtool/Makefile
@@ -2,24 +2,10 @@ include ../../govtool/backend/Makefile
 include ../../govtool/frontend/Makefile
 include utils.mk
 include info.mk
+include config.mk
 
 .DEFAULT_GOAL := info
 
-# tools
-curl ?= curl
-rsync ?= rsync
-ssh-keyscan ?= ssh-keyscan
-
-# environment variables
-grafana_admin_password := $(shell echo $${GRAFANA_ADMIN_PASSWORD})
-grafana_slack_recipient := $(shell echo $${GRAFANA_SLACK_RECIPIENT})
-grafana_slack_oauth_token := $(shell echo $${GRAFANA_SLACK_OAUTH_TOKEN})
-
-# target addresses
-docker_host := $(domain)
-docker_user := ubuntu
-ssh_url := $(docker_user)@$(docker_host)
-
 # stack configuration
 docker_compose_file := docker-compose.$(env).yml
 
@@ -28,33 +14,16 @@ cardano_node_image_tag := 8.8.0-pre
 cardano_db_sync_image_tag := sancho-4-0-0-fix-config
 
 .PHONY: all
-all: deploy-stack info #notify
-
-.PHONY: prepare-config
-prepare-config:
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, grafana_slack_recipient)
-	@:$(call check_defined, grafana_slack_oauth_token)
-	export CARDANO_NETWORK=$(cardano_network); \
-	export GRAFANA_SLACK_RECIPIENT=$(grafana_slack_recipient); \
-	export GRAFANA_SLACK_OAUTH_TOKEN=$(grafana_slack_oauth_token); \
-	./prepare-config.sh
-
-.PHONY: upload-config
-upload-config: check-env-defined prepare-config
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	$(rsync) -av -e 'ssh -o StrictHostKeyChecking=no' config/target/. $(ssh_url):config
+all: deploy-stack info notify
 
 .PHONY: deploy-stack
 deploy-stack: upload-config push-backend push-frontend
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
-	@:$(call check_defined, grafana_admin_password)
 	export CARDANO_NETWORK=$(cardano_network); \
 	export DOCKER_HOST=ssh://$(ssh_url); \
 	export ENVIRONMENT=$(env); \
-	export GRAFANA_ADMIN_PASSWORD=$(grafana_admin_password); \
+	export GRAFANA_ADMIN_PASSWORD=$${GRAFANA_ADMIN_PASSWORD}; \
 	export BACKEND_TAG=$(backend_image_tag); \
 	export FRONTEND_TAG=$(frontend_image_tag); \
 	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \
diff --git a/scripts/govtool/common.mk b/scripts/govtool/common.mk
index b80940a08..79d71b77a 100644
--- a/scripts/govtool/common.mk
+++ b/scripts/govtool/common.mk
@@ -4,6 +4,9 @@ ONESHELL:
 
 # tools
 docker ?= docker
+curl ?= curl
+rsync ?= rsync
+ssh-keyscan ?= ssh-keyscan
 
 # environment variables
 env := $(shell echo $${ENVIRONMENT})
@@ -17,6 +20,9 @@ root_dir := $(shell git rev-parse --show-toplevel)
 # target addresses
 domain := $(shell echo $${DOMAIN})
 repo_url ?= 733019650473.dkr.ecr.eu-west-1.amazonaws.com
+docker_host := $(domain)
+docker_user := ubuntu
+ssh_url := $(docker_user)@$(docker_host)
 
 # stack configuration
 compose_stack_name := govtool-$(env)-$(cardano_network)
diff --git a/scripts/govtool/config.mk b/scripts/govtool/config.mk
new file mode 100644
index 000000000..45fb00880
--- /dev/null
+++ b/scripts/govtool/config.mk
@@ -0,0 +1,82 @@
+common_mk := ../../scripts/govtool/common.mk
+ifeq ($(origin $(common_mk)), undefined)
+  $(eval $(common_mk) := included)
+  include $(common_mk)
+endif
+
+# directory paths
+config_dir := $(root_dir)/scripts/govtool/config
+target_config_dir := $(config_dir)/target
+template_config_dir := $(config_dir)/templates
+cardano_node_config_dir := $(target_config_dir)/cardano-node
+dbsync_secrets_dir := $(target_config_dir)/dbsync-secrets
+grafana_provisioning_dir := $(target_config_dir)/grafana-provisioning
+nginx_config_dir := $(target_config_dir)/nginx
+
+# metadata
+cardano_config_provider := https://book.world.dev.cardano.org
+
+.PHONY: prepare-config
+prepare-config: clear enable-prometheus prepare-dbsync-secrets prepare-backend-config prepare-prometheus-config prepare-grafana-provisioning prepare-nginx-config
+
+.PHONY: clear
+clear:
+	rm -rf $(target_config_dir)
+
+.PHONY: fetch-cardano-node-config
+fetch-cardano-node-config:
+	@:$(call check_defined, cardano_network)
+	mkdir -p $(cardano_node_config_dir)
+	$(curl) -s "$(cardano_config_provider)/env-$(cardano_network).html" | \
+		grep -E -o '[a-z-]+\.json' | \
+		sort -u | \
+		xargs -I"{}" $(curl) -s "$(cardano_config_provider)/environments/$(cardano_network)/{}" -o "$(cardano_node_config_dir)/{}"
+
+.PHONY: enable-prometheus
+enable-prometheus: fetch-cardano-node-config
+	sed -i '/"hasPrometheus"/ { N; s/"127\.0\.0\.1"/"0.0.0.0"/ }' "$(cardano_node_config_dir)/config.json"
+
+.PHONY: prepare-dbsync-secrets
+prepare-dbsync-secrets:
+	mkdir -p $(dbsync_secrets_dir)
+	echo "$${DBSYNC_POSTGRES_USER}" > "$(dbsync_secrets_dir)/postgres_user"; \
+	echo "$${DBSYNC_POSTGRES_PASSWORD}" > "$(dbsync_secrets_dir)/postgres_password"; \
+	echo "$${DBSYNC_POSTGRES_DB}" > "$(dbsync_secrets_dir)/postgres_db"
+
+.PHONY: prepare-backend-config
+prepare-backend-config:
+	sed -e "s/DBSYNC_POSTGRES_DB/$${DBSYNC_POSTGRES_DB}/" \
+		-e "s/DBSYNC_POSTGRES_USER/$${DBSYNC_POSTGRES_USER}/" \
+		-e "s/DBSYNC_POSTGRES_PASSWORD/$${DBSYNC_POSTGRES_PASSWORD}/" \
+		-e "s|SENTRY_DSN|$${SENTRY_DSN_BACKEND}|" \
+		"$(config_dir)/templates/backend-config.json.tpl" \
+		> "$(target_config_dir)/backend-config.json"
+
+.PHONY: prepare-prometheus-config
+prepare-prometheus-config:
+	cp -a "$(template_config_dir)/prometheus.yml" "$(target_config_dir)/prometheus.yml"
+
+ PHONY: prepare-grafana-provisioning
+prepare-grafana-provisioning:
+	mkdir -p $(grafana_provisioning_dir)
+	cp -a $(template_config_dir)/grafana-provisioning/* $(grafana_provisioning_dir)
+	sed -e "s/GRAFANA_SLACK_RECIPIENT/$${GRAFANA_SLACK_RECIPIENT}/" \
+		-e "s|GRAFANA_SLACK_OAUTH_TOKEN|$${GRAFANA_SLACK_OAUTH_TOKEN}|" \
+		-i $(grafana_provisioning_dir)/alerting/alerting.yml
+
+.PHONY: prepare-nginx-config
+prepare-nginx-config:
+	@:$(call check_defined, domain)
+	mkdir -p $(nginx_config_dir)
+	touch "$(nginx_config_dir)/auth.conf"
+	touch "$(nginx_config_dir)/govtool.htpasswd"
+	if [[ "$(domain)" == *"sanchonet.govtool.byron.network"* ]]; then \
+	echo "$${NGINX_BASIC_AUTH}" > "$(nginx_config_dir)/govtool.htpasswd"; \
+	echo "auth_basic \"Restricted\";" > "$(nginx_config_dir)/auth.conf"; \
+	echo "auth_basic_user_file /etc/nginx/conf.d/govtool.htpasswd;" >> "$(nginx_config_dir)/auth.conf"; \
+	fi
+
+.PHONY: upload-config
+upload-config: check-env-defined prepare-config
+	@:$(call check_defined, ssh_url)
+	$(rsync) -av -e 'ssh -o StrictHostKeyChecking=no' config/target/. $(ssh_url):config
diff --git a/scripts/govtool/config/secrets/backend-config.json b/scripts/govtool/config/secrets/backend-config.json
deleted file mode 100644
index d60da33f1..000000000
--- a/scripts/govtool/config/secrets/backend-config.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-    "dbsyncconfig" : {
-        "host"     : "postgres",
-        "dbname"   : "cexplorer",
-        "user"     : "postgres",
-        "password" : "pSa8JCpQOACMUdGb",
-        "port"     : 5432
-      },
-    "fakedbsyncconfig" : {
-        "host"     : "postgres-fakedbsync",
-        "dbname"   : "govtool",
-        "user"     : "test",
-        "password" : "test",
-        "port"     : 5432
-    },
-    "port" : 9876,
-    "host" : "0.0.0.0"
-}
diff --git a/scripts/govtool/config/secrets/postgres_db b/scripts/govtool/config/secrets/postgres_db
deleted file mode 100644
index cdc4e3a7e..000000000
--- a/scripts/govtool/config/secrets/postgres_db
+++ /dev/null
@@ -1 +0,0 @@
-cexplorer
\ No newline at end of file
diff --git a/scripts/govtool/config/secrets/postgres_password b/scripts/govtool/config/secrets/postgres_password
deleted file mode 100644
index 1a27864b8..000000000
--- a/scripts/govtool/config/secrets/postgres_password
+++ /dev/null
@@ -1 +0,0 @@
-pSa8JCpQOACMUdGb
diff --git a/scripts/govtool/config/secrets/postgres_user b/scripts/govtool/config/secrets/postgres_user
deleted file mode 100644
index 7d72bd782..000000000
--- a/scripts/govtool/config/secrets/postgres_user
+++ /dev/null
@@ -1 +0,0 @@
-postgres
\ No newline at end of file
diff --git a/scripts/govtool/config/secrets/backend-config.json.tpl b/scripts/govtool/config/templates/backend-config.json.tpl
similarity index 100%
rename from scripts/govtool/config/secrets/backend-config.json.tpl
rename to scripts/govtool/config/templates/backend-config.json.tpl
diff --git a/scripts/govtool/config/grafana-provisioning/alerting/alerting.yml b/scripts/govtool/config/templates/grafana-provisioning/alerting/alerting.yml
similarity index 100%
rename from scripts/govtool/config/grafana-provisioning/alerting/alerting.yml
rename to scripts/govtool/config/templates/grafana-provisioning/alerting/alerting.yml
diff --git a/scripts/govtool/config/grafana-provisioning/dashboards/dashboard.yml b/scripts/govtool/config/templates/grafana-provisioning/dashboards/dashboard.yml
similarity index 100%
rename from scripts/govtool/config/grafana-provisioning/dashboards/dashboard.yml
rename to scripts/govtool/config/templates/grafana-provisioning/dashboards/dashboard.yml
diff --git a/scripts/govtool/config/grafana-provisioning/dashboards/govtool.json b/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json
similarity index 100%
rename from scripts/govtool/config/grafana-provisioning/dashboards/govtool.json
rename to scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json
diff --git a/scripts/govtool/config/grafana-provisioning/dashboards/traefik_rev4.json b/scripts/govtool/config/templates/grafana-provisioning/dashboards/traefik_rev4.json
similarity index 100%
rename from scripts/govtool/config/grafana-provisioning/dashboards/traefik_rev4.json
rename to scripts/govtool/config/templates/grafana-provisioning/dashboards/traefik_rev4.json
diff --git a/scripts/govtool/config/grafana-provisioning/datasources/datasource.yml b/scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml
similarity index 100%
rename from scripts/govtool/config/grafana-provisioning/datasources/datasource.yml
rename to scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml
diff --git a/scripts/govtool/config/templates/prometheus.yml b/scripts/govtool/config/templates/prometheus.yml
new file mode 100644
index 000000000..0d637f3f1
--- /dev/null
+++ b/scripts/govtool/config/templates/prometheus.yml
@@ -0,0 +1,23 @@
+global:
+  scrape_interval: 15s
+  evaluation_interval: 15s
+  external_labels:
+    monitor: 'govtool'
+scrape_configs:
+  - job_name: 'traefik'
+    scrape_interval: 5s
+    static_configs:
+      - targets: ['traefik:8082']
+  - job_name: 'cardano'
+    scrape_interval: 5s
+    static_configs:
+      - targets: ['cardano-node:12798']
+  - job_name: 'cardano_db_sync'
+    scrape_interval: 5s
+    metrics_path: /
+    static_configs:
+      - targets: ['cardano-db-sync:8080']
+  - job_name: 'host'
+    scrape_interval: 5s
+    static_configs:
+      - targets: ['host.docker.internal:9100']
diff --git a/scripts/govtool/info.mk b/scripts/govtool/info.mk
index da245e32f..741e457c4 100644
--- a/scripts/govtool/info.mk
+++ b/scripts/govtool/info.mk
@@ -28,7 +28,7 @@ notify:
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
 	$(curl) -X POST https://slack.com/api/chat.postMessage\
-		-H "Authorization: Bearer $(grafana_slack_oauth_token)" \
+		-H "Authorization: Bearer $${GRAFANA_SLACK_OAUTH_TOKEN}" \
 		-H "Content-Type: application/json; charset=utf-8" \
 		--data "{ \"channel\":\"$${GRAFANA_SLACK_RECIPIENT}\", \"text\":\":rocket: *Deploy performed on \`$(env)\`*\n- from *branch* \`$(branch)\` (\`$(commit)\`),\n- using *Cardano Node* version \`$(cardano_node_image_tag)\`,\n- using *Cardano DB Sync* version \`$(cardano_db_sync_image_tag)\`,\n- using *GovTool backend* version \`$(backend_image_tag)\`,\n- using *Govtool frontend* version \`$(frontend_image_tag)\`.\n$(pipeline_info)\" }"
 
diff --git a/scripts/govtool/prepare-config.sh b/scripts/govtool/prepare-config.sh
deleted file mode 100755
index 78ce75a9d..000000000
--- a/scripts/govtool/prepare-config.sh
+++ /dev/null
@@ -1,85 +0,0 @@
-#!/usr/bin/env bash
-
-set -eu pipefail
-
-repo_root_dir="$(git rev-parse --show-toplevel)"
-config_dir="$repo_root_dir/scripts/govtool/config"
-target_config_dir="$repo_root_dir/scripts/govtool/config/target"
-mkdir -p "$target_config_dir"
-
-# cardano node config
-cardano_node_config_dir="$target_config_dir/cardano-node"
-mkdir -p "$cardano_node_config_dir"
-for file in $(curl -s https://book.world.dev.cardano.org/env-"$CARDANO_NETWORK".html | grep -E -o '[a-z-]+\.json' | sort -u); do
-	curl -s "https://book.world.dev.cardano.org/environments/$CARDANO_NETWORK/$file" -o "$cardano_node_config_dir/$file"
-done
-# enable prometheus in node config
-sed -i '/"hasPrometheus"/ { N; s/"127\.0\.0\.1"/"0.0.0.0"/ }' "$cardano_node_config_dir/config.json"
-
-# dbsync secret files
-dbsync_secrets_dir="$target_config_dir/dbsync-secrets"
-mkdir -p "$dbsync_secrets_dir"
-echo "$DBSYNC_POSTGRES_USER" > "$dbsync_secrets_dir/postgres_user"
-echo "$DBSYNC_POSTGRES_PASSWORD" > "$dbsync_secrets_dir/postgres_password"
-echo "$DBSYNC_POSTGRES_DB" > "$dbsync_secrets_dir/postgres_db"
-
-# backend config file
-sed -e "s/DBSYNC_POSTGRES_DB/$DBSYNC_POSTGRES_DB/" \
-    -e "s/DBSYNC_POSTGRES_USER/$DBSYNC_POSTGRES_USER/" \
-    -e "s/DBSYNC_POSTGRES_PASSWORD/$DBSYNC_POSTGRES_PASSWORD/" \
-    -e "s|SENTRY_DSN|$SENTRY_DSN_BACKEND|" \
-    "$config_dir/secrets/backend-config.json.tpl" \
-    > "$target_config_dir/backend-config.json"
-
-# prometheus config file
-cat >"$target_config_dir/prometheus.yml" <<_EOF_
-global:
-  scrape_interval: 15s
-  evaluation_interval: 15s
-  external_labels:
-    monitor: 'govtool'
-scrape_configs:
-  - job_name: 'traefik'
-    scrape_interval: 5s
-    static_configs:
-      - targets: ['traefik:8082']
-  - job_name: 'cardano'
-    scrape_interval: 5s
-    static_configs:
-      - targets: ['cardano-node:12798']
-  - job_name: 'cardano_db_sync'
-    scrape_interval: 5s
-    metrics_path: /
-    static_configs:
-      - targets: ['cardano-db-sync:8080']
-  - job_name: 'host'
-    scrape_interval: 5s
-    static_configs:
-      - targets: ['host.docker.internal:9100']
-_EOF_
-
-# grafana provisioning dir
-grafana_provisioning_dir="$target_config_dir/grafana-provisioning"
-mkdir -p "$grafana_provisioning_dir"
-cp -a "$config_dir/grafana-provisioning/"* "$grafana_provisioning_dir"
-sed -e "s/GRAFANA_SLACK_RECIPIENT/$GRAFANA_SLACK_RECIPIENT/" \
-    -e "s|GRAFANA_SLACK_OAUTH_TOKEN|$GRAFANA_SLACK_OAUTH_TOKEN|" \
-    -i "$grafana_provisioning_dir/alerting/alerting.yml"
-
-# nginx config for frontend optional basic auth
-nginx_config_dir="$target_config_dir/nginx"
-rm -rf "$nginx_config_dir"
-mkdir -p "$nginx_config_dir"
-if [[ "$DOMAIN" == *"sanchonet.govtool.byron.network"* ]]; then
-  cat >"$nginx_config_dir/auth.conf" <<_EOF_
-auth_basic "Restricted";
-auth_basic_user_file /etc/nginx/conf.d/govtool.htpasswd;
-_EOF_
-  cat >"$nginx_config_dir/govtool.htpasswd" <<_EOF_
-$NGINX_BASIC_AUTH
-_EOF_
-else
-  # create empty files if no basic auth is needed
-  touch "$nginx_config_dir/auth.conf"
-  touch "$nginx_config_dir/govtool.htpasswd"
-fi
diff --git a/scripts/govtool/utils.mk b/scripts/govtool/utils.mk
index 37ccda6e6..3cb2bcc27 100644
--- a/scripts/govtool/utils.mk
+++ b/scripts/govtool/utils.mk
@@ -1,7 +1,5 @@
 .PHONY: ssh
 ssh:
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
 	export TERM=xterm-256color; \
 	ssh $(ssh_url)
 
@@ -9,12 +7,11 @@ ssh:
 docker:
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
-	@:$(call check_defined, grafana_admin_password)
 	@:$(call check_defined, cmd)
 	export CARDANO_NETWORK=$(cardano_network); \
 	export DOCKER_HOST=ssh://$(ssh_url); \
 	export ENVIRONMENT=$(env); \
-	export GRAFANA_ADMIN_PASSWORD=$(grafana_admin_password); \
+	export GRAFANA_ADMIN_PASSWORD=$${GRAFANA_ADMIN_PASSWORD}; \
 	export BACKEND_TAG=$(backend_image_tag); \
 	export FRONTEND_TAG=$(frontend_image_tag); \
 	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \

From 51119451275205f30def5049cc1d2e5edb997438 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 5 Mar 2024 09:54:13 +0100
Subject: [PATCH 021/109] [#385] Centralize Docker Compose configurations using
 a dynamic template

This commit streamlines the deployment process by consolidating the
Docker Compose configurations into a single template file, which is then
dynamically adjusted by the Makefile based on specific deployment
environments. This enhancement reduces redundancy and facilitates easier
management of environment-specific settings. The transition involves
updating the `Makefile` and `config.mk` to support the generation of
Docker Compose files from the template, as well as modifying the
`README.md` to align with the new configuration approach. This change
marks a significant improvement in the deployment workflow, making it
more efficient and maintainable.
---
 scripts/govtool/Makefile                      |   7 +-
 scripts/govtool/README.md                     |   4 +-
 scripts/govtool/config.mk                     |  16 +-
 .../templates/docker-compose.yml.tpl}         |  40 ++-
 scripts/govtool/docker-compose.dev.yml        | 233 ------------------
 scripts/govtool/docker-compose.staging.yml    | 233 ------------------
 scripts/govtool/docker-compose.test.yml       | 233 ------------------
 7 files changed, 37 insertions(+), 729 deletions(-)
 rename scripts/govtool/{docker-compose.beta.yml => config/templates/docker-compose.yml.tpl} (83%)
 delete mode 100644 scripts/govtool/docker-compose.dev.yml
 delete mode 100644 scripts/govtool/docker-compose.staging.yml
 delete mode 100644 scripts/govtool/docker-compose.test.yml

diff --git a/scripts/govtool/Makefile b/scripts/govtool/Makefile
index e20289a86..e88073db7 100644
--- a/scripts/govtool/Makefile
+++ b/scripts/govtool/Makefile
@@ -6,9 +6,6 @@ include config.mk
 
 .DEFAULT_GOAL := info
 
-# stack configuration
-docker_compose_file := docker-compose.$(env).yml
-
 # image tags
 cardano_node_image_tag := 8.8.0-pre
 cardano_db_sync_image_tag := sancho-4-0-0-fix-config
@@ -33,7 +30,7 @@ deploy-stack: upload-config push-backend push-frontend
 	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) up -d
 
 .PHONY: destroy-cardano-node-and-dbsync
-destroy-cardano-node-and-dbsync: check-env-defined
+destroy-cardano-node-and-dbsync: prepare-config
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
 	export CARDANO_NETWORK=$(cardano_network); \
@@ -51,7 +48,7 @@ destroy-cardano-node-and-dbsync: check-env-defined
 	$(docker) volume rm $${volumes}
 
 .PHONY: toggle-maintenance
-toggle-maintenance: check-env-defined
+toggle-maintenance: prepare-config
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
 	@:$(call check_defined, maintenance)
diff --git a/scripts/govtool/README.md b/scripts/govtool/README.md
index 56d2059b4..227a8955d 100644
--- a/scripts/govtool/README.md
+++ b/scripts/govtool/README.md
@@ -34,8 +34,8 @@ effectively. This includes configurations for:
 - Monitoring solutions with Prometheus and Grafana to ensure optimal performance
   and availability.
 
-Each environment has its own Docker Compose file, enabling tailored setups that
-meet specific requirements.
+Each environment has its own Docker Compose file, generated from the template,
+enabling tailored setups that meet specific requirements.
 
 ## Nix shell
 
diff --git a/scripts/govtool/config.mk b/scripts/govtool/config.mk
index 45fb00880..c808ec32f 100644
--- a/scripts/govtool/config.mk
+++ b/scripts/govtool/config.mk
@@ -12,16 +12,28 @@ cardano_node_config_dir := $(target_config_dir)/cardano-node
 dbsync_secrets_dir := $(target_config_dir)/dbsync-secrets
 grafana_provisioning_dir := $(target_config_dir)/grafana-provisioning
 nginx_config_dir := $(target_config_dir)/nginx
+docker_compose_file := $(target_config_dir)/docker-compose.yml
 
 # metadata
 cardano_config_provider := https://book.world.dev.cardano.org
 
 .PHONY: prepare-config
-prepare-config: clear enable-prometheus prepare-dbsync-secrets prepare-backend-config prepare-prometheus-config prepare-grafana-provisioning prepare-nginx-config
+prepare-config: clear generate-docker-compose-file enable-prometheus prepare-dbsync-secrets prepare-backend-config prepare-prometheus-config prepare-grafana-provisioning prepare-nginx-config
 
 .PHONY: clear
 clear:
 	rm -rf $(target_config_dir)
+	mkdir -p $(target_config_dir)
+
+.PHONY: generate-docker-compose-file
+generate-docker-compose-file: check-env-defined
+	if [[ "$(env)" == "dev" ]]; then CSP_ALLOWED_HOSTS=",http://localhost"; else CSP_ALLOWED_HOSTS=; fi; \
+	sed -e "s|<DOMAIN>|$(domain)|g" \
+		-e "s|<DOCKER_USER>|$(docker_user)|g" \
+		-e "s|<REPO_URL>|$(repo_url)|g" \
+		-e "s|<CSP_ALLOWED_HOSTS>|$${CSP_ALLOWED_HOSTS}|g" \
+		"$(template_config_dir)/docker-compose.yml.tpl" \
+		> "$(target_config_dir)/docker-compose.yml"
 
 .PHONY: fetch-cardano-node-config
 fetch-cardano-node-config:
@@ -56,7 +68,7 @@ prepare-backend-config:
 prepare-prometheus-config:
 	cp -a "$(template_config_dir)/prometheus.yml" "$(target_config_dir)/prometheus.yml"
 
- PHONY: prepare-grafana-provisioning
+.PHONY: prepare-grafana-provisioning
 prepare-grafana-provisioning:
 	mkdir -p $(grafana_provisioning_dir)
 	cp -a $(template_config_dir)/grafana-provisioning/* $(grafana_provisioning_dir)
diff --git a/scripts/govtool/docker-compose.beta.yml b/scripts/govtool/config/templates/docker-compose.yml.tpl
similarity index 83%
rename from scripts/govtool/docker-compose.beta.yml
rename to scripts/govtool/config/templates/docker-compose.yml.tpl
index aa036970d..83124a106 100644
--- a/scripts/govtool/docker-compose.beta.yml
+++ b/scripts/govtool/config/templates/docker-compose.yml.tpl
@@ -40,7 +40,7 @@ services:
     image: prom/prometheus:v2.47.1
     volumes:
       - prometheus-data:/prometheus
-      - /home/ubuntu/config/prometheus.yml:/etc/prometheus/prometheus.yml
+      - /home/<DOCKER_USER>/config/prometheus.yml:/etc/prometheus/prometheus.yml
     extra_hosts:
       - "host.docker.internal:host-gateway"
     restart: always
@@ -50,18 +50,18 @@ services:
     image: grafana/grafana:10.0.8
     volumes:
       - grafana-data:/var/lib/grafana
-      - /home/ubuntu/config/grafana-provisioning:/etc/grafana/provisioning
+      - /home/<DOCKER_USER>/config/grafana-provisioning:/etc/grafana/provisioning
     environment:
       - GF_SECURITY_ADMIN_PASSWORD=${GRAFANA_ADMIN_PASSWORD}
       - GF_USERS_ALLOW_SIGN_UP=false
       - GF_INSTALL_PLUGINS=grafana-piechart-panel
-      - GF_SERVER_ROOT_URL=https://sanchogov.tools/grafana/login
+      - GF_SERVER_ROOT_URL=https://<DOMAIN>/grafana
       - GF_SERVER_SERVE_FROM_SUB_PATH=true
     restart: always
     logging: *logging
     labels:
       - "traefik.enable=true"
-      - "traefik.http.routers.grafana.rule=Host(`sanchogov.tools`) && PathPrefix(`/grafana`)"
+      - "traefik.http.routers.grafana.rule=Host(`<DOMAIN>`) && PathPrefix(`/grafana`)"
       - "traefik.http.routers.grafana.entrypoints=websecure"
       - "traefik.http.routers.grafana.tls.certresolver=myresolver"
       - "traefik.http.services.grafana.loadbalancer.server.port=3000"
@@ -76,7 +76,7 @@ services:
     logging: *logging
     labels:
       - "traefik.enable=true"
-      - "traefik.http.routers.status-service.rule=Host(`sanchogov.tools`) && PathPrefix(`/status`)"
+      - "traefik.http.routers.status-service.rule=Host(`<DOMAIN>`) && PathPrefix(`/status`)"
       - "traefik.http.routers.status-service.entrypoints=websecure"
       - "traefik.http.routers.status-service.tls.certresolver=myresolver"
       - "traefik.http.services.status-service.loadbalancer.server.port=8000"
@@ -129,11 +129,11 @@ services:
       - "--disable-delayed-os-memory-return"
       - "-RTS"
     environment:
-      - NETWORK=${CARDANO_NETWORK:-sanchonet}
+      - NETWORK=${CARDANO_NETWORK}
     volumes:
       - node-db:/data/db
       - node-ipc:/ipc
-      - /home/ubuntu/config/cardano-node:/configuration
+      - /home/<DOCKER_USER>/config/cardano-node:/configuration
     restart: always
     healthcheck:
       test: ["CMD-SHELL", "curl -f 127.0.0.1:12788 || exit 1"]
@@ -145,12 +145,10 @@ services:
   cardano-db-sync:
     image: ghcr.io/intersectmbo/cardano-db-sync:${CARDANO_DB_SYNC_TAG}
     environment:
-      - NETWORK=${CARDANO_NETWORK:-sanchonet}
+      - NETWORK=${CARDANO_NETWORK}
       - POSTGRES_HOST=postgres
       - POSTGRES_PORT=5432
-      - RESTORE_SNAPSHOT=${RESTORE_SNAPSHOT:-}
       - RESTORE_RECREATE_DB=N
-      - EXTRA_DB_SYNC_ARGS=${EXTRA_DB_SYNC_ARGS:-}
     depends_on:
       cardano-node:
         condition: service_healthy
@@ -167,7 +165,7 @@ services:
     logging: *logging
 
   backend:
-    image: ${VVA_BE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/backend}:${BACKEND_TAG}
+    image: <REPO_URL>/backend:${BACKEND_TAG}
     command: /usr/local/bin/vva-be -c /run/secrets/backend-config.json start-app
     depends_on:
       cardano-node:
@@ -180,11 +178,11 @@ services:
     logging: *logging
     labels:
       - "traefik.enable=true"
-      - "traefik.http.routers.backend.rule=Host(`sanchogov.tools`) && PathPrefix(`/api`)"
+      - "traefik.http.routers.backend.rule=Host(`<DOMAIN>`) && PathPrefix(`/api`)"
       - "traefik.http.middlewares.backend-stripprefix.stripprefix.prefixes=/api"
       - "traefik.http.middlewares.backend-cors.headers.accesscontrolallowmethods=GET,HEAD,OPTIONS"
       - "traefik.http.middlewares.backend-cors.headers.accesscontrolallowheaders=*"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolalloworiginlist=https://sanchogov.tools"
+      - "traefik.http.middlewares.backend-cors.headers.accesscontrolalloworiginlist=https://<DOMAIN><CSP_ALLOWED_HOSTS>"
       - "traefik.http.middlewares.backend-cors.headers.accesscontrolmaxage=100"
       - "traefik.http.middlewares.backend-cors.headers.addvaryheader=true"
       - "traefik.http.routers.backend.middlewares=backend-stripprefix@docker,backend-cors@docker"
@@ -193,10 +191,10 @@ services:
       - "traefik.http.services.backend.loadbalancer.server.port=9876"
 
   frontend:
-    image: ${VVA_FE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/frontend}:${FRONTEND_TAG}
+    image: <REPO_URL>/frontend:${FRONTEND_TAG}
     volumes:
-      - /home/ubuntu/config/nginx/auth.conf:/etc/nginx/conf.d/auth.conf
-      - /home/ubuntu/config/nginx/govtool.htpasswd:/etc/nginx/conf.d/govtool.htpasswd
+      - /home/<DOCKER_USER>/config/nginx/auth.conf:/etc/nginx/conf.d/auth.conf
+      - /home/<DOCKER_USER>/config/nginx/govtool.htpasswd:/etc/nginx/conf.d/govtool.htpasswd
     depends_on:
       cardano-node:
         condition: service_healthy
@@ -206,7 +204,7 @@ services:
     logging: *logging
     labels:
       - "traefik.enable=true"
-      - "traefik.http.routers.frontend.rule=Host(`sanchogov.tools`)"
+      - "traefik.http.routers.frontend.rule=Host(`<DOMAIN>`)"
       - "traefik.http.routers.frontend.entrypoints=websecure"
       - "traefik.http.routers.frontend.tls.certresolver=myresolver"
       - "traefik.http.middlewares.frontend-csp.headers.contentSecurityPolicy=default-src 'self'; img-src *.usersnap.com 'self' data:; script-src *.usersnap.com 'self' 'unsafe-inline' https://www.googletagmanager.com https://browser.sentry-cdn.com; style-src *.usersnap.com *.googleapis.com 'self' 'unsafe-inline' https://fonts.googleapis.com; connect-src *.usersnap.com https://s3.eu-central-1.amazonaws.com/upload.usersnap.com 'self' o4506155985141760.ingest.sentry.io *.google-analytics.com; font-src *.usersnap.com *.gstatic.com 'self' 'unsafe-inline' https://fonts.gstatic.com; worker-src blob:"
@@ -215,13 +213,13 @@ services:
 
 secrets:
   postgres_db:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_db
+    file: /home/<DOCKER_USER>/config/dbsync-secrets/postgres_db
   postgres_password:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_password
+    file: /home/<DOCKER_USER>/config/dbsync-secrets/postgres_password
   postgres_user:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_user
+    file: /home/<DOCKER_USER>/config/dbsync-secrets/postgres_user
   backend-config.json:
-    file: /home/ubuntu/config/backend-config.json
+    file: /home/<DOCKER_USER>/config/backend-config.json
 
 volumes:
   letsencrypt:
diff --git a/scripts/govtool/docker-compose.dev.yml b/scripts/govtool/docker-compose.dev.yml
deleted file mode 100644
index e938195ac..000000000
--- a/scripts/govtool/docker-compose.dev.yml
+++ /dev/null
@@ -1,233 +0,0 @@
-version: "3.9"
-
-services:
-  traefik:
-    image: traefik:v2.10
-    command:
-      - "--providers.docker=true"
-      - "--providers.docker.exposedbydefault=false"
-      - "--entrypoints.web.address=:80"
-      - "--entrypoints.websecure.address=:443"
-      - "--certificatesresolvers.myresolver.acme.httpchallenge=true"
-      - "--certificatesresolvers.myresolver.acme.httpchallenge.entrypoint=web"
-      - "--certificatesresolvers.myresolver.acme.email=${TRAEFIK_LE_EMAIL}"
-      - "--certificatesresolvers.myresolver.acme.storage=/letsencrypt/acme.json"
-      - "--log.level=DEBUG"
-      - "--entryPoints.metrics.address=:8082"
-      - "--metrics.prometheus=true"
-      - "--metrics.prometheus.entryPoint=metrics"
-      - "--metrics.prometheus.buckets=0.1,0.3,1.2,5.0"
-    ports:
-      - 80:80
-      - 443:443
-    volumes:
-      - letsencrypt:/letsencrypt
-      - "/var/run/docker.sock:/var/run/docker.sock:ro"
-    restart: always
-    logging: &logging
-      driver: "json-file"
-      options:
-        max-size: "200k"
-        max-file: "10"
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.middlewares.redirect-to-https.redirectscheme.scheme=https"
-      - "traefik.http.routers.http-catchall.rule=hostregexp(`{host:.+}`)"
-      - "traefik.http.routers.http-catchall.entrypoints=web"
-      - "traefik.http.routers.http-catchall.middlewares=redirect-to-https"
-
-  prometheus:
-    image: prom/prometheus:v2.47.1
-    volumes:
-      - prometheus-data:/prometheus
-      - /home/ubuntu/config/prometheus.yml:/etc/prometheus/prometheus.yml
-    extra_hosts:
-      - "host.docker.internal:host-gateway"
-    restart: always
-    logging: *logging
-
-  grafana:
-    image: grafana/grafana:10.0.8
-    volumes:
-      - grafana-data:/var/lib/grafana
-      - /home/ubuntu/config/grafana-provisioning:/etc/grafana/provisioning
-    environment:
-      - GF_SECURITY_ADMIN_PASSWORD=${GRAFANA_ADMIN_PASSWORD}
-      - GF_USERS_ALLOW_SIGN_UP=false
-      - GF_INSTALL_PLUGINS=grafana-piechart-panel
-      - GF_SERVER_ROOT_URL=https://dev-sanchonet.govtool.byron.network/grafana
-      - GF_SERVER_SERVE_FROM_SUB_PATH=true
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.grafana.rule=Host(`dev-sanchonet.govtool.byron.network`) && PathPrefix(`/grafana`)"
-      - "traefik.http.routers.grafana.entrypoints=websecure"
-      - "traefik.http.routers.grafana.tls.certresolver=myresolver"
-      - "traefik.http.services.grafana.loadbalancer.server.port=3000"
-
-  status-service:
-    build:
-      context: ../../govtool/status-service
-    environment:
-      - GRAFANA_USERNAME=admin
-      - GRAFANA_PASSWORD=${GRAFANA_ADMIN_PASSWORD}
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.status-service.rule=Host(`dev-sanchonet.govtool.byron.network`) && PathPrefix(`/status`)"
-      - "traefik.http.routers.status-service.entrypoints=websecure"
-      - "traefik.http.routers.status-service.tls.certresolver=myresolver"
-      - "traefik.http.services.status-service.loadbalancer.server.port=8000"
-
-  postgres:
-    image: postgres:15-alpine
-    environment:
-      - POSTGRES_LOGGING=true
-      - POSTGRES_DB_FILE=/run/secrets/postgres_db
-      - POSTGRES_PASSWORD_FILE=/run/secrets/postgres_password
-      - POSTGRES_USER_FILE=/run/secrets/postgres_user
-    secrets:
-      - postgres_password
-      - postgres_user
-      - postgres_db
-    volumes:
-      - postgres:/var/lib/postgresql/data
-    restart: always
-    healthcheck:
-      test: ["CMD-SHELL", "pg_isready -U postgres"]
-      interval: 10s
-      timeout: 5s
-      retries: 5
-    command: ${POSTGRES_ARGS:--c maintenance_work_mem=1GB -c max_parallel_maintenance_workers=4}
-    logging: *logging
-
-  cardano-node:
-    image: ghcr.io/intersectmbo/cardano-node:${CARDANO_NODE_TAG}
-    entrypoint:
-      - "cardano-node"
-      - "run"
-      - "--topology"
-      - "/configuration/topology.json"
-      - "--database-path"
-      - "/data/db"
-      - "--socket-path"
-      - "/ipc/node.socket"
-      - "--host-addr"
-      - "0.0.0.0"
-      - "--port"
-      - "3001"
-      - "--config"
-      - "/configuration/config.json"
-      - "+RTS"
-      - "-N2"
-      - "-I0"
-      - "-A16m"
-      - "-qg"
-      - "-qb"
-      - "--disable-delayed-os-memory-return"
-      - "-RTS"
-    environment:
-      - NETWORK=${CARDANO_NETWORK:-sanchonet}
-    volumes:
-      - node-db:/data/db
-      - node-ipc:/ipc
-      - /home/ubuntu/config/cardano-node:/configuration
-    restart: always
-    healthcheck:
-      test: ["CMD-SHELL", "curl -f 127.0.0.1:12788 || exit 1"]
-      interval: 60s
-      timeout: 10s
-      retries: 5
-    logging: *logging
-
-  cardano-db-sync:
-    image: ghcr.io/intersectmbo/cardano-db-sync:${CARDANO_DB_SYNC_TAG}
-    environment:
-      - NETWORK=${CARDANO_NETWORK:-sanchonet}
-      - POSTGRES_HOST=postgres
-      - POSTGRES_PORT=5432
-      - RESTORE_SNAPSHOT=${RESTORE_SNAPSHOT:-}
-      - RESTORE_RECREATE_DB=N
-      - EXTRA_DB_SYNC_ARGS=${EXTRA_DB_SYNC_ARGS:-}
-    depends_on:
-      cardano-node:
-        condition: service_healthy
-      postgres:
-        condition: service_healthy
-    secrets:
-      - postgres_password
-      - postgres_user
-      - postgres_db
-    volumes:
-      - db-sync-data:/var/lib/cexplorer
-      - node-ipc:/node-ipc
-    restart: always
-    logging: *logging
-
-  backend:
-    image: ${VVA_BE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/backend}:${BACKEND_TAG}
-    command: /usr/local/bin/vva-be -c /run/secrets/backend-config.json start-app
-    depends_on:
-      cardano-node:
-        condition: service_healthy
-      postgres:
-        condition: service_healthy
-    secrets:
-      - backend-config.json
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.backend.rule=Host(`dev-sanchonet.govtool.byron.network`) && PathPrefix(`/api`)"
-      - "traefik.http.middlewares.backend-stripprefix.stripprefix.prefixes=/api"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolallowmethods=GET,HEAD,OPTIONS"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolallowheaders=*"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolalloworiginlist=https://dev-sanchonet.govtool.byron.network,http://localhost"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolmaxage=100"
-      - "traefik.http.middlewares.backend-cors.headers.addvaryheader=true"
-      - "traefik.http.routers.backend.middlewares=backend-stripprefix@docker,backend-cors@docker"
-      - "traefik.http.routers.backend.entrypoints=websecure"
-      - "traefik.http.routers.backend.tls.certresolver=myresolver"
-      - "traefik.http.services.backend.loadbalancer.server.port=9876"
-
-  frontend:
-    image: ${VVA_FE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/frontend}:${FRONTEND_TAG}
-    volumes:
-      - /home/ubuntu/config/nginx/auth.conf:/etc/nginx/conf.d/auth.conf
-      - /home/ubuntu/config/nginx/govtool.htpasswd:/etc/nginx/conf.d/govtool.htpasswd
-    depends_on:
-      cardano-node:
-        condition: service_healthy
-      postgres:
-        condition: service_healthy
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.frontend.rule=Host(`dev-sanchonet.govtool.byron.network`)"
-      - "traefik.http.routers.frontend.entrypoints=websecure"
-      - "traefik.http.routers.frontend.tls.certresolver=myresolver"
-      - "traefik.http.middlewares.frontend-csp.headers.contentSecurityPolicy=default-src 'self'; img-src *.usersnap.com 'self' data:; script-src *.usersnap.com 'self' 'unsafe-inline' https://www.googletagmanager.com https://browser.sentry-cdn.com; style-src *.usersnap.com *.googleapis.com 'self' 'unsafe-inline' https://fonts.googleapis.com; connect-src *.usersnap.com https://s3.eu-central-1.amazonaws.com/upload.usersnap.com 'self' o4506155985141760.ingest.sentry.io *.google-analytics.com; font-src *.usersnap.com *.gstatic.com 'self' 'unsafe-inline' https://fonts.gstatic.com; worker-src blob:"
-      - "traefik.http.routers.frontend.middlewares=frontend-csp@docker"
-      - "traefik.http.services.frontend.loadbalancer.server.port=80"
-
-secrets:
-  postgres_db:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_db
-  postgres_password:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_password
-  postgres_user:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_user
-  backend-config.json:
-    file: /home/ubuntu/config/backend-config.json
-
-volumes:
-  letsencrypt:
-  db-sync-data:
-  grafana-data:
-  postgres:
-  prometheus-data:
-  node-db:
-  node-ipc:
diff --git a/scripts/govtool/docker-compose.staging.yml b/scripts/govtool/docker-compose.staging.yml
deleted file mode 100644
index 1aada972e..000000000
--- a/scripts/govtool/docker-compose.staging.yml
+++ /dev/null
@@ -1,233 +0,0 @@
-version: "3.9"
-
-services:
-  traefik:
-    image: traefik:v2.10
-    command:
-      - "--providers.docker=true"
-      - "--providers.docker.exposedbydefault=false"
-      - "--entrypoints.web.address=:80"
-      - "--entrypoints.websecure.address=:443"
-      - "--certificatesresolvers.myresolver.acme.httpchallenge=true"
-      - "--certificatesresolvers.myresolver.acme.httpchallenge.entrypoint=web"
-      - "--certificatesresolvers.myresolver.acme.email=${TRAEFIK_LE_EMAIL}"
-      - "--certificatesresolvers.myresolver.acme.storage=/letsencrypt/acme.json"
-      - "--log.level=DEBUG"
-      - "--entryPoints.metrics.address=:8082"
-      - "--metrics.prometheus=true"
-      - "--metrics.prometheus.entryPoint=metrics"
-      - "--metrics.prometheus.buckets=0.1,0.3,1.2,5.0"
-    ports:
-      - 80:80
-      - 443:443
-    volumes:
-      - letsencrypt:/letsencrypt
-      - "/var/run/docker.sock:/var/run/docker.sock:ro"
-    restart: always
-    logging: &logging
-      driver: "json-file"
-      options:
-        max-size: "200k"
-        max-file: "10"
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.middlewares.redirect-to-https.redirectscheme.scheme=https"
-      - "traefik.http.routers.http-catchall.rule=hostregexp(`{host:.+}`)"
-      - "traefik.http.routers.http-catchall.entrypoints=web"
-      - "traefik.http.routers.http-catchall.middlewares=redirect-to-https"
-
-  prometheus:
-    image: prom/prometheus:v2.47.1
-    volumes:
-      - prometheus-data:/prometheus
-      - /home/ubuntu/config/prometheus.yml:/etc/prometheus/prometheus.yml
-    extra_hosts:
-      - "host.docker.internal:host-gateway"
-    restart: always
-    logging: *logging
-
-  grafana:
-    image: grafana/grafana:10.0.8
-    volumes:
-      - grafana-data:/var/lib/grafana
-      - /home/ubuntu/config/grafana-provisioning:/etc/grafana/provisioning
-    environment:
-      - GF_SECURITY_ADMIN_PASSWORD=${GRAFANA_ADMIN_PASSWORD}
-      - GF_USERS_ALLOW_SIGN_UP=false
-      - GF_INSTALL_PLUGINS=grafana-piechart-panel
-      - GF_SERVER_ROOT_URL=https://staging.govtool.byron.network/grafana
-      - GF_SERVER_SERVE_FROM_SUB_PATH=true
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.grafana.rule=Host(`staging.govtool.byron.network`) && PathPrefix(`/grafana`)"
-      - "traefik.http.routers.grafana.entrypoints=websecure"
-      - "traefik.http.routers.grafana.tls.certresolver=myresolver"
-      - "traefik.http.services.grafana.loadbalancer.server.port=3000"
-
-  status-service:
-    build:
-      context: ../../govtool/status-service
-    environment:
-      - GRAFANA_USERNAME=admin
-      - GRAFANA_PASSWORD=${GRAFANA_ADMIN_PASSWORD}
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.status-service.rule=Host(`staging.govtool.byron.network`) && PathPrefix(`/status`)"
-      - "traefik.http.routers.status-service.entrypoints=websecure"
-      - "traefik.http.routers.status-service.tls.certresolver=myresolver"
-      - "traefik.http.services.status-service.loadbalancer.server.port=8000"
-
-  postgres:
-    image: postgres:15-alpine
-    environment:
-      - POSTGRES_LOGGING=true
-      - POSTGRES_DB_FILE=/run/secrets/postgres_db
-      - POSTGRES_PASSWORD_FILE=/run/secrets/postgres_password
-      - POSTGRES_USER_FILE=/run/secrets/postgres_user
-    secrets:
-      - postgres_password
-      - postgres_user
-      - postgres_db
-    volumes:
-      - postgres:/var/lib/postgresql/data
-    restart: always
-    healthcheck:
-      test: ["CMD-SHELL", "pg_isready -U postgres"]
-      interval: 10s
-      timeout: 5s
-      retries: 5
-    command: ${POSTGRES_ARGS:--c maintenance_work_mem=1GB -c max_parallel_maintenance_workers=4}
-    logging: *logging
-
-  cardano-node:
-    image: ghcr.io/intersectmbo/cardano-node:${CARDANO_NODE_TAG}
-    entrypoint:
-      - "cardano-node"
-      - "run"
-      - "--topology"
-      - "/configuration/topology.json"
-      - "--database-path"
-      - "/data/db"
-      - "--socket-path"
-      - "/ipc/node.socket"
-      - "--host-addr"
-      - "0.0.0.0"
-      - "--port"
-      - "3001"
-      - "--config"
-      - "/configuration/config.json"
-      - "+RTS"
-      - "-N2"
-      - "-I0"
-      - "-A16m"
-      - "-qg"
-      - "-qb"
-      - "--disable-delayed-os-memory-return"
-      - "-RTS"
-    environment:
-      - NETWORK=${CARDANO_NETWORK:-sanchonet}
-    volumes:
-      - node-db:/data/db
-      - node-ipc:/ipc
-      - /home/ubuntu/config/cardano-node:/configuration
-    restart: always
-    healthcheck:
-      test: ["CMD-SHELL", "curl -f 127.0.0.1:12788 || exit 1"]
-      interval: 60s
-      timeout: 10s
-      retries: 5
-    logging: *logging
-
-  cardano-db-sync:
-    image: ghcr.io/intersectmbo/cardano-db-sync:${CARDANO_DB_SYNC_TAG}
-    environment:
-      - NETWORK=${CARDANO_NETWORK:-sanchonet}
-      - POSTGRES_HOST=postgres
-      - POSTGRES_PORT=5432
-      - RESTORE_SNAPSHOT=${RESTORE_SNAPSHOT:-}
-      - RESTORE_RECREATE_DB=N
-      - EXTRA_DB_SYNC_ARGS=${EXTRA_DB_SYNC_ARGS:-}
-    depends_on:
-      cardano-node:
-        condition: service_healthy
-      postgres:
-        condition: service_healthy
-    secrets:
-      - postgres_password
-      - postgres_user
-      - postgres_db
-    volumes:
-      - db-sync-data:/var/lib/cexplorer
-      - node-ipc:/node-ipc
-    restart: always
-    logging: *logging
-
-  backend:
-    image: ${VVA_BE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/backend}:${BACKEND_TAG}
-    command: /usr/local/bin/vva-be -c /run/secrets/backend-config.json start-app
-    depends_on:
-      cardano-node:
-        condition: service_healthy
-      postgres:
-        condition: service_healthy
-    secrets:
-      - backend-config.json
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.backend.rule=Host(`staging.govtool.byron.network`) && PathPrefix(`/api`)"
-      - "traefik.http.middlewares.backend-stripprefix.stripprefix.prefixes=/api"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolallowmethods=GET,HEAD,OPTIONS"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolallowheaders=*"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolalloworiginlist=https://staging.govtool.byron.network"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolmaxage=100"
-      - "traefik.http.middlewares.backend-cors.headers.addvaryheader=true"
-      - "traefik.http.routers.backend.middlewares=backend-stripprefix@docker,backend-cors@docker"
-      - "traefik.http.routers.backend.entrypoints=websecure"
-      - "traefik.http.routers.backend.tls.certresolver=myresolver"
-      - "traefik.http.services.backend.loadbalancer.server.port=9876"
-
-  frontend:
-    image: ${VVA_FE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/frontend}:${FRONTEND_TAG}
-    volumes:
-      - /home/ubuntu/config/nginx/auth.conf:/etc/nginx/conf.d/auth.conf
-      - /home/ubuntu/config/nginx/govtool.htpasswd:/etc/nginx/conf.d/govtool.htpasswd
-    depends_on:
-      cardano-node:
-        condition: service_healthy
-      postgres:
-        condition: service_healthy
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.frontend.rule=Host(`staging.govtool.byron.network`)"
-      - "traefik.http.routers.frontend.entrypoints=websecure"
-      - "traefik.http.routers.frontend.tls.certresolver=myresolver"
-      - "traefik.http.middlewares.frontend-csp.headers.contentSecurityPolicy=default-src 'self'; img-src *.usersnap.com 'self' data:; script-src *.usersnap.com 'self' 'unsafe-inline' https://www.googletagmanager.com https://browser.sentry-cdn.com; style-src *.usersnap.com *.googleapis.com 'self' 'unsafe-inline' https://fonts.googleapis.com; connect-src *.usersnap.com https://s3.eu-central-1.amazonaws.com/upload.usersnap.com 'self' o4506155985141760.ingest.sentry.io *.google-analytics.com; font-src *.usersnap.com *.gstatic.com 'self' 'unsafe-inline' https://fonts.gstatic.com; worker-src blob:"
-      - "traefik.http.routers.frontend.middlewares=frontend-csp@docker"
-      - "traefik.http.services.frontend.loadbalancer.server.port=80"
-
-secrets:
-  postgres_db:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_db
-  postgres_password:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_password
-  postgres_user:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_user
-  backend-config.json:
-    file: /home/ubuntu/config/backend-config.json
-
-volumes:
-  letsencrypt:
-  db-sync-data:
-  grafana-data:
-  postgres:
-  prometheus-data:
-  node-db:
-  node-ipc:
diff --git a/scripts/govtool/docker-compose.test.yml b/scripts/govtool/docker-compose.test.yml
deleted file mode 100644
index bac614c18..000000000
--- a/scripts/govtool/docker-compose.test.yml
+++ /dev/null
@@ -1,233 +0,0 @@
-version: "3.9"
-
-services:
-  traefik:
-    image: traefik:v2.10
-    command:
-      - "--providers.docker=true"
-      - "--providers.docker.exposedbydefault=false"
-      - "--entrypoints.web.address=:80"
-      - "--entrypoints.websecure.address=:443"
-      - "--certificatesresolvers.myresolver.acme.httpchallenge=true"
-      - "--certificatesresolvers.myresolver.acme.httpchallenge.entrypoint=web"
-      - "--certificatesresolvers.myresolver.acme.email=${TRAEFIK_LE_EMAIL}"
-      - "--certificatesresolvers.myresolver.acme.storage=/letsencrypt/acme.json"
-      - "--log.level=DEBUG"
-      - "--entryPoints.metrics.address=:8082"
-      - "--metrics.prometheus=true"
-      - "--metrics.prometheus.entryPoint=metrics"
-      - "--metrics.prometheus.buckets=0.1,0.3,1.2,5.0"
-    ports:
-      - 80:80
-      - 443:443
-    volumes:
-      - letsencrypt:/letsencrypt
-      - "/var/run/docker.sock:/var/run/docker.sock:ro"
-    restart: always
-    logging: &logging
-      driver: "json-file"
-      options:
-        max-size: "200k"
-        max-file: "10"
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.middlewares.redirect-to-https.redirectscheme.scheme=https"
-      - "traefik.http.routers.http-catchall.rule=hostregexp(`{host:.+}`)"
-      - "traefik.http.routers.http-catchall.entrypoints=web"
-      - "traefik.http.routers.http-catchall.middlewares=redirect-to-https"
-
-  prometheus:
-    image: prom/prometheus:v2.47.1
-    volumes:
-      - prometheus-data:/prometheus
-      - /home/ubuntu/config/prometheus.yml:/etc/prometheus/prometheus.yml
-    extra_hosts:
-      - "host.docker.internal:host-gateway"
-    restart: always
-    logging: *logging
-
-  grafana:
-    image: grafana/grafana:10.0.8
-    volumes:
-      - grafana-data:/var/lib/grafana
-      - /home/ubuntu/config/grafana-provisioning:/etc/grafana/provisioning
-    environment:
-      - GF_SECURITY_ADMIN_PASSWORD=${GRAFANA_ADMIN_PASSWORD}
-      - GF_USERS_ALLOW_SIGN_UP=false
-      - GF_INSTALL_PLUGINS=grafana-piechart-panel
-      - GF_SERVER_ROOT_URL=https://test-sanchonet.govtool.byron.network/grafana
-      - GF_SERVER_SERVE_FROM_SUB_PATH=true
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.grafana.rule=Host(`test-sanchonet.govtool.byron.network`) && PathPrefix(`/grafana`)"
-      - "traefik.http.routers.grafana.entrypoints=websecure"
-      - "traefik.http.routers.grafana.tls.certresolver=myresolver"
-      - "traefik.http.services.grafana.loadbalancer.server.port=3000"
-
-  status-service:
-    build:
-      context: ../../govtool/status-service
-    environment:
-      - GRAFANA_USERNAME=admin
-      - GRAFANA_PASSWORD=${GRAFANA_ADMIN_PASSWORD}
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.status-service.rule=Host(`test-sanchonet.govtool.byron.network`) && PathPrefix(`/status`)"
-      - "traefik.http.routers.status-service.entrypoints=websecure"
-      - "traefik.http.routers.status-service.tls.certresolver=myresolver"
-      - "traefik.http.services.status-service.loadbalancer.server.port=8000"
-
-  postgres:
-    image: postgres:15-alpine
-    environment:
-      - POSTGRES_LOGGING=true
-      - POSTGRES_DB_FILE=/run/secrets/postgres_db
-      - POSTGRES_PASSWORD_FILE=/run/secrets/postgres_password
-      - POSTGRES_USER_FILE=/run/secrets/postgres_user
-    secrets:
-      - postgres_password
-      - postgres_user
-      - postgres_db
-    volumes:
-      - postgres:/var/lib/postgresql/data
-    restart: always
-    healthcheck:
-      test: ["CMD-SHELL", "pg_isready -U postgres"]
-      interval: 10s
-      timeout: 5s
-      retries: 5
-    command: ${POSTGRES_ARGS:--c maintenance_work_mem=1GB -c max_parallel_maintenance_workers=4}
-    logging: *logging
-
-  cardano-node:
-    image: ghcr.io/intersectmbo/cardano-node:${CARDANO_NODE_TAG}
-    entrypoint:
-      - "cardano-node"
-      - "run"
-      - "--topology"
-      - "/configuration/topology.json"
-      - "--database-path"
-      - "/data/db"
-      - "--socket-path"
-      - "/ipc/node.socket"
-      - "--host-addr"
-      - "0.0.0.0"
-      - "--port"
-      - "3001"
-      - "--config"
-      - "/configuration/config.json"
-      - "+RTS"
-      - "-N2"
-      - "-I0"
-      - "-A16m"
-      - "-qg"
-      - "-qb"
-      - "--disable-delayed-os-memory-return"
-      - "-RTS"
-    environment:
-      - NETWORK=${CARDANO_NETWORK:-sanchonet}
-    volumes:
-      - node-db:/data/db
-      - node-ipc:/ipc
-      - /home/ubuntu/config/cardano-node:/configuration
-    restart: always
-    healthcheck:
-      test: ["CMD-SHELL", "curl -f 127.0.0.1:12788 || exit 1"]
-      interval: 60s
-      timeout: 10s
-      retries: 5
-    logging: *logging
-
-  cardano-db-sync:
-    image: ghcr.io/intersectmbo/cardano-db-sync:${CARDANO_DB_SYNC_TAG}
-    environment:
-      - NETWORK=${CARDANO_NETWORK:-sanchonet}
-      - POSTGRES_HOST=postgres
-      - POSTGRES_PORT=5432
-      - RESTORE_SNAPSHOT=${RESTORE_SNAPSHOT:-}
-      - RESTORE_RECREATE_DB=N
-      - EXTRA_DB_SYNC_ARGS=${EXTRA_DB_SYNC_ARGS:-}
-    depends_on:
-      cardano-node:
-        condition: service_healthy
-      postgres:
-        condition: service_healthy
-    secrets:
-      - postgres_password
-      - postgres_user
-      - postgres_db
-    volumes:
-      - db-sync-data:/var/lib/cexplorer
-      - node-ipc:/node-ipc
-    restart: always
-    logging: *logging
-
-  backend:
-    image: ${VVA_BE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/backend}:${BACKEND_TAG}
-    command: /usr/local/bin/vva-be -c /run/secrets/backend-config.json start-app
-    depends_on:
-      cardano-node:
-        condition: service_healthy
-      postgres:
-        condition: service_healthy
-    secrets:
-      - backend-config.json
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.backend.rule=Host(`test-sanchonet.govtool.byron.network`) && PathPrefix(`/api`)"
-      - "traefik.http.middlewares.backend-stripprefix.stripprefix.prefixes=/api"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolallowmethods=GET,HEAD,OPTIONS"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolallowheaders=*"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolalloworiginlist=https://test-sanchonet.govtool.byron.network"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolmaxage=100"
-      - "traefik.http.middlewares.backend-cors.headers.addvaryheader=true"
-      - "traefik.http.routers.backend.middlewares=backend-stripprefix@docker,backend-cors@docker"
-      - "traefik.http.routers.backend.entrypoints=websecure"
-      - "traefik.http.routers.backend.tls.certresolver=myresolver"
-      - "traefik.http.services.backend.loadbalancer.server.port=9876"
-
-  frontend:
-    image: ${VVA_FE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/frontend}:${FRONTEND_TAG}
-    volumes:
-      - /home/ubuntu/config/nginx/auth.conf:/etc/nginx/conf.d/auth.conf
-      - /home/ubuntu/config/nginx/govtool.htpasswd:/etc/nginx/conf.d/govtool.htpasswd
-    depends_on:
-      cardano-node:
-        condition: service_healthy
-      postgres:
-        condition: service_healthy
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.frontend.rule=Host(`test-sanchonet.govtool.byron.network`)"
-      - "traefik.http.routers.frontend.entrypoints=websecure"
-      - "traefik.http.routers.frontend.tls.certresolver=myresolver"
-      - "traefik.http.middlewares.frontend-csp.headers.contentSecurityPolicy=default-src 'self'; img-src *.usersnap.com 'self' data:; script-src *.usersnap.com 'self' 'unsafe-inline' https://www.googletagmanager.com https://browser.sentry-cdn.com; style-src *.usersnap.com *.googleapis.com 'self' 'unsafe-inline' https://fonts.googleapis.com; connect-src *.usersnap.com https://s3.eu-central-1.amazonaws.com/upload.usersnap.com 'self' o4506155985141760.ingest.sentry.io *.google-analytics.com; font-src *.usersnap.com *.gstatic.com 'self' 'unsafe-inline' https://fonts.gstatic.com; worker-src blob:"
-      - "traefik.http.routers.frontend.middlewares=frontend-csp@docker"
-      - "traefik.http.services.frontend.loadbalancer.server.port=80"
-
-secrets:
-  postgres_db:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_db
-  postgres_password:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_password
-  postgres_user:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_user
-  backend-config.json:
-    file: /home/ubuntu/config/backend-config.json
-
-volumes:
-  letsencrypt:
-  db-sync-data:
-  grafana-data:
-  postgres:
-  prometheus-data:
-  node-db:
-  node-ipc:

From d72aba62c54e422737a00cd20fbb85d4a81b1a04 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 5 Mar 2024 10:42:10 +0100
Subject: [PATCH 022/109] Update CHANGELOG.md with Docker tagging policy and
 Makefile reorganisation

This commit updates the CHANGELOG.md to reflect two significant improvements:
- The adoption of a unified policy for tagging Docker images, addressing
  issue 320. This change ensures consistency in how Docker images are
  tagged across the project, facilitating easier management and deployment
  of images.
- The reorganisation of deployment Makefiles as part of issue 385. This
  enhancement aims at better documenting the deployment process and
  simplifying the management of deployment scripts. The new structure of
  Makefiles contributes to a more streamlined and understandable
  deployment process.

These updates are part of ongoing efforts to enhance the deployment
process by refining project documentation and operational scripts.
---
 CHANGELOG.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e3d5d4601..1e0a7fe34 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -46,6 +46,8 @@ changes.
 - Adjusted Nix configuration to meet projects needs [Issue 187](https://github.com/IntersectMBO/govtool/issues/187).
 - Integrated OAuth to securely notify about deployment status in Slack [Issue 194](https://github.com/IntersectMBO/govtool/issues/194).
 - Streamlined the application build and deployment process, thereby accelerating continuous delivery (CD) and reducing the resource burden [Issue 246](https://github.com/IntersectMBO/govtool/issues/246).
+- Applied unified policy on Docker images tagging [Issue 320](https://github.com/IntersectMBO/govtool/issues/320).
+- Reorganised deployment Makefiles in order to better document the process and easier management [Issue 385](https://github.com/IntersectMBO/govtool/issues/385).
 
 ### Removed
 -

From 6f85c570b52006a4cd70ca4e0208969811e17527 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 5 Mar 2024 11:33:18 +0100
Subject: [PATCH 023/109] [#385] Refine GitHub Actions workflow for optimized
 Docker image handling

Optimized the build-and-deploy GitHub Actions workflow to streamline the
deployment process. Removed redundant `make docker-login` and `make
build-[backend|frontend]` steps, focusing directly on pushing the
pre-built Docker images with `make push-backend` and `make
push-frontend`. Added a crucial verification step to ensure the
deployment environment is properly defined, enhancing the reliability of
the deployment pipeline. This update ensures a more efficient and
error-resilient deployment process by minimizing unnecessary steps and
reinforcing environmental checks.
---
 .github/workflows/build-and-deploy.yml | 24 ++++++------------------
 1 file changed, 6 insertions(+), 18 deletions(-)

diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
index cf86e31cc..b00dfc6a6 100644
--- a/.github/workflows/build-and-deploy.yml
+++ b/.github/workflows/build-and-deploy.yml
@@ -45,6 +45,7 @@ jobs:
       - name: Check environment exists
         run: |
           make check-env-defined
+
   build_backend:
     name: Build and push backend Docker image
     if: ${{ ! inputs.skip_build }}
@@ -69,9 +70,8 @@ jobs:
           aws-region: eu-west-1
       - name: Build and push images
         run: |
-          make docker-login
-          make build-backend
           make push-backend
+
   build_frontend:
     name: Build and push frontend Docker image
     if: ${{ ! inputs.skip_build }}
@@ -99,11 +99,10 @@ jobs:
           GTM_ID: ${{ secrets.GTM_ID }}
           SENTRY_DSN: ${{ secrets.SENTRY_DSN_FRONTEND }}
         run: |
-          make docker-login
           if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
           if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          make build-frontend
           make push-frontend
+
   deploy:
     name: Deploy app
     needs:
@@ -143,24 +142,11 @@ jobs:
         uses: webfactory/ssh-agent@v0.8.0
         with:
           ssh-private-key: ${{ secrets.GHA_SSH_PRIVATE_KEY }}
-      - name: Prepare and upload app config
-        run: |
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          export DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
-          make prepare-config
-          make upload-config
-      - name: Destroy Cardano Node, DB sync and Postgres if required
-        if: ${{ inputs.resync_cardano_node_and_db }}
-        run: |
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          make destroy-cardano-node-and-dbsync;
       - name: Deploy app
         run: |
-          make docker-login
           if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
           if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
+          export DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
           make deploy-stack
       - name: Reprovision Grafana
         run: |
@@ -178,7 +164,9 @@ jobs:
         run: |
           if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
           if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
+          export DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
           make notify
+
   deploy_without_build:
     name: Deploy app without building
     if: ${{ inputs.skip_build }}

From cca5bdedeaedeb1b438f352c6483976e6e7589ae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 5 Mar 2024 11:45:19 +0100
Subject: [PATCH 024/109] [#385] Simplify GitHub Actions deployment workflow

Consolidated and streamlined the GitHub Actions workflow for deploying
the application by removing redundant build steps and focusing solely on
deployment tasks. This simplification entails a direct approach to
deploying the app, removing previous conditional steps for building
Docker images and checking environment existence. The workflow now
concentrates on setting up AWS credentials, SSH agent configuration, and
executing a singular deployment command. This change leads to a more
efficient, straightforward deployment process, enhancing the
maintainability and readability of the CI/CD pipeline.
---
 .github/workflows/build-and-deploy.yml | 167 ++-----------------------
 1 file changed, 8 insertions(+), 159 deletions(-)

diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
index b00dfc6a6..d8653b3c2 100644
--- a/.github/workflows/build-and-deploy.yml
+++ b/.github/workflows/build-and-deploy.yml
@@ -19,10 +19,6 @@ on:
           - "test"
           - "staging"
           - "beta"
-      skip_build:
-        required: true
-        type: boolean
-        default: false
       resync_cardano_node_and_db:
         required: true
         type: boolean
@@ -33,81 +29,8 @@ env:
   CARDANO_NETWORK: ${{ inputs.cardano_network || 'sanchonet' }}
 
 jobs:
-  check_environment_exists:
-    name: Check if target environment exists before proceeding
-    runs-on: ubuntu-latest
-    defaults:
-      run:
-        working-directory: ./scripts/govtool
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-      - name: Check environment exists
-        run: |
-          make check-env-defined
-
-  build_backend:
-    name: Build and push backend Docker image
-    if: ${{ ! inputs.skip_build }}
-    needs:
-      - check_environment_exists
-    runs-on: ubuntu-latest
-    defaults:
-      run:
-        working-directory: ./scripts/govtool
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-      - name: Configure AWS credentials
-        uses: aws-actions/configure-aws-credentials@v3
-        with:
-          aws-access-key-id: ${{ secrets.GHA_AWS_ACCESS_KEY_ID }}
-          aws-secret-access-key: ${{ secrets.GHA_AWS_SECRET_ACCESS_KEY }}
-          aws-region: eu-west-1
-      - name: Login to AWS ECR
-        uses: aws-actions/configure-aws-credentials@v2
-        with:
-          aws-region: eu-west-1
-      - name: Build and push images
-        run: |
-          make push-backend
-
-  build_frontend:
-    name: Build and push frontend Docker image
-    if: ${{ ! inputs.skip_build }}
-    needs:
-      - check_environment_exists
-    runs-on: ubuntu-latest
-    defaults:
-      run:
-        working-directory: ./scripts/govtool
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-      - name: Configure AWS credentials
-        uses: aws-actions/configure-aws-credentials@v3
-        with:
-          aws-access-key-id: ${{ secrets.GHA_AWS_ACCESS_KEY_ID }}
-          aws-secret-access-key: ${{ secrets.GHA_AWS_SECRET_ACCESS_KEY }}
-          aws-region: eu-west-1
-      - name: Login to AWS ECR
-        uses: aws-actions/configure-aws-credentials@v2
-        with:
-          aws-region: eu-west-1
-      - name: Build and push images
-        env:
-          GTM_ID: ${{ secrets.GTM_ID }}
-          SENTRY_DSN: ${{ secrets.SENTRY_DSN_FRONTEND }}
-        run: |
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          make push-frontend
-
   deploy:
     name: Deploy app
-    needs:
-      - build_backend
-      - build_frontend
     runs-on: ubuntu-latest
     defaults:
       run:
@@ -125,106 +48,37 @@ jobs:
       NGINX_BASIC_AUTH: ${{ secrets.NGINX_BASIC_AUTH }}
       SENTRY_DSN_BACKEND: ${{ secrets.SENTRY_DSN_BACKEND }}
       TRAEFIK_LE_EMAIL: "admin+govtool@binarapps.com"
+      GTM_ID: ${{ secrets.GTM_ID }}
+      SENTRY_DSN: ${{ secrets.SENTRY_DSN_FRONTEND }}
+      PIPELINE_URL: https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}
     steps:
       - name: Checkout code
         uses: actions/checkout@v3
+
       - name: Configure AWS credentials
         uses: aws-actions/configure-aws-credentials@v3
         with:
           aws-access-key-id: ${{ secrets.GHA_AWS_ACCESS_KEY_ID }}
           aws-secret-access-key: ${{ secrets.GHA_AWS_SECRET_ACCESS_KEY }}
           aws-region: eu-west-1
+
       - name: Login to AWS ECR
         uses: aws-actions/configure-aws-credentials@v2
         with:
           aws-region: eu-west-1
+
       - name: Setup SSH agent
         uses: webfactory/ssh-agent@v0.8.0
         with:
           ssh-private-key: ${{ secrets.GHA_SSH_PRIVATE_KEY }}
+
       - name: Deploy app
         run: |
           if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
           if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
           export DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
-          make deploy-stack
-      - name: Reprovision Grafana
-        run: |
-          sleep 30 # give grafana time to start up
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
-          curl -X POST -u "admin:$GRAFANA_ADMIN_PASSWORD" https://$DOMAIN/grafana/api/admin/provisioning/alerting/reload
-          curl -X POST -u "admin:$GRAFANA_ADMIN_PASSWORD" https://$DOMAIN/grafana/api/admin/provisioning/dashboards/reload
-          curl -X POST -u "admin:$GRAFANA_ADMIN_PASSWORD" https://$DOMAIN/grafana/api/admin/provisioning/notifications/reload
-      - name: Notify on Slack
-        env:
-          SLACK_WEBHOOK_URL: ${{ secrets.DEPLOY_NOTIFY_SLACK_WEBHOOK_URL }}
-          PIPELINE_URL: https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}
-        run: |
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          export DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
-          make notify
+          make all
 
-  deploy_without_build:
-    name: Deploy app without building
-    if: ${{ inputs.skip_build }}
-    needs:
-      - check_environment_exists
-    runs-on: ubuntu-latest
-    defaults:
-      run:
-        working-directory: ./scripts/govtool
-    env:
-      DBSYNC_POSTGRES_DB: "cexplorer"
-      DBSYNC_POSTGRES_USER: "postgres"
-      DBSYNC_POSTGRES_PASSWORD: "pSa8JCpQOACMUdGb"
-      FAKEDBSYNC_POSTGRES_DB: "govtool"
-      FAKEDBSYNC_POSTGRES_USER: "test"
-      FAKEDBSYNC_POSTGRES_PASSWORD: "test"
-      GRAFANA_ADMIN_PASSWORD: ${{ secrets.GRAFANA_ADMIN_PASSWORD }}
-      GRAFANA_SLACK_RECIPIENT: ${{ secrets.GRAFANA_SLACK_RECIPIENT }}
-      GRAFANA_SLACK_OAUTH_TOKEN: ${{ secrets.GRAFANA_SLACK_OAUTH_TOKEN }}
-      NGINX_BASIC_AUTH: ${{ secrets.NGINX_BASIC_AUTH }}
-      SENTRY_DSN_BACKEND: ${{ secrets.SENTRY_DSN_BACKEND }}
-      TRAEFIK_LE_EMAIL: "admin+govtool@binarapps.com"
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-      - name: Configure AWS credentials
-        uses: aws-actions/configure-aws-credentials@v3
-        with:
-          aws-access-key-id: ${{ secrets.GHA_AWS_ACCESS_KEY_ID }}
-          aws-secret-access-key: ${{ secrets.GHA_AWS_SECRET_ACCESS_KEY }}
-          aws-region: eu-west-1
-      - name: Login to AWS ECR
-        uses: aws-actions/configure-aws-credentials@v2
-        with:
-          aws-region: eu-west-1
-      - name: Setup SSH agent
-        uses: webfactory/ssh-agent@v0.8.0
-        with:
-          ssh-private-key: ${{ secrets.GHA_SSH_PRIVATE_KEY }}
-      - name: Prepare and upload app config
-        run: |
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          export DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
-          make prepare-config
-          make upload-config
-      - name: Destroy Cardano Node, DB sync and Postgres if required
-        if: ${{ inputs.resync_cardano_node_and_db }}
-        run: |
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          make destroy-cardano-node-and-dbsync;
-      - name: Deploy app
-        run: |
-          make docker-login
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          make deploy-stack
       - name: Reprovision Grafana
         run: |
           sleep 30 # give grafana time to start up
@@ -234,8 +88,3 @@ jobs:
           curl -X POST -u "admin:$GRAFANA_ADMIN_PASSWORD" https://$DOMAIN/grafana/api/admin/provisioning/alerting/reload
           curl -X POST -u "admin:$GRAFANA_ADMIN_PASSWORD" https://$DOMAIN/grafana/api/admin/provisioning/dashboards/reload
           curl -X POST -u "admin:$GRAFANA_ADMIN_PASSWORD" https://$DOMAIN/grafana/api/admin/provisioning/notifications/reload
-      - name: Notify on Slack
-        run: |
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          make notify

From ce447e832f1a95dcb8ccb11094cee27543c4cb7d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 5 Mar 2024 12:11:42 +0100
Subject: [PATCH 025/109] Remove unused fake DB sync configurations from
 deployment setup

Eliminated unnecessary fake database synchronization settings from the
GitHub Actions deployment workflow and the backend configuration
template. This action streamlines the deployment and configuration
process by removing redundant settings, focusing solely on the essential
configurations required for real database synchronization. The
simplification contributes to clearer, more maintainable deployment
scripts and backend configuration, ensuring an efficient setup for
actual operational needs.
---
 .github/workflows/build-and-deploy.yml                   | 3 ---
 scripts/govtool/config/templates/backend-config.json.tpl | 7 -------
 2 files changed, 10 deletions(-)

diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
index d8653b3c2..e556bb96e 100644
--- a/.github/workflows/build-and-deploy.yml
+++ b/.github/workflows/build-and-deploy.yml
@@ -39,9 +39,6 @@ jobs:
       DBSYNC_POSTGRES_DB: "cexplorer"
       DBSYNC_POSTGRES_USER: "postgres"
       DBSYNC_POSTGRES_PASSWORD: "pSa8JCpQOACMUdGb"
-      FAKEDBSYNC_POSTGRES_DB: "govtool"
-      FAKEDBSYNC_POSTGRES_USER: "test"
-      FAKEDBSYNC_POSTGRES_PASSWORD: "test"
       GRAFANA_ADMIN_PASSWORD: ${{ secrets.GRAFANA_ADMIN_PASSWORD }}
       GRAFANA_SLACK_RECIPIENT: ${{ secrets.GRAFANA_SLACK_RECIPIENT }}
       GRAFANA_SLACK_OAUTH_TOKEN: ${{ secrets.GRAFANA_SLACK_OAUTH_TOKEN }}
diff --git a/scripts/govtool/config/templates/backend-config.json.tpl b/scripts/govtool/config/templates/backend-config.json.tpl
index 521beaa15..f1fbd092f 100644
--- a/scripts/govtool/config/templates/backend-config.json.tpl
+++ b/scripts/govtool/config/templates/backend-config.json.tpl
@@ -6,13 +6,6 @@
         "password" : "DBSYNC_POSTGRES_PASSWORD",
         "port"     : 5432
       },
-    "fakedbsyncconfig" : {
-        "host"     : "postgres-fakedbsync",
-        "dbname"   : "FAKEDBSYNC_POSTGRES_DB",
-        "user"     : "FAKEDBSYNC_POSTGRES_USER",
-        "password" : "FAKEDBSYNC_POSTGRES_PASSWORD",
-        "port"     : 5432
-    },
     "port" : 9876,
     "host" : "0.0.0.0",
     "cachedurationseconds": 20,

From f75893cd2a8299eb67fc0a5ef45cd9fd6478871a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 5 Mar 2024 12:37:30 +0100
Subject: [PATCH 026/109] [#385] Unify placeholder usage in configuration
 templates

Standardized the format of placeholders within template files across the
deployment setup to improve the consistency and reliability of dynamic
configuration generation. Modified `config.mk`,
`backend-config.json.tpl`, and
`grafana-provisioning/alerting/alerting.yml` to use a uniform
placeholder notation, enclosed in angle brackets (e.g.,
`<PLACEHOLDER>`), for all configurable values. This refinement
simplifies the template processing logic, ensuring a more streamlined
and error-free substitution of environment-specific values during the
deployment process, thereby enhancing the overall maintainability of the
deployment infrastructure.
---
 scripts/govtool/config.mk                            | 12 ++++++------
 .../govtool/config/templates/backend-config.json.tpl |  8 ++++----
 .../grafana-provisioning/alerting/alerting.yml       |  4 ++--
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/scripts/govtool/config.mk b/scripts/govtool/config.mk
index c808ec32f..83bf76c03 100644
--- a/scripts/govtool/config.mk
+++ b/scripts/govtool/config.mk
@@ -57,10 +57,10 @@ prepare-dbsync-secrets:
 
 .PHONY: prepare-backend-config
 prepare-backend-config:
-	sed -e "s/DBSYNC_POSTGRES_DB/$${DBSYNC_POSTGRES_DB}/" \
-		-e "s/DBSYNC_POSTGRES_USER/$${DBSYNC_POSTGRES_USER}/" \
-		-e "s/DBSYNC_POSTGRES_PASSWORD/$${DBSYNC_POSTGRES_PASSWORD}/" \
-		-e "s|SENTRY_DSN|$${SENTRY_DSN_BACKEND}|" \
+	sed -e "s|<DBSYNC_POSTGRES_DB>|$${DBSYNC_POSTGRES_DB}|" \
+		-e "s|<DBSYNC_POSTGRES_USER>|$${DBSYNC_POSTGRES_USER}|" \
+		-e "s|<DBSYNC_POSTGRES_PASSWORD>|$${DBSYNC_POSTGRES_PASSWORD}|" \
+		-e "s|<SENTRY_DSN>|$${SENTRY_DSN_BACKEND}|" \
 		"$(config_dir)/templates/backend-config.json.tpl" \
 		> "$(target_config_dir)/backend-config.json"
 
@@ -72,8 +72,8 @@ prepare-prometheus-config:
 prepare-grafana-provisioning:
 	mkdir -p $(grafana_provisioning_dir)
 	cp -a $(template_config_dir)/grafana-provisioning/* $(grafana_provisioning_dir)
-	sed -e "s/GRAFANA_SLACK_RECIPIENT/$${GRAFANA_SLACK_RECIPIENT}/" \
-		-e "s|GRAFANA_SLACK_OAUTH_TOKEN|$${GRAFANA_SLACK_OAUTH_TOKEN}|" \
+	sed -e "s|<GRAFANA_SLACK_RECIPIENT>|$${GRAFANA_SLACK_RECIPIENT}|" \
+		-e "s|<GRAFANA_SLACK_OAUTH_TOKEN>|$${GRAFANA_SLACK_OAUTH_TOKEN}|" \
 		-i $(grafana_provisioning_dir)/alerting/alerting.yml
 
 .PHONY: prepare-nginx-config
diff --git a/scripts/govtool/config/templates/backend-config.json.tpl b/scripts/govtool/config/templates/backend-config.json.tpl
index f1fbd092f..c3851bbe1 100644
--- a/scripts/govtool/config/templates/backend-config.json.tpl
+++ b/scripts/govtool/config/templates/backend-config.json.tpl
@@ -1,13 +1,13 @@
 {
     "dbsyncconfig" : {
         "host"     : "postgres",
-        "dbname"   : "DBSYNC_POSTGRES_DB",
-        "user"     : "DBSYNC_POSTGRES_USER",
-        "password" : "DBSYNC_POSTGRES_PASSWORD",
+        "dbname"   : "<DBSYNC_POSTGRES_DB>",
+        "user"     : "<DBSYNC_POSTGRES_USER>",
+        "password" : "<DBSYNC_POSTGRES_PASSWORD>",
         "port"     : 5432
       },
     "port" : 9876,
     "host" : "0.0.0.0",
     "cachedurationseconds": 20,
-    "sentrydsn": "SENTRY_DSN"
+    "sentrydsn": "<SENTRY_DSN>"
 }
diff --git a/scripts/govtool/config/templates/grafana-provisioning/alerting/alerting.yml b/scripts/govtool/config/templates/grafana-provisioning/alerting/alerting.yml
index 5b3779a82..67be6d45a 100644
--- a/scripts/govtool/config/templates/grafana-provisioning/alerting/alerting.yml
+++ b/scripts/govtool/config/templates/grafana-provisioning/alerting/alerting.yml
@@ -8,8 +8,8 @@ contactPoints:
         name: Slack GovTool
         type: slack
         settings:
-          recipient: GRAFANA_SLACK_RECIPIENT
-          token: GRAFANA_SLACK_OAUTH_TOKEN
+          recipient: <GRAFANA_SLACK_RECIPIENT>
+          token: <GRAFANA_SLACK_OAUTH_TOKEN>
         disableResolveMessage: false
 
 policies:

From 24e1bdd5beea4fc0ae4142971a9139f72a29351b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Mon, 4 Mar 2024 20:25:05 +0100
Subject: [PATCH 027/109] [#358] [#359] [#151] choose GA type/ abadoning
 registration and creation modals

---
 govtool/frontend/src/App.tsx                  |  5 ++
 .../src/components/atoms/ActionRadio.tsx      | 22 ++---
 .../src/components/molecules/BackToButton.tsx | 26 ++++++
 .../src/components/molecules/index.ts         |  1 +
 .../src/components/molecules/types.ts         |  7 ++
 .../src/components/organisms/BgCard.tsx       |  2 +-
 .../organisms/ChooseGovernanceActionType.tsx  | 70 +++++++++++++++
 .../organisms/RegisterAsdRepStepOne.tsx       |  3 +
 .../src/components/organisms/index.ts         |  1 +
 .../src/consts/governanceActionTypes.ts       |  1 +
 govtool/frontend/src/consts/index.ts          |  1 +
 govtool/frontend/src/consts/paths.ts          |  1 +
 govtool/frontend/src/hooks/forms/index.ts     |  1 +
 .../forms/useCreateGovernanceActionForm.ts    | 45 ++++++++++
 govtool/frontend/src/i18n/locales/en.ts       | 12 +++
 .../src/pages/CreateGovernanceAction.tsx      | 85 +++++++++++++++++++
 govtool/frontend/src/pages/RegisterAsdRep.tsx | 37 +++++++-
 17 files changed, 308 insertions(+), 12 deletions(-)
 create mode 100644 govtool/frontend/src/components/molecules/BackToButton.tsx
 create mode 100644 govtool/frontend/src/components/molecules/types.ts
 create mode 100644 govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
 create mode 100644 govtool/frontend/src/consts/governanceActionTypes.ts
 create mode 100644 govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
 create mode 100644 govtool/frontend/src/pages/CreateGovernanceAction.tsx

diff --git a/govtool/frontend/src/App.tsx b/govtool/frontend/src/App.tsx
index 13bc34a7d..c380c6664 100644
--- a/govtool/frontend/src/App.tsx
+++ b/govtool/frontend/src/App.tsx
@@ -32,6 +32,7 @@ import {
 import { SetupInterceptors } from "./services";
 import { useGetVoterInfo, useWalletConnectionListener } from "./hooks";
 import { RegisterAsSoleVoter } from "./pages/RegisterAsSoleVoter";
+import { CreateGovernanceAction } from "./pages/CreateGovernanceAction";
 
 export default function App() {
   const { enable, setVoter, setIsDrepLoading } = useCardano();
@@ -115,6 +116,10 @@ export default function App() {
             element={<DashboardGovernanceActionsCategory />}
           />
         </Route>
+        <Route
+          path={PATHS.create_governance_action}
+          element={<CreateGovernanceAction />}
+        />
         <Route path={PATHS.delegateTodRep} element={<DelegateTodRep />} />
         <Route path={PATHS.registerAsdRep} element={<RegisterAsdRep />} />
         <Route
diff --git a/govtool/frontend/src/components/atoms/ActionRadio.tsx b/govtool/frontend/src/components/atoms/ActionRadio.tsx
index 148f919e6..dbea27895 100644
--- a/govtool/frontend/src/components/atoms/ActionRadio.tsx
+++ b/govtool/frontend/src/components/atoms/ActionRadio.tsx
@@ -1,4 +1,4 @@
-import { Dispatch, FC, SetStateAction } from "react";
+import { FC } from "react";
 import { Box, Typography } from "@mui/material";
 import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
 
@@ -9,8 +9,8 @@ import { theme } from "@/theme";
 type ActionRadioProps = {
   dataTestId?: string;
   isChecked?: boolean;
-  onChange: Dispatch<SetStateAction<string>>;
-  subtitle: string;
+  onChange: (newValue: string) => void;
+  subtitle?: string;
   title: string;
   tooltipText?: string;
   tooltipTitle?: string;
@@ -76,13 +76,15 @@ export const ActionRadio: FC<ActionRadioProps> = ({ ...props }) => {
             </Tooltip>
           )}
         </Box>
-        <Typography
-          variant="body2"
-          mt={1}
-          color={isChecked ? "white" : "textBlack"}
-        >
-          {subtitle}
-        </Typography>
+        {subtitle ? (
+          <Typography
+            variant="body2"
+            mt={1}
+            color={isChecked ? "white" : "textBlack"}
+          >
+            {subtitle}
+          </Typography>
+        ) : null}
       </Box>
     </Box>
   );
diff --git a/govtool/frontend/src/components/molecules/BackToButton.tsx b/govtool/frontend/src/components/molecules/BackToButton.tsx
new file mode 100644
index 000000000..e3a697d36
--- /dev/null
+++ b/govtool/frontend/src/components/molecules/BackToButton.tsx
@@ -0,0 +1,26 @@
+import { Box } from "@mui/material";
+import ArrowBackIosIcon from "@mui/icons-material/ArrowBackIos";
+
+import { Typography } from "@atoms";
+
+import { BackToLinkProps } from "./types";
+
+export const BackToButton = ({ label, onClick, sx }: BackToLinkProps) => {
+  return (
+    <Box
+      data-testid="back-to-dashboard-link"
+      sx={{
+        alignItems: "center",
+        cursor: "pointer",
+        display: "flex",
+        ...sx,
+      }}
+      onClick={onClick}
+    >
+      <ArrowBackIosIcon color="primary" sx={{ fontSize: 14 }} />
+      <Typography color="primary" fontWeight={400} variant="body2">
+        {label}
+      </Typography>
+    </Box>
+  );
+};
diff --git a/govtool/frontend/src/components/molecules/index.ts b/govtool/frontend/src/components/molecules/index.ts
index 7b4c1668f..3afe1db00 100644
--- a/govtool/frontend/src/components/molecules/index.ts
+++ b/govtool/frontend/src/components/molecules/index.ts
@@ -1,4 +1,5 @@
 export * from "./ActionCard";
+export * from "./BackToButton";
 export * from "./CenteredBoxBottomButtons";
 export * from "./CenteredBoxPageWrapper";
 export * from "./DashboardActionCard";
diff --git a/govtool/frontend/src/components/molecules/types.ts b/govtool/frontend/src/components/molecules/types.ts
new file mode 100644
index 000000000..6cafc8c4a
--- /dev/null
+++ b/govtool/frontend/src/components/molecules/types.ts
@@ -0,0 +1,7 @@
+import { SxProps } from "@mui/material";
+
+export type BackToLinkProps = {
+  label: string;
+  onClick: () => void;
+  sx?: SxProps;
+};
diff --git a/govtool/frontend/src/components/organisms/BgCard.tsx b/govtool/frontend/src/components/organisms/BgCard.tsx
index b430eb205..1995f06a3 100644
--- a/govtool/frontend/src/components/organisms/BgCard.tsx
+++ b/govtool/frontend/src/components/organisms/BgCard.tsx
@@ -89,7 +89,7 @@ export const BgCard = ({
           flexDirection: "column",
           height: "auto",
           maxWidth: screenWidth > 768 ? 600 : undefined,
-          my: isMobile ? undefined : 3,
+          mb: isMobile ? undefined : 3,
           pb: isMobile ? undefined : 10,
           pt: isMobile ? 6 : 10,
           px: isMobile ? 2 : 18.75,
diff --git a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
new file mode 100644
index 000000000..91eec706e
--- /dev/null
+++ b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
@@ -0,0 +1,70 @@
+import { Dispatch, SetStateAction } from "react";
+
+import { ActionRadio, Spacer, Typography } from "@atoms";
+import { GOVERNANCE_ACTION_TYPES } from "@consts";
+import {
+  useCreateGovernanceActionForm,
+  useScreenDimension,
+  useTranslation,
+} from "@hooks";
+
+import { BgCard } from "./BgCard";
+
+type ChooseGovernanceActionTypeProps = {
+  onClickCancel: () => void;
+  setStep: Dispatch<SetStateAction<number>>;
+};
+
+export const ChooseGovernanceActionType = ({
+  onClickCancel,
+  setStep,
+}: ChooseGovernanceActionTypeProps) => {
+  const { t } = useTranslation();
+  const { isMobile } = useScreenDimension();
+  const { getValues, setValue, watch } = useCreateGovernanceActionForm();
+
+  const isContinueButtonDisabled = !watch("type");
+
+  const onClickContinue = () => {
+    setStep(2);
+  };
+
+  // TODO: Add tooltips when they will be available
+  const renderGovernanceActionTypes = () => {
+    return GOVERNANCE_ACTION_TYPES.map((type, index) => {
+      const isChecked = getValues("type") === type;
+      return (
+        <>
+          <ActionRadio
+            isChecked={isChecked}
+            onChange={onChangeType}
+            title={type}
+            value={type}
+          />
+          {index + 1 < GOVERNANCE_ACTION_TYPES.length ? <Spacer y={2} /> : null}
+        </>
+      );
+    });
+  };
+
+  const onChangeType = (value: string) => {
+    setValue("type", value);
+  };
+
+  return (
+    <BgCard
+      actionButtonLabel={t("continue")}
+      backButtonLabel={t("cancel")}
+      isActionButtonDisabled={isContinueButtonDisabled}
+      onClickActionButton={onClickContinue}
+      onClickBackButton={onClickCancel}
+    >
+      <Typography sx={{ textAlign: "center" }} variant="headline4">
+        {t("createGovernanceAction.chooseGATypeTitle")}
+      </Typography>
+      <Spacer y={isMobile ? 4.25 : 7.5} />
+      {renderGovernanceActionTypes()}
+      <Spacer y={isMobile ? 6 : 7.5} />
+    </BgCard>
+  );
+};
diff --git a/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx b/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx
index 3a68ce015..04598720a 100644
--- a/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx
+++ b/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx
@@ -14,8 +14,10 @@ import {
 import { BgCard } from ".";
 
 export const RegisterAsdRepStepOne = ({
+  onClickCancel,
   setStep,
 }: {
+  onClickCancel: () => void;
   setStep: Dispatch<SetStateAction<number>>;
 }) => {
   const { t } = useTranslation();
@@ -35,6 +37,7 @@ export const RegisterAsdRepStepOne = ({
       actionButtonLabel={t("continue")}
       backButtonLabel={t("cancel")}
       onClickActionButton={onClickContinue}
+      onClickBackButton={onClickCancel}
       sx={{ paddingBottom: isMobile ? undefined : 3 }}
     >
       <Typography sx={{ textAlign: "center" }} variant="headline4">
diff --git a/govtool/frontend/src/components/organisms/index.ts b/govtool/frontend/src/components/organisms/index.ts
index 9b7ee74ce..749a01357 100644
--- a/govtool/frontend/src/components/organisms/index.ts
+++ b/govtool/frontend/src/components/organisms/index.ts
@@ -1,4 +1,5 @@
 export * from "./BgCard";
+export * from "./ChooseGovernanceActionType";
 export * from "./ChooseStakeKeyPanel";
 export * from "./ChooseWalletModal";
 export * from "./ControlledField";
diff --git a/govtool/frontend/src/consts/governanceActionTypes.ts b/govtool/frontend/src/consts/governanceActionTypes.ts
new file mode 100644
index 000000000..b3b6a8539
--- /dev/null
+++ b/govtool/frontend/src/consts/governanceActionTypes.ts
@@ -0,0 +1 @@
+export const GOVERNANCE_ACTION_TYPES = ["Info", "Treasury"];
diff --git a/govtool/frontend/src/consts/index.ts b/govtool/frontend/src/consts/index.ts
index 65168f9c6..12f9ae298 100644
--- a/govtool/frontend/src/consts/index.ts
+++ b/govtool/frontend/src/consts/index.ts
@@ -1,3 +1,4 @@
+export * from "./governanceActionTypes";
 export * from "./governanceActionsFilters";
 export * from "./governanceActionsSorting";
 export * from "./icons";
diff --git a/govtool/frontend/src/consts/paths.ts b/govtool/frontend/src/consts/paths.ts
index 4ac0cbde2..f230747d5 100644
--- a/govtool/frontend/src/consts/paths.ts
+++ b/govtool/frontend/src/consts/paths.ts
@@ -1,4 +1,5 @@
 export const PATHS = {
+  create_governance_action: "/create_governance_action",
   dashboard_governance_actions_action:
     "/connected/governance_actions/:proposalId",
   dashboard_governance_actions_category:
diff --git a/govtool/frontend/src/hooks/forms/index.ts b/govtool/frontend/src/hooks/forms/index.ts
index 2457ac6de..fe994e70b 100644
--- a/govtool/frontend/src/hooks/forms/index.ts
+++ b/govtool/frontend/src/hooks/forms/index.ts
@@ -1,3 +1,4 @@
+export * from "./useCreateGovernanceActionForm";
 export * from "./useDelegateTodRepForm";
 export * from "./useRegisterAsdRepFormContext";
 export * from "./useUpdatedRepMetadataForm";
diff --git a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
new file mode 100644
index 000000000..bb4335f71
--- /dev/null
+++ b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
@@ -0,0 +1,45 @@
+import { useCallback, useState } from "react";
+import { useFormContext } from "react-hook-form";
+
+type createGovernanceActionValues = {
+  type: string;
+};
+
+export const defaulCreateGovernanceActionValues: createGovernanceActionValues =
+  {
+    type: "",
+  };
+
+export const useCreateGovernanceActionForm = () => {
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+
+  const {
+    control,
+    formState: { errors, isValid },
+    getValues,
+    handleSubmit,
+    setValue,
+    watch,
+  } = useFormContext<createGovernanceActionValues>();
+
+  const onSubmit = useCallback(async (values: createGovernanceActionValues) => {
+    setIsLoading(true);
+    console.log(values);
+    try {
+    } catch (e: any) {
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+
+  return {
+    control,
+    errors,
+    getValues,
+    isLoading,
+    isValid,
+    setValue,
+    submitForm: handleSubmit(onSubmit),
+    watch,
+  };
+};
diff --git a/govtool/frontend/src/i18n/locales/en.ts b/govtool/frontend/src/i18n/locales/en.ts
index 3c9d6e006..8483755e6 100644
--- a/govtool/frontend/src/i18n/locales/en.ts
+++ b/govtool/frontend/src/i18n/locales/en.ts
@@ -122,6 +122,10 @@ export const en = {
         youAreSoleVoterTitle: "You are a Sole Voter",
       },
     },
+    createGovernanceAction: {
+      chooseGATypeTitle: "Choose a Governance Action type",
+      title: "Create a Governance Action",
+    },
     delegation: {
       description:
         "You can delegate your voting power to a DRep or to a pre-defined voting option.",
@@ -277,6 +281,11 @@ export const en = {
         goToDashboard: "Go to Dashboard",
         oops: "Oops!",
       },
+      createGovernanceAction: {
+        cancelModalDescription:
+          "If you return to the Dashboard, your information will not be saved.",
+        cancelModalTitle: "Do You Want to Cancel Registration ?",
+      },
       delegation: {
         message:
           "The confirmation of your actual delegation might take a bit of time but you can track it using",
@@ -292,6 +301,9 @@ export const en = {
         youAreAboutToOpen: "You are about to open an external link to:",
       },
       registration: {
+        cancelTitle: "Do You Want to Abandon Registration ?",
+        cancelDescription:
+          "If you return to the Dashboard, your information will not be saved.",
         message:
           "The confirmation of your registration might take a bit of time but you can track it using",
         title: "Registration Transaction Submitted!",
diff --git a/govtool/frontend/src/pages/CreateGovernanceAction.tsx b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
new file mode 100644
index 000000000..295dda462
--- /dev/null
+++ b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
@@ -0,0 +1,85 @@
+import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { FormProvider, useForm } from "react-hook-form";
+import { Box } from "@mui/material";
+
+import { Background } from "@atoms";
+import { PATHS } from "@consts";
+import { useModal } from "@context";
+import {
+  defaulCreateGovernanceActionValues,
+  useScreenDimension,
+  useTranslation,
+} from "@hooks";
+import { BackToButton } from "@molecules";
+import {
+  ChooseGovernanceActionType,
+  DashboardTopNav,
+  Footer,
+} from "@organisms";
+import { checkIsWalletConnected } from "@utils";
+
+export const CreateGovernanceAction = () => {
+  const navigate = useNavigate();
+  const { t } = useTranslation();
+  const { isMobile } = useScreenDimension();
+  const { closeModal, openModal } = useModal();
+  const [step, setStep] = useState(1);
+
+  const methods = useForm({
+    mode: "onBlur",
+    defaultValues: defaulCreateGovernanceActionValues,
+  });
+
+  useEffect(() => {
+    if (checkIsWalletConnected()) {
+      navigate(PATHS.home);
+    }
+  }, []);
+
+  const onClickBackToDashboard = () =>
+    openModal({
+      type: "statusModal",
+      state: {
+        status: "warning",
+        message: t("modals.createGovernanceAction.cancelModalDescription"),
+        buttonText: t("modals.common.goToDashboard"),
+        title: t("modals.createGovernanceAction.cancelModalTitle"),
+        dataTestId: "cancel-governance-action-creation-modal",
+        onSubmit: backToDashboard,
+      },
+    });
+
+  const backToDashboard = () => {
+    navigate(PATHS.dashboard);
+    closeModal();
+  };
+
+  return (
+    <Background isReverted>
+      <Box
+        sx={{ display: "flex", flexDirection: "column", minHeight: "100vh" }}
+      >
+        <DashboardTopNav title={t("createGovernanceAction.title")} />
+        <BackToButton
+          label={t("backToDashboard")}
+          onClick={onClickBackToDashboard}
+          sx={{
+            mb: isMobile ? 0 : 1.5,
+            ml: isMobile ? 2 : 5,
+            mt: isMobile ? 3 : 1.5,
+          }}
+        />
+        <FormProvider {...methods}>
+          {step === 1 && (
+            <ChooseGovernanceActionType
+              onClickCancel={onClickBackToDashboard}
+              setStep={setStep}
+            />
+          )}
+        </FormProvider>
+        {isMobile && <Footer />}
+      </Box>
+    </Background>
+  );
+};
diff --git a/govtool/frontend/src/pages/RegisterAsdRep.tsx b/govtool/frontend/src/pages/RegisterAsdRep.tsx
index b1788f106..06fb7fc00 100644
--- a/govtool/frontend/src/pages/RegisterAsdRep.tsx
+++ b/govtool/frontend/src/pages/RegisterAsdRep.tsx
@@ -5,11 +5,13 @@ import { Box } from "@mui/material";
 
 import { Background } from "@atoms";
 import { PATHS } from "@consts";
+import { useModal } from "@context";
 import {
   useScreenDimension,
   useUrlAndHashFormController as useRegisterAsdRepFormController,
   useTranslation,
 } from "@hooks";
+import { BackToButton } from "@molecules";
 import {
   DashboardTopNav,
   Footer,
@@ -24,6 +26,7 @@ export const RegisterAsdRep = () => {
   const { isMobile } = useScreenDimension();
   const navigate = useNavigate();
   const { t } = useTranslation();
+  const { closeModal, openModal } = useModal();
 
   const registerAsdRepFormMethods = useRegisterAsdRepFormController();
 
@@ -33,14 +36,46 @@ export const RegisterAsdRep = () => {
     }
   }, []);
 
+  const onClickBackToDashboard = () =>
+    openModal({
+      type: "statusModal",
+      state: {
+        status: "warning",
+        message: t("modals.registration.cancelDescription"),
+        buttonText: t("modals.common.goToDashboard"),
+        title: t("modals.registration.cancelTitle"),
+        dataTestId: "cancel-registration-modal",
+        onSubmit: backToDashboard,
+      },
+    });
+
+  const backToDashboard = () => {
+    navigate(PATHS.dashboard);
+    closeModal();
+  };
+
   return (
     <Background isReverted>
       <Box
         sx={{ display: "flex", flexDirection: "column", minHeight: "100vh" }}
       >
         <DashboardTopNav title={t("registration.becomeADRep")} />
+        <BackToButton
+          label={t("backToDashboard")}
+          onClick={onClickBackToDashboard}
+          sx={{
+            mb: isMobile ? 0 : 1.5,
+            ml: isMobile ? 2 : 5,
+            mt: isMobile ? 3 : 1.5,
+          }}
+        />
         <FormProvider {...registerAsdRepFormMethods}>
-          {step === 1 && <RegisterAsdRepStepOne setStep={setStep} />}
+          {step === 1 && (
+            <RegisterAsdRepStepOne
+              onClickCancel={onClickBackToDashboard}
+              setStep={setStep}
+            />
+          )}
           {step === 2 && <RegisterAsdRepStepTwo setStep={setStep} />}
           {step === 3 && <RegisterAsdRepStepThree setStep={setStep} />}
         </FormProvider>

From 4834169fc020b65147a953e2bc95c80b829e3998 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Mon, 4 Mar 2024 20:38:21 +0100
Subject: [PATCH 028/109] add to changelog

---
 CHANGELOG.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1e0a7fe34..daf513969 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,9 @@ As a minor extension, we also keep a semantic version for the `UNRELEASED`
 changes.
 
 ## [Unreleased]
+- Abandoning registration as DRep [Issue 151](https://github.com/IntersectMBO/govtool/issues/151)
+- Abandoning GA creation [Issue 359](https://github.com/IntersectMBO/govtool/issues/359)
+- Choose GA type - GA Submiter [Issue 358](https://github.com/IntersectMBO/govtool/issues/358)
 - Change step 3 components [Issue 152](https://github.com/intersectMBO/govtool/issues/152)
 - Add possibility to vote on behalf of myself - Sole Voter [Issue 119](https://github.com/IntersectMBO/govtool/issues/119)
 - Create DRep registration page about roles [Issue 205](https://github.com/IntersectMBO/govtool/issues/205)

From 6b17aaadcaade3b94d562dbfa697998d2fe012ae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Tue, 5 Mar 2024 18:14:31 +0100
Subject: [PATCH 029/109] [#358] delete console.log

---
 .../frontend/src/hooks/forms/useCreateGovernanceActionForm.ts  | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
index bb4335f71..ce2aaadc0 100644
--- a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
+++ b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
@@ -22,9 +22,8 @@ export const useCreateGovernanceActionForm = () => {
     watch,
   } = useFormContext<createGovernanceActionValues>();
 
-  const onSubmit = useCallback(async (values: createGovernanceActionValues) => {
+  const onSubmit = useCallback(async () => {
     setIsLoading(true);
-    console.log(values);
     try {
     } catch (e: any) {
     } finally {

From 44b586be689cf4fdaa4d0c35b0bd6baf07a4865e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Tue, 5 Mar 2024 08:33:53 +0100
Subject: [PATCH 030/109] [#360] [#110] add textarea atom/ form for GAs

---
 .../src/components/atoms/FormHelpfulText.tsx  |  23 +++
 .../src/components/atoms/InfoText.tsx         |   9 +
 .../frontend/src/components/atoms/Input.tsx   |   9 +-
 .../src/components/atoms/TextArea.tsx         |  70 ++++++++
 .../frontend/src/components/atoms/index.ts    |   3 +
 .../frontend/src/components/atoms/types.ts    |  16 ++
 .../src/components/molecules/Field/Input.tsx  |  20 ++-
 .../components/molecules/Field/TextArea.tsx   |  97 +++++++++++
 .../src/components/molecules/Field/index.tsx  |   3 +
 .../src/components/molecules/Field/types.ts   |  19 ++-
 .../organisms/ChooseGovernanceActionType.tsx  |   4 +-
 .../organisms/ControlledField/Input.tsx       |  49 +++---
 .../organisms/ControlledField/TextArea.tsx    |  32 ++++
 .../organisms/ControlledField/index.tsx       |   3 +
 .../organisms/ControlledField/types.ts        |  17 +-
 .../organisms/CreateGovernanceActionForm.tsx  | 156 ++++++++++++++++++
 .../src/components/organisms/index.ts         |   1 +
 .../src/consts/governanceActionTypes.ts       |  63 +++++++
 .../forms/useCreateGovernanceActionForm.ts    |   4 +
 govtool/frontend/src/i18n/locales/en.ts       |  11 ++
 .../src/pages/CreateGovernanceAction.tsx      |   2 +
 21 files changed, 578 insertions(+), 33 deletions(-)
 create mode 100644 govtool/frontend/src/components/atoms/FormHelpfulText.tsx
 create mode 100644 govtool/frontend/src/components/atoms/InfoText.tsx
 create mode 100644 govtool/frontend/src/components/atoms/TextArea.tsx
 create mode 100644 govtool/frontend/src/components/molecules/Field/TextArea.tsx
 create mode 100644 govtool/frontend/src/components/organisms/ControlledField/TextArea.tsx
 create mode 100644 govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx

diff --git a/govtool/frontend/src/components/atoms/FormHelpfulText.tsx b/govtool/frontend/src/components/atoms/FormHelpfulText.tsx
new file mode 100644
index 000000000..4ceed950a
--- /dev/null
+++ b/govtool/frontend/src/components/atoms/FormHelpfulText.tsx
@@ -0,0 +1,23 @@
+import { Typography } from "@mui/material";
+
+import { FormHelpfulTextProps } from "./types";
+
+export const FormHelpfulText = ({
+  helpfulText,
+  helpfulTextStyle,
+}: FormHelpfulTextProps) => {
+  return (
+    helpfulText && (
+      <Typography
+        color="#9792B5"
+        data-testid={`${helpfulText.replace(/\s+/g, "-").toLowerCase()}-error`}
+        fontSize={12}
+        fontWeight={400}
+        sx={{ mt: 0.5 }}
+        {...helpfulTextStyle}
+      >
+        {helpfulText}
+      </Typography>
+    )
+  );
+};
diff --git a/govtool/frontend/src/components/atoms/InfoText.tsx b/govtool/frontend/src/components/atoms/InfoText.tsx
new file mode 100644
index 000000000..399ea6804
--- /dev/null
+++ b/govtool/frontend/src/components/atoms/InfoText.tsx
@@ -0,0 +1,9 @@
+import { InfoTextProps, Typography } from ".";
+
+export const InfoText = ({ label, sx }: InfoTextProps) => {
+  return (
+    <Typography color="#FF833B" sx={sx} variant="body1">
+      {label.toLocaleUpperCase()}
+    </Typography>
+  );
+};
diff --git a/govtool/frontend/src/components/atoms/Input.tsx b/govtool/frontend/src/components/atoms/Input.tsx
index b29958aec..029b47a88 100644
--- a/govtool/frontend/src/components/atoms/Input.tsx
+++ b/govtool/frontend/src/components/atoms/Input.tsx
@@ -41,12 +41,19 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
         inputProps={{ "data-testid": dataTestId }}
         inputRef={inputRef}
         sx={{
-          backgroundColor: errorMessage ? "inputRed" : "transparent",
+          backgroundColor: errorMessage ? "inputRed" : "white",
           border: 1,
           borderColor: errorMessage ? "red" : "secondaryBlue",
           borderRadius: 50,
           padding: "8px 16px",
           width: "100%",
+          "& input.Mui-disabled": {
+            WebkitTextFillColor: "#4C495B",
+          },
+          "&.Mui-disabled": {
+            backgroundColor: "#F5F5F8",
+            borderColor: "#9792B5",
+          },
           ...sx,
         }}
         {...rest}
diff --git a/govtool/frontend/src/components/atoms/TextArea.tsx b/govtool/frontend/src/components/atoms/TextArea.tsx
new file mode 100644
index 000000000..06c778a04
--- /dev/null
+++ b/govtool/frontend/src/components/atoms/TextArea.tsx
@@ -0,0 +1,70 @@
+import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+import { TextareaAutosize, styled } from "@mui/material";
+
+import { useScreenDimension } from "@hooks";
+
+import { TextAreaProps } from "./types";
+
+const TextAreaBase = styled(TextareaAutosize)(
+  () => `
+  font-family: "Poppins";
+  font-size: 16px;
+  font-weight: 400;
+    ::placeholder {
+      font-family: "Poppins";
+      font-size: 16px;
+      font-weight: 400;
+      color: #a6a6a6;
+    }
+    `
+);
+
+export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
+  ({ errorMessage, maxLength = 500, onBlur, onFocus, ...props }, ref) => {
+    const { isMobile } = useScreenDimension();
+    const textAraeRef = useRef<HTMLTextAreaElement>(null);
+
+    const handleFocus = useCallback(
+      (e: React.FocusEvent<HTMLTextAreaElement>) => {
+        onFocus?.(e);
+        textAraeRef.current?.focus();
+      },
+      []
+    );
+
+    const handleBlur = useCallback(
+      (e: React.FocusEvent<HTMLTextAreaElement>) => {
+        onBlur?.(e);
+        textAraeRef.current?.blur();
+      },
+      []
+    );
+
+    useImperativeHandle(
+      ref,
+      () =>
+        ({
+          focus: handleFocus,
+          blur: handleBlur,
+          ...textAraeRef.current,
+        } as unknown as HTMLTextAreaElement),
+      [handleBlur, handleFocus]
+    );
+
+    return (
+      <TextAreaBase
+        style={{
+          border: `1px solid ${errorMessage ? "red" : "#6F99FF"}`,
+          borderRadius: "24px",
+          height: isMobile ? "104px" : "128px",
+          outline: "none",
+          padding: "12px 14px",
+          resize: "none",
+        }}
+        maxLength={maxLength}
+        ref={textAraeRef}
+        {...props}
+      />
+    );
+  }
+);
diff --git a/govtool/frontend/src/components/atoms/index.ts b/govtool/frontend/src/components/atoms/index.ts
index b022b4cea..7072b7635 100644
--- a/govtool/frontend/src/components/atoms/index.ts
+++ b/govtool/frontend/src/components/atoms/index.ts
@@ -6,7 +6,9 @@ export * from "./ClickOutside";
 export * from "./CopyButton";
 export * from "./DrawerLink";
 export * from "./FormErrorMessage";
+export * from "./FormHelpfulText";
 export * from "./HighlightedText";
+export * from "./InfoText";
 export * from "./Input";
 export * from "./Link";
 export * from "./LoadingButton";
@@ -19,6 +21,7 @@ export * from "./ScrollToManage";
 export * from "./ScrollToTop";
 export * from "./Spacer";
 export * from "./StakeRadio";
+export * from "./TextArea";
 export * from "./Tooltip";
 export * from "./Typography";
 export * from "./VotePill";
diff --git a/govtool/frontend/src/components/atoms/types.ts b/govtool/frontend/src/components/atoms/types.ts
index 8aafaaf39..34f0fdf14 100644
--- a/govtool/frontend/src/components/atoms/types.ts
+++ b/govtool/frontend/src/components/atoms/types.ts
@@ -4,6 +4,8 @@ import {
   CheckboxProps as MUICheckboxProps,
   InputBaseProps,
   TypographyProps as MUITypographyProps,
+  TextareaAutosizeProps,
+  SxProps,
 } from "@mui/material";
 
 export type ButtonProps = Omit<MUIButtonProps, "size"> & {
@@ -55,3 +57,17 @@ export type FormErrorMessageProps = {
   errorMessage?: string;
   errorStyles?: MUITypographyProps;
 };
+
+export type FormHelpfulTextProps = {
+  helpfulText?: string;
+  helpfulTextStyle?: MUITypographyProps;
+};
+
+export type TextAreaProps = TextareaAutosizeProps & {
+  errorMessage?: string;
+};
+
+export type InfoTextProps = {
+  label: string;
+  sx?: SxProps;
+};
diff --git a/govtool/frontend/src/components/molecules/Field/Input.tsx b/govtool/frontend/src/components/molecules/Field/Input.tsx
index 41b2875d6..58dbe521e 100644
--- a/govtool/frontend/src/components/molecules/Field/Input.tsx
+++ b/govtool/frontend/src/components/molecules/Field/Input.tsx
@@ -1,7 +1,12 @@
 import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
 import { Box } from "@mui/material";
 
-import { FormErrorMessage, Input as InputBase, Typography } from "@atoms";
+import {
+  FormErrorMessage,
+  FormHelpfulText,
+  Input as InputBase,
+  Typography,
+} from "@atoms";
 
 import { InputFieldProps } from "./types";
 
@@ -10,6 +15,8 @@ export const Input = forwardRef<HTMLInputElement, InputFieldProps>(
     {
       errorMessage,
       errorStyles,
+      helpfulText,
+      helpfulTextStyle,
       label,
       labelStyles,
       layoutStyles,
@@ -45,11 +52,20 @@ export const Input = forwardRef<HTMLInputElement, InputFieldProps>(
     return (
       <Box sx={{ width: "100%", ...layoutStyles }}>
         {label && (
-          <Typography fontWeight={400} variant="body2" {...labelStyles}>
+          <Typography
+            fontWeight={400}
+            sx={{ mb: 0.5 }}
+            variant="body2"
+            {...labelStyles}
+          >
             {label}
           </Typography>
         )}
         <InputBase errorMessage={errorMessage} {...rest} ref={inputRef} />
+        <FormHelpfulText
+          helpfulText={helpfulText}
+          helpfulTextStyle={helpfulTextStyle}
+        />
         <FormErrorMessage
           errorMessage={errorMessage}
           errorStyles={errorStyles}
diff --git a/govtool/frontend/src/components/molecules/Field/TextArea.tsx b/govtool/frontend/src/components/molecules/Field/TextArea.tsx
new file mode 100644
index 000000000..8a358a6db
--- /dev/null
+++ b/govtool/frontend/src/components/molecules/Field/TextArea.tsx
@@ -0,0 +1,97 @@
+import { Box } from "@mui/material";
+
+import {
+  FormErrorMessage,
+  FormHelpfulText,
+  TextArea as TextAreaBase,
+  Typography,
+} from "@atoms";
+
+import { TextAreaFieldProps } from "./types";
+import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+
+export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaFieldProps>(
+  (
+    {
+      errorMessage,
+      errorStyles,
+      helpfulText,
+      helpfulTextStyle,
+      label,
+      labelStyles,
+      layoutStyles,
+      maxLength = 500,
+      onBlur,
+      onFocus,
+      ...props
+    },
+    ref
+  ) => {
+    const textAreaRef = useRef<HTMLTextAreaElement>(null);
+
+    const handleFocus = useCallback(
+      (e: React.FocusEvent<HTMLTextAreaElement>) => {
+        onFocus?.(e);
+        textAreaRef.current?.focus();
+      },
+      []
+    );
+
+    const handleBlur = useCallback(
+      (e: React.FocusEvent<HTMLTextAreaElement>) => {
+        onBlur?.(e);
+        textAreaRef.current?.blur();
+      },
+      []
+    );
+
+    useImperativeHandle(
+      ref,
+      () =>
+        ({
+          focus: handleFocus,
+          blur: handleBlur,
+          ...textAreaRef.current,
+        } as unknown as HTMLTextAreaElement),
+      [handleBlur, handleFocus]
+    );
+    return (
+      <Box
+        sx={{
+          display: "flex",
+          flexDirection: "column",
+          width: "100%",
+          position: "relative",
+          ...layoutStyles,
+        }}
+      >
+        {label && (
+          <Typography
+            fontWeight={400}
+            sx={{ mb: 0.5 }}
+            variant="body2"
+            {...labelStyles}
+          >
+            {label}
+          </Typography>
+        )}
+        <TextAreaBase maxLength={maxLength} {...props} ref={textAreaRef} />
+        <FormHelpfulText
+          helpfulText={helpfulText}
+          helpfulTextStyle={helpfulTextStyle}
+        />
+        <FormErrorMessage
+          errorMessage={errorMessage}
+          errorStyles={errorStyles}
+        />
+        <Typography
+          color="#8E908E"
+          sx={{ bottom: 35, position: "absolute", right: 15 }}
+          variant="caption"
+        >
+          {props?.value?.toString()?.length ?? 0}/{maxLength}
+        </Typography>
+      </Box>
+    );
+  }
+);
diff --git a/govtool/frontend/src/components/molecules/Field/index.tsx b/govtool/frontend/src/components/molecules/Field/index.tsx
index c5e953689..b954e18b1 100644
--- a/govtool/frontend/src/components/molecules/Field/index.tsx
+++ b/govtool/frontend/src/components/molecules/Field/index.tsx
@@ -2,10 +2,12 @@ import React, { PropsWithChildren } from "react";
 
 import { Checkbox } from "./Checkbox";
 import { Input } from "./Input";
+import { TextArea } from "./TextArea";
 
 type FieldComposition = React.FC<PropsWithChildren> & {
   Input: typeof Input;
   Checkbox: typeof Checkbox;
+  TextArea: typeof TextArea;
 };
 
 const Field: FieldComposition = ({ children }) => {
@@ -14,6 +16,7 @@ const Field: FieldComposition = ({ children }) => {
 
 Field.Checkbox = Checkbox;
 Field.Input = Input;
+Field.TextArea = TextArea;
 
 export { Field };
 
diff --git a/govtool/frontend/src/components/molecules/Field/types.ts b/govtool/frontend/src/components/molecules/Field/types.ts
index 05382ef6d..8867231a9 100644
--- a/govtool/frontend/src/components/molecules/Field/types.ts
+++ b/govtool/frontend/src/components/molecules/Field/types.ts
@@ -1,10 +1,17 @@
 import { BoxProps, TypographyProps as MUITypographyProps } from "@mui/material";
 
-import { CheckboxProps, InputProps, TypographyProps } from "@atoms";
+import {
+  CheckboxProps,
+  InputProps,
+  TextAreaProps,
+  TypographyProps,
+} from "@atoms";
 
 export type InputFieldProps = InputProps & {
   errorMessage?: string;
   errorStyles?: MUITypographyProps;
+  helpfulText?: string;
+  helpfulTextStyle?: MUITypographyProps;
   label?: string;
   labelStyles?: TypographyProps;
   layoutStyles?: BoxProps;
@@ -17,3 +24,13 @@ export type CheckboxFieldProps = CheckboxProps & {
   labelStyles?: TypographyProps;
   layoutStyles?: BoxProps;
 };
+
+export type TextAreaFieldProps = TextAreaProps & {
+  errorMessage?: string;
+  errorStyles?: MUITypographyProps;
+  helpfulText?: string;
+  helpfulTextStyle?: MUITypographyProps;
+  label?: string;
+  labelStyles?: TypographyProps;
+  layoutStyles?: BoxProps;
+};
diff --git a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
index 91eec706e..40c50f17e 100644
--- a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
+++ b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
@@ -34,7 +34,7 @@ export const ChooseGovernanceActionType = ({
     return GOVERNANCE_ACTION_TYPES.map((type, index) => {
       const isChecked = getValues("type") === type;
       return (
-        <>
+        <div key={type}>
           <ActionRadio
             isChecked={isChecked}
             onChange={onChangeType}
@@ -42,7 +42,7 @@ export const ChooseGovernanceActionType = ({
             value={type}
           />
           {index + 1 < GOVERNANCE_ACTION_TYPES.length ? <Spacer y={2} /> : null}
-        </>
+        </div>
       );
     });
   };
diff --git a/govtool/frontend/src/components/organisms/ControlledField/Input.tsx b/govtool/frontend/src/components/organisms/ControlledField/Input.tsx
index a58d4c91d..d9a2e2f34 100644
--- a/govtool/frontend/src/components/organisms/ControlledField/Input.tsx
+++ b/govtool/frontend/src/components/organisms/ControlledField/Input.tsx
@@ -1,32 +1,33 @@
-import { useCallback } from "react";
+import { forwardRef, useCallback } from "react";
 import { Controller, get } from "react-hook-form";
 
 import { Field } from "@molecules";
 
 import { ControlledInputProps, RenderInputProps } from "./types";
 
-export const Input = ({
-  control,
-  name,
-  errors,
-  rules,
-  ...props
-}: ControlledInputProps) => {
-  const errorMessage = get(errors, name)?.message as string;
+export const Input = forwardRef<HTMLInputElement, ControlledInputProps>(
+  ({ control, name, errors, rules, ...props }, ref) => {
+    const errorMessage = get(errors, name)?.message as string;
 
-  const renderInput = useCallback(
-    ({ field }: RenderInputProps) => (
-      <Field.Input {...props} {...field} errorMessage={errorMessage} />
-    ),
-    [errorMessage, props]
-  );
+    const renderInput = useCallback(
+      ({ field }: RenderInputProps) => (
+        <Field.Input
+          {...props}
+          {...field}
+          errorMessage={errorMessage}
+          ref={ref}
+        />
+      ),
+      [errorMessage, props]
+    );
 
-  return (
-    <Controller
-      name={name}
-      control={control}
-      rules={rules}
-      render={renderInput}
-    />
-  );
-};
+    return (
+      <Controller
+        name={name}
+        control={control}
+        rules={rules}
+        render={renderInput}
+      />
+    );
+  }
+);
diff --git a/govtool/frontend/src/components/organisms/ControlledField/TextArea.tsx b/govtool/frontend/src/components/organisms/ControlledField/TextArea.tsx
new file mode 100644
index 000000000..163b6562d
--- /dev/null
+++ b/govtool/frontend/src/components/organisms/ControlledField/TextArea.tsx
@@ -0,0 +1,32 @@
+import { useCallback } from "react";
+import { Controller, get } from "react-hook-form";
+
+import { Field } from "@molecules";
+
+import { ControlledTextAreaProps, RenderInputProps } from "./types";
+
+export const TextArea = ({
+  control,
+  name,
+  errors,
+  rules,
+  ...props
+}: ControlledTextAreaProps) => {
+  const errorMessage = get(errors, name)?.message as string;
+
+  const renderInput = useCallback(
+    ({ field }: RenderInputProps) => (
+      <Field.TextArea {...props} {...field} errorMessage={errorMessage} />
+    ),
+    [errorMessage, props]
+  );
+
+  return (
+    <Controller
+      name={name}
+      control={control}
+      rules={rules}
+      render={renderInput}
+    />
+  );
+};
diff --git a/govtool/frontend/src/components/organisms/ControlledField/index.tsx b/govtool/frontend/src/components/organisms/ControlledField/index.tsx
index 1cb8c7d5c..e7a50f7ed 100644
--- a/govtool/frontend/src/components/organisms/ControlledField/index.tsx
+++ b/govtool/frontend/src/components/organisms/ControlledField/index.tsx
@@ -2,10 +2,12 @@ import React, { PropsWithChildren } from "react";
 
 import { Checkbox } from "./Checkbox";
 import { Input } from "./Input";
+import { TextArea } from "./TextArea";
 
 type ControlledFieldComposition = React.FC<PropsWithChildren> & {
   Checkbox: typeof Checkbox;
   Input: typeof Input;
+  TextArea: typeof TextArea;
 };
 
 const ControlledField: ControlledFieldComposition = ({ children }) => {
@@ -14,5 +16,6 @@ const ControlledField: ControlledFieldComposition = ({ children }) => {
 
 ControlledField.Checkbox = Checkbox;
 ControlledField.Input = Input;
+ControlledField.TextArea = TextArea;
 
 export { ControlledField };
diff --git a/govtool/frontend/src/components/organisms/ControlledField/types.ts b/govtool/frontend/src/components/organisms/ControlledField/types.ts
index f75c9b978..6bf85727d 100644
--- a/govtool/frontend/src/components/organisms/ControlledField/types.ts
+++ b/govtool/frontend/src/components/organisms/ControlledField/types.ts
@@ -1,4 +1,8 @@
-import { CheckboxFieldProps, InputFieldProps } from "@molecules";
+import {
+  CheckboxFieldProps,
+  InputFieldProps,
+  TextAreaFieldProps,
+} from "@molecules";
 import {
   Control,
   ControllerRenderProps,
@@ -9,8 +13,8 @@ import {
 } from "react-hook-form";
 
 export type ControlledInputProps = InputFieldProps & {
-  control: Control<any>;
-  errors: FieldErrors<any>;
+  control?: Control<any>;
+  errors?: FieldErrors<any>;
   name: Path<any>;
   rules?: Omit<RegisterOptions, "valueAsNumber" | "valueAsDate" | "setValueAs">;
 };
@@ -28,3 +32,10 @@ export type ControlledCheckboxProps = Omit<
 export type RenderInputProps = {
   field: ControllerRenderProps<FieldValues, string>;
 };
+
+export type ControlledTextAreaProps = TextAreaFieldProps & {
+  control: Control<any>;
+  errors: FieldErrors<any>;
+  name: Path<any>;
+  rules?: Omit<RegisterOptions, "valueAsNumber" | "valueAsDate" | "setValueAs">;
+};
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
new file mode 100644
index 000000000..cd6cf3157
--- /dev/null
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
@@ -0,0 +1,156 @@
+import { Dispatch, SetStateAction, useCallback } from "react";
+import { useFieldArray } from "react-hook-form";
+import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline";
+
+import { Button, InfoText, Spacer, Typography } from "@atoms";
+import { GOVERNANCE_ACTIONS_FIELDS } from "@consts";
+import { useCreateGovernanceActionForm, useTranslation } from "@hooks";
+import { Field } from "@molecules";
+
+import { BgCard } from "./BgCard";
+import { ControlledField } from "./ControlledField";
+
+const LINK_PLACEHOLDER = "https://website.com/";
+const MAX_NUMBER_OF_LINKS = 7;
+
+type ChooseGovernanceActionTypeProps = {
+  setStep: Dispatch<SetStateAction<number>>;
+};
+
+export const CreateGovernanceActionForm = ({
+  setStep,
+}: ChooseGovernanceActionTypeProps) => {
+  const { t } = useTranslation();
+  const { control, errors, getValues, register, watch } =
+    useCreateGovernanceActionForm();
+  const {
+    append,
+    fields: links,
+    remove,
+  } = useFieldArray({
+    control,
+    name: "links",
+  });
+
+  const governanceActionType = getValues("type");
+  const fields =
+    GOVERNANCE_ACTIONS_FIELDS.find(
+      (field) => field.name === governanceActionType
+    )?.fields ?? [];
+
+  // TODO: Replace any
+  const isContinueButtonDisabled = Object.keys(fields).some(
+    (field: any) => !watch(field)
+  );
+
+  const onClickContinue = () => {
+    setStep(3);
+  };
+
+  const onClickBack = () => {
+    setStep(1);
+  };
+
+  const renderGovernanceActionField = () => {
+    return Object.entries(fields).map(([key, value]) => {
+      const label =
+        key.charAt(0).toUpperCase() + key.slice(1).replace("_", " ");
+
+      if (value.component === "input") {
+        return (
+          <ControlledField.Input
+            {...{ control, errors }}
+            helpfulText={value.tip}
+            key={key}
+            label={label}
+            layoutStyles={{ mb: 3 }}
+            name={key}
+            placeholder={value.placeholder}
+          />
+        );
+      }
+      if (value.component === "textarea") {
+        return (
+          <ControlledField.TextArea
+            {...{ control, errors }}
+            helpfulText={value.tip}
+            key={key}
+            label={label}
+            layoutStyles={{ mb: 3 }}
+            name={key}
+            placeholder={value.placeholder}
+          />
+        );
+      }
+    });
+  };
+
+  const addLink = useCallback(() => {
+    append({ link: "" });
+  }, [append]);
+
+  const removeLink = useCallback(
+    (index: number) => {
+      remove(index);
+    },
+    [remove]
+  );
+
+  const renderLinks = useCallback(() => {
+    return links.map((field, index) => {
+      return (
+        <ControlledField.Input
+          {...register(`links.${index}.link`)}
+          endAdornment={
+            links.length > 1 ? (
+              <DeleteOutlineIcon
+                color="primary"
+                sx={{ cursor: "pointer", height: 24, with: 24 }}
+                onClick={() => removeLink(index)}
+              />
+            ) : null
+          }
+          key={field.id}
+          label={t("forms.link") + ` ${index + 1}`}
+          layoutStyles={{ mb: 3 }}
+          placeholder={LINK_PLACEHOLDER}
+        />
+      );
+    });
+  }, [links]);
+
+  return (
+    <BgCard
+      actionButtonLabel={t("continue")}
+      isActionButtonDisabled={isContinueButtonDisabled}
+      onClickActionButton={onClickContinue}
+      onClickBackButton={onClickBack}
+    >
+      <InfoText label={t("required")} sx={{ mb: 0.75, textAlign: "center" }} />
+      <Typography sx={{ textAlign: "center" }} variant="headline4">
+        {t("createGovernanceAction.formTitle")}
+      </Typography>
+      <Spacer y={4.25} />
+      <Field.Input
+        disabled={true}
+        helpfulText={t("forms.createGovernanceAction.typeTip")}
+        label={t("forms.createGovernanceAction.typeLabel")}
+        value={governanceActionType}
+      />
+      <Spacer y={3} />
+      {renderGovernanceActionField()}
+      <InfoText label={t("optional")} sx={{ mb: 0.75, textAlign: "center" }} />
+      <Typography sx={{ textAlign: "center" }} variant="headline4">
+        {t("createGovernanceAction.references")}
+      </Typography>
+      <Spacer y={4.25} />
+      {renderLinks()}
+      {links?.length < MAX_NUMBER_OF_LINKS ? (
+        <Button onClick={addLink} size="extraLarge" variant="text">
+          {t("addLink")}
+        </Button>
+      ) : null}
+      <Spacer y={3} />
+    </BgCard>
+  );
+};
diff --git a/govtool/frontend/src/components/organisms/index.ts b/govtool/frontend/src/components/organisms/index.ts
index 749a01357..c787e72aa 100644
--- a/govtool/frontend/src/components/organisms/index.ts
+++ b/govtool/frontend/src/components/organisms/index.ts
@@ -2,6 +2,7 @@ export * from "./BgCard";
 export * from "./ChooseGovernanceActionType";
 export * from "./ChooseStakeKeyPanel";
 export * from "./ChooseWalletModal";
+export * from "./CreateGovernanceActionForm";
 export * from "./ControlledField";
 export * from "./DashboardCards";
 export * from "./DashboardCards";
diff --git a/govtool/frontend/src/consts/governanceActionTypes.ts b/govtool/frontend/src/consts/governanceActionTypes.ts
index b3b6a8539..8930119d8 100644
--- a/govtool/frontend/src/consts/governanceActionTypes.ts
+++ b/govtool/frontend/src/consts/governanceActionTypes.ts
@@ -1 +1,64 @@
 export const GOVERNANCE_ACTION_TYPES = ["Info", "Treasury"];
+
+export const GOVERNANCE_ACTIONS_FIELDS = [
+  {
+    name: "Info",
+    fields: {
+      title: {
+        component: "input",
+        placeholder: "A name for this Action",
+        tip: "",
+      },
+      abstract: {
+        component: "textarea",
+        placeholder: "Summary",
+        tip: "General summary of the Action",
+      },
+      motivation: {
+        component: "textarea",
+        placeholder: "Problem this GA will solve",
+        tip: "How will this solve a problem",
+      },
+      rationale: {
+        component: "textarea",
+        placeholder: "Content of Governance Action",
+        tip: "Put all the content of the GA here",
+      },
+    },
+  },
+  {
+    name: "Treasury",
+    fields: {
+      title: {
+        component: "input",
+        placeholder: "A name for this Action",
+        tip: "",
+      },
+      abstract: {
+        component: "textarea",
+        placeholder: "Summary",
+        tip: "General summary of the Action",
+      },
+      motivation: {
+        component: "textarea",
+        placeholder: "Problem this GA will solve",
+        tip: "How will this solve a problem",
+      },
+      Rationale: {
+        component: "textarea",
+        placeholder: "Content of Governance Action",
+        tip: "Put all the content of the GA here",
+      },
+      receiving_address: {
+        component: "input",
+        placeholder: "Receiving address",
+        tip: "",
+      },
+      amount: {
+        component: "input",
+        placeholder: "e.g. 20000",
+        tip: "",
+      },
+    },
+  },
+];
diff --git a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
index ce2aaadc0..565cdca9b 100644
--- a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
+++ b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
@@ -3,11 +3,13 @@ import { useFormContext } from "react-hook-form";
 
 type createGovernanceActionValues = {
   type: string;
+  links?: { link: string }[];
 };
 
 export const defaulCreateGovernanceActionValues: createGovernanceActionValues =
   {
     type: "",
+    links: [{ link: "" }],
   };
 
 export const useCreateGovernanceActionForm = () => {
@@ -20,6 +22,7 @@ export const useCreateGovernanceActionForm = () => {
     handleSubmit,
     setValue,
     watch,
+    register,
   } = useFormContext<createGovernanceActionValues>();
 
   const onSubmit = useCallback(async () => {
@@ -40,5 +43,6 @@ export const useCreateGovernanceActionForm = () => {
     setValue,
     submitForm: handleSubmit(onSubmit),
     watch,
+    register,
   };
 };
diff --git a/govtool/frontend/src/i18n/locales/en.ts b/govtool/frontend/src/i18n/locales/en.ts
index 8483755e6..5b775de1a 100644
--- a/govtool/frontend/src/i18n/locales/en.ts
+++ b/govtool/frontend/src/i18n/locales/en.ts
@@ -124,6 +124,8 @@ export const en = {
     },
     createGovernanceAction: {
       chooseGATypeTitle: "Choose a Governance Action type",
+      formTitle: "Governance Action details",
+      references: "References and Supporting Information",
       title: "Create a Governance Action",
     },
     delegation: {
@@ -187,8 +189,14 @@ export const en = {
     forms: {
       hashPlaceholder: "The hash of metadata at URL",
       howCreateUrlAndHash: "How to create URL and hash?",
+      link: "Link",
       urlWithContextPlaceholder: "Your URL with with your context",
       urlWithInfoPlaceholder: "Your URL with extra info about you",
+      createGovernanceAction: {
+        typeLabel: "Governance Action Type",
+        typeTip:
+          "To change the Governance Action Type go back to the previous page.",
+      },
       errors: {
         hashInvalidFormat: "Invalid hash format",
         hashInvalidLength: "Hash must be exactly 64 characters long",
@@ -427,6 +435,7 @@ export const en = {
         "Warning, no registered stake keys, using unregistered stake keys",
     },
     abstain: "Abstain",
+    addLink: "+ Add link",
     back: "Back",
     backToDashboard: "Back to dashboard",
     backToList: "Back to the list",
@@ -443,7 +452,9 @@ export const en = {
     nextStep: "Next step",
     no: "No",
     ok: "Ok",
+    optional: "Optional",
     register: "Register",
+    required: "required",
     seeTransaction: "See transaction",
     select: "Select",
     skip: "Skip",
diff --git a/govtool/frontend/src/pages/CreateGovernanceAction.tsx b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
index 295dda462..bc7a8fb2c 100644
--- a/govtool/frontend/src/pages/CreateGovernanceAction.tsx
+++ b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
@@ -14,6 +14,7 @@ import {
 import { BackToButton } from "@molecules";
 import {
   ChooseGovernanceActionType,
+  CreateGovernanceActionForm,
   DashboardTopNav,
   Footer,
 } from "@organisms";
@@ -77,6 +78,7 @@ export const CreateGovernanceAction = () => {
               setStep={setStep}
             />
           )}
+          {step === 2 && <CreateGovernanceActionForm setStep={setStep} />}
         </FormProvider>
         {isMobile && <Footer />}
       </Box>

From 149ac968ec57f41d4b69e041ef9e0eb34fdf72bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Tue, 5 Mar 2024 08:36:02 +0100
Subject: [PATCH 031/109] [#360] [#110] add to changelog

---
 CHANGELOG.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index daf513969..5b6662494 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,8 @@ As a minor extension, we also keep a semantic version for the `UNRELEASED`
 changes.
 
 ## [Unreleased]
+- Create GA creation form [Issue 360](https://github.com/IntersectMBO/govtool/issues/360)
+- Create TextArea [Issue 110](https://github.com/IntersectMBO/govtool/issues/110)
 - Abandoning registration as DRep [Issue 151](https://github.com/IntersectMBO/govtool/issues/151)
 - Abandoning GA creation [Issue 359](https://github.com/IntersectMBO/govtool/issues/359)
 - Choose GA type - GA Submiter [Issue 358](https://github.com/IntersectMBO/govtool/issues/358)

From 0b27149d3a94bf3ee8bbaadbbc7727052991ee43 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Sza=C5=82owski?= <michal.szalowski@gmail.com>
Date: Tue, 5 Mar 2024 16:47:41 +0100
Subject: [PATCH 032/109] [#379] create the propose a governance action card

---
 .../public/images/ProposeGovAction.png        | Bin 0 -> 10302 bytes
 govtool/frontend/src/App.tsx                  |  18 +++---
 .../src/components/atoms/ScrollToManage.tsx   |   8 +--
 .../molecules/GovernanceVotedOnCard.tsx       |   2 +-
 .../components/organisms/DashboardCards.tsx   |  29 ++++++++-
 .../DashboardGovernanceActionDetails.tsx      |   6 +-
 .../organisms/GovernanceActionsToVote.tsx     |   4 +-
 .../src/components/organisms/HomeCards.tsx    |  57 ++++++++++++------
 .../src/components/organisms/Slider.tsx       |  15 ++---
 govtool/frontend/src/consts/images.ts         |   5 +-
 govtool/frontend/src/consts/navItems.ts       |   4 +-
 govtool/frontend/src/consts/paths.ts          |  17 +++---
 .../src/hooks/forms/useVoteActionForm.tsx     |   2 +-
 govtool/frontend/src/i18n/locales/en.ts       |  47 ++++++++++-----
 govtool/frontend/src/pages/Dashboard.tsx      |   4 +-
 .../DashboardGovernanceActionsCategory.tsx    |   6 +-
 .../src/pages/GovernanceActionDetails.tsx     |   6 +-
 .../frontend/src/pages/GovernanceActions.tsx  |   2 +-
 .../src/pages/GovernanceActionsCategory.tsx   |   6 +-
 19 files changed, 150 insertions(+), 88 deletions(-)
 create mode 100644 govtool/frontend/public/images/ProposeGovAction.png

diff --git a/govtool/frontend/public/images/ProposeGovAction.png b/govtool/frontend/public/images/ProposeGovAction.png
new file mode 100644
index 0000000000000000000000000000000000000000..a355503a3a2813ba522dd44bcf3b64fea17ea3bb
GIT binary patch
literal 10302
zcmV-ED8bi>P)<h;3K|Lk000e1NJLTq002|~002}71^@s69BUB400009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsHC(}tpK~#7F?R*Q+
zZD(2D`>or){`Ygu$&CO(6F{^Hl&Ec`iWnnkt0@JCGOd-VLmh3krPC=oOqsURPO-p@
z#Y$%sOGiYMsUTP`BZP2~5EDX30+Rbl$hrLYeOZ_9^LgI)TYLWrCpqWja6&TUO4jUs
z{=N6wYd!0|Jn!?q-xhg>Y~hO`FYkKfZPh&|H=AR-Z<fE=&TX4~@t%J*y76ma@|O>U
z=Dy7kzBzfhJPo%*o&np&7w){Q+1-6hs2kC}swIeja|pr7(`<W20Ge%2-s&gSKzt+8
zU=R4;hpS|>`aXG@ZBKhZH$QUIbDGiQl@b7?Cz7_qG&{Ztuau|R_Ou7oHIsjl_`2_a
zV79g(+3HYSHxnZ2g1Z)OKai)<_Ou3+G1Arkx^!_Moo5}Eq~8^n;*=Y&fWq(pmaNOO
z9{ah?&CS(jvwpkZtZ!^KtKX2PaLeQ=+z3!}=Uu;(EG+(v>-W9@blxFL!;b@jRq@GB
z<1L?YtBW_Z@8A9KXMQ+aTfDq;#j{1GNJQ8j{tG--iRT^It*?Fv|GaJX9S`kZ9VY1q
zCGm%ey36FH^?LcGY^C^Jc?!1ko+SZdDko3AQS!9YeDm0YQZ?_9EORc);ksS;NU|NO
zDi7PEZj$HY(Cz+Oa^ZouIoRg-(>MQ4e%XbuOZxEY3NaKQGL8nuQaTs#be-b!?qKg4
zyx)fhcVE@i^}BuL*IbrKI_QX`j&J>xTgv_(-V@|JZ|4<IfSFWx-Tr^mZuffE8%o&S
zg_Tt>%oI7s+t(-N!eKN~N|Y3x;0C>4t6cBB*>v~wGU%-(%ZmUK?=35PZ;ibHuyxSS
z_}V`R5PLZGY5;mkw~%bmm2{~uuAh<>j9d|3?)v#><UDWZ70~+jn|>-J*&n(D7TM`4
zm;&nP(oBKz<1sAHtj<rSy1S5w8w`DRVBe0PmWu*QPS%!S%{{RDN<mdXEAEXn6Y$bW
z4NwCQEws#}2SBkCP#Gwo;u86w4AXxGD?K6SaXW8GiSZIJ{SvO!g=!*xX9K|1^ircf
zd~5*3XeaKl-kmLJwl<{s=EF&|zOksmvMj}a^Q8FW>o{9{h=xs<S4$<80-)Y&WOWPy
z`~rT?MO%r{0S~VV+sy-hv-!H;@*l$a9g*{}eOmwxx8Ax^Kk$v83CACPS=iY*#J^2$
z{nVwnife>n3qUsGEx2hDeInQncMo-`fHJ(%x{zgH$zySOreJY%8LW)pO{W$j+BjNs
z2f|HwG)Hxh<9JQz;{DIY<F$U*|0g*Q+c{_XaK{Y`O_qGcO(%z&s+43h_Wq&!{~|Qg
zTl{D{Q!4~1cfkV--oK#FNzIi45m<aK;C;!`sxVoFNeLHC419u_@V!oNi0k0>U8|V*
zZ@Ry<?#>fR=fFxlylw=28niwD0}xlsYhke`WtjX|naJ~Spb28^jkD`|ACl>h$VHON
zb8sB6km@csEdKIzc$_n!(|m9!PqM?b90%9)lidUf=OvP4FG-34t_O)GEpdivyg*zO
z|6{D|^(0+g6W)k`_$d`)Xuqcc&n!5dyRi3WrJab7TBf&0zJ|~6xEc~f>~pQ9@^7qI
zD+D3LUJVWXG{L+7rR@0E;7;sUwlS$+E8EkXe9`?W1gw|gxG$H+4fXqrw8Hj^JkLKN
z=M&J5cZE;X-pqxAxo4P;;O3Ta^a7JK#!icW%=82T{7JF{hoxCxH+M$NOnM7=KP)n`
z9Ke8zi62J{Ca4Gpp&rXjEFq|TZ<ZLq(Lj|lDWLdAX{<nB&+*-v(y0VM?~f5^A(Zla
zl64nAz+8LYlEytj5K6Mw;@SBH6o?!{tlIz>%LW{c5!MG6qpQ>9HLm3a;$Ce9j?$x^
z#Z<aIvb4(zoDE`Vr-$b;v<CxI0&i3Vs;bTHk?})`zm>7ZSNr7AfdvbIB3B%AQ|lCC
z2f!*Jm}yLKO_+srY>U!bd5Gw6j}GI#KXy7e&OIqT`-R7V)KN<y@sg6rFBOzVlahzU
zh6+}NjBjdDW3H;M?JObDg=x9mWAbt_qw9Mcb9=^9H9-)4wa~IrUTe=Qcm@(3U-OYo
zXvi=xN@6^o{e5bH&$bvcBzLwa^UwRK|Jdo^IBN?fS(kf1eNc*iE?wC~JlYIjzxnGh
zpeyX#jk>seAjx2j$XT{-Dl-CbN5}WoX1Oy^)rzyWur!xd0_l~zw#g;bbbHU31}e1;
zAf0}N777SGfeDB4JaZO8qu0BfRaI(-V!oqgW)ZN=zDj}h5zN*yWBq~WyV)Q+ZDDZM
zfR?xZ$-hnW&YKaFI&M;I)c4+Whp(!A8V`vJeLjJR(dkDka1k7@7HFDq1d^YD^(q*R
zS-1kmkRcH$A7YY<rczsmPdbHKqh|$G<Gu6<0s+vdMk!06r>L6;O^#t2-J1rA??@JM
zk)hM<FZCWo^7y=Uef?_paTv<@boiV#pw3tS2*L#T97@Hkvm$x-rP3tPkP;1N39A|j
z^MvFg&;*qi=k1Yz5<m+V1eUQE|8BAvjN_Mv=##0{?*!R(?W)5VmhV!4(?NxWa&x&4
z<}i?K5tZ34sxQV^9IGY$A>J2_rxS0<vJwMN!HnUc1+%qq=gvsAI%`0Y9=?Ka`W{Uv
zzEb`up~G7ad@AFL8EWXXutXwua&+b3T+}hWB_xfD5l}r2tqK$h+!N($yr}56X%a2V
zsfF^dohvWW%<l5sKI5Hz2k#Y<mQtrQi4nz$0p0mJyaE9L2_FJY6=DKPEThkplz}O7
z6yfd0Gr{MyfQCD7JW{9G3vhu)aHB7Qg<hr!MO_(|GTtU9*32GixZrf6REROu2)4{=
z%&dTkE|0jXrK2=6Q1xxFnvlypc4`<g+U3W{B868Fm3p-WfDeX2aPvH*?(S#j;NyFO
z-p9tmLK)pXomtGIla$%R@2Ad9<y--+@A$;^KGeURNV=c_lJ_*}Xz&++$E@7|P(k@f
z5rZcm%3ZuPmj2=qL$C!k;y6b*T4;znEts^57gxp8g4OFwuvVyZI23L`QJB@Whife9
zkvck(`(U6lr>i10tMAPK)H<s$H^4T_cf`)MiZ1Ww0HebDoSfnIgn*`qkKla^>YlU^
z7jrQ0bVH?QEHy=qW@>j^cx_XJ*DdLcj!W8Ip2bnS0%ut}X;0eE0X79*tz1}Hd8?Gv
zbc)nSevz5=^859MHk#ygkNRkcU`pE%#ru7WPO$jfz;dY%B&lV6S4Lpl!b8bQJV!c4
z=HJ^)n;%Px<PEqvr94?cap517y!d%!*1oDc&U`mil-fpczinwsxO-C?_oTkmKv_Zv
z*g1NeEMD@GM_K1gwBTbB9n<+(+sC#>RjIY(Zi-u6RKm}sV~2nRQhfr?G^!Ld*#*7X
zX)HgJ$cB^14#eVW)DZ|M<7WnnmN4#i0rD2kVVW4AnSnU7QdPxJ1~l?|Uo`~t4QCB#
zxc|mpdGh45WwH)oad@-Kdf)G3b;meF4O1<N*%t1|n979Y60hZ<4^x>O|Aq_>UM>k@
zsYbQP0#s$k#nPe!fzyj1c~2~H(e0O4Bw5~P?{ADM8EKy)t4}qKdc0pLEZ?IyAX953
zxIvR!1eA|_E#6qqn}9t-wdH7@ZR~A=MK!$_ZVu|6=Q!_|BW&a_jOvU44PW`tYd~rK
zd9!}}`*FE>$%?~|rC7KC=T=y}qEV&1yX2a%2Ut?Wx*f68H;~=%?Mad&j&8{2{kO>S
zg)dZVqs1t&jkzRmge#041SB$;yk_t8(#s)SEJz!F$s#D6sC%RO@$Ifchgqm(xRI&X
z(v?b*TB`z?Dl2e^*P$)k0APyHK>?byDS#Q!O4SJpF|wb<$7txb>%W&}TbA&z<EI5Q
z-1gz0fNT6OoL}G7<b;(a9z1WRJCd&)QFlwKN&!i;4*F^Uqb`tfJ77CqWcVG#rycd^
z;WFdgHnh&;01mC+B(mk!sz6s<-nTFU3wHy!_eBSkZq2%ys(IGBlf(;@B31aCmf*(-
zOuEKI$-k%3Z3$GckfJwGW20GYF@#=Fv*tHR(XCQXkVjWbq*7@FGc!vD;ES^04xJI8
zQgmMIQeL4~xy@B3$C33mJC8`dbWjBjCCAh_S*=9E&MJizhSr)Q+%k?9RKzHVpmt}!
zNO>i#)GL`pZ0y09n4$5vKEPaBGpnpx&f@0vJ41_axofQL8Pk0X6K%O#TgGQO%F;7v
z?cRnGH5;5`qVC>oS>;sYW@%~Pmax*QV@`o|F)uovKI|q8{70Z#y$OGNFB^l852#B_
z3gU$`&cXW9#Dofn$5NlXA3d52l$t1b1hUaAB1Rhdg)H?zvTCNr+D@tmOD@skKu9n(
z4#yLVyV6||w*XPO+c#67^|=V9UjH6;9sSSENTt=|q16t=6gMA%Q<<){+Ni_w+%q)r
z!U$h=!V+7GWaQ!cNhg-7BC{+{3a27CBS;pF0j-nJ_wSLyy*jLipLHv4<J5rq<`ek%
zuN%QNE5fae>P&{r4YdgFE1e~ov0&bP@KW9jPjG!3a8l)bmWhO&OdPAy%1RRfE;3oX
z5c}cS(h#eZG^?g_C8*8LvpvM`Os!?oeg_jvVk{zwsX4?%IJXzn?ueZ^cx?G~#C(>W
z{Y0Co`hFfdi|j)$qs>s>_-$hxRYQl}+aHJf{|`L-C#MFqKKXgcRzD3t{lRD+?NzBo
zI#{8vw(xztU4_-hJTgF63u9<2O?XsHtiDs}j<kyLn6Huir>g*SxHfm+Aal^PI`U?n
ziM2_BCYN9r$z!uhB7sR83mM8D+JLu*?}R;<;jPzHJygo{kty^BcwpgF2ytz#;rBR*
z$*{A}Dht!+@ka4-((oE|0p1HG>!U4<Gd<K@d3`D4>CfT9@3jhM58)PzDKr>AfyP>o
zv|XV<ktq8PaDX*4Ic1$_WwAOj0&3L_W9+_5qO2F%1IO$fd7!smk#1?s)NI)CJp@wQ
z#9bZBNnvfYx`eVHj>CA#P?WUK6QgH*o$t%~9hp7|{yc4BO%baoH@C20s&=GFZYHX@
zy<JqbR)&>;o|(J}-k5z0pn7dD`tiHqdjA1d)mWuqci%;8Y}+)xL~GlR?5<|$nKQ|_
zWL9&xywl3dCYGrP{{2+|u_7~}l9-bgjS)_^(G}f+F0i{J!he(Cs|RG-xT6A3$xel6
z0F<sSVP8N|JWzmB(4d51^Yzq7JL6vaNJ~%A`l!~c7+K8vTR@#WW^<3(_iiSR8OtdB
zHDCxA%D1?Ddz>p?@t*MI|2Kd&ybZUttJap<tx<cU6*Z(%CnQ_D6lR}AYx5$HY2WI5
z<Je5PxGd?)A+<zbPOZ~9C7Y;bMZ(PG^`<0|suZ#0r0X{(w{f_E-cK+WtbX_L0(IcQ
zyEzZ-0Nh~*H?xp*kZao{fu%ADC3!Ljb%tYG7Q0ioqoY=!Eo_xbTv1o`<#=+>DFM~(
z`PaS6-}1qb6yd*1PNmqa)U*vB2{#Vf8R(?P9Jr`CN{oZtQe4d95Es8{l?=G7Km#DJ
zB%x>ZBit=3m=J;_7RU?J%#0)33o7125)V)*(dpOFLt>Rgyghl4#@$49(*&TVJy<ya
zELJ->TpB|~8rwA?3eqy$_l5$yK9PAT6@jm<P{^EHeq0OHH``FvyTVug<aW612k_Z_
z$T+z8k@kkPjz?n3DW543-czuLXvF{~MY1AyO}YcUKo$w=-eqY(G7e96MMgVXTI#pv
z5T^&Il=6<1jO3dMcx=y(Wi$o=6v3(|R!db(C_bu7VzG$;5;Ss8)lqS}{qJ57f1=Tu
zr=;x}rOBi7S%@I&?v$B?n6<S1-9#%T!Jx$t^5zKvodJ90b)OEm{pq!+LOvTNqqG@=
zPwMmr=*M7no}o39$7Y-g#Zj+>a?kGOOr)Tj>%dnOm4lC}JuD5Xl?TwQloATaJv1N@
z8$ERcrrXifV(9{^E<_>$IZu2{eDP6YE)8`nh&U5KvSgO+i_1}X++Uk@%}atgF=z+$
zV!MU~Li?iXznsYui6V<Jhio}1PYY<c<Aw{wZ~uEg+Wz~ECWxRVWLhlPnRx;;(f*O@
zpbTP6FbY=GH7RHmkuSDvAtOi4trbGx0KCRY4FeNs&fBUuB`eXb=*rsag^EStS_Ni=
z_5tE&2b2w;Wt?n<5Z9_uja@X$AcCY|(24<2dIaCO9n`uw_@MpzsN}avUeC9-e<*!&
z;ZgNQ!$CFB#O_M(CYh!;p58)x`5#ExyCxYT*0lYfSpIPyi4q<|fa`W*iP#vJ1Qoz|
ztxF+x(47E)RaGIXH&l@r<8WaaK9j@Zx&V>Zk3{7+PUuxIJ~Mt2AT?-8bGwMU4jOE>
zY4sq(KxWzBN*a^$k{)Rs<0cz{rZ$nrvh%6KWBBT37jby(tp(kx`6`gk!Q%}{qJC?y
zoBUUSdO-r*Ldf}5cj0`Z@9_c6)6XH3Tw?-7B<6KFle^TlCJ;hUKDLUx#ZS6uqvM7e
z%BEw4!d$79#KKWMEV0B9sCxnw=^!*LARckvb9)mS<vPv|K=&3DD5nLHQ<>0*R4?2E
zaNi1;6knK}$b|uBHf_v;nUv5n@uW`$`$)M8%k_38<;gO3MI(r6neD_%q*FN0CMGVk
zE7bpNg{#0LZ|c3M_sPAmJwBipT=gsRz?c3uZqGGyIuzy)tsBRBza4bY9*!=3q4)r|
zfb}NSD|<sD=M-IZEYYZq3dngA!$M+e6PQ8RM2S4+6kg9h$K$BV6f{n&e5W8&7oc`P
z^_>~L(LPb*6OFw|Fwuj>ot`%n6e!d9ZY0*N+Wws<iiF+dFdqYQ=I&ahMP-YCX1IC9
zVt(V`#e?5`ENqVpsLB9!`Bs?MAL5_g*+g3m;L0j8ZNx;X)PBxNMNL?I6;|EsZh%x5
zwqT3#xQ+mFV+F?72qvwpKpS|tEPi3rxF{{O)3tUm^jSgM*r7e_Dg#cXM%361dqMpC
zP_$YLUAv*U3)(>R?Zg6^0SbfZ(Xm!LMyG;;te{e*N@ANPG1<<?k2bh7IrwZ2KASCO
z?>`l8PnhM)hwr<m*mtl*ChE@0Bxf8gP+;yw`qlQESmwc+yh%RVW2gIjgob1?utZT#
z;!s1RHd+nk7Eh`EGmb(~PH54bb6SKLGaTxWSc3T3Z0_nPl~9yMA}hD2QtiTG>B^*5
z1e0SpB>xni8AGE^Y9+sQNm&4>niT9Ds3d7F4|__ZmW#%u)Is0BGh|4im51S30m?Q=
z{qTK%G(CFvV!nF7F1V#S4Dd@wEXGCJV~eq3xtgW3!0uSNfG#!b5936Z!9%x{gC@+_
zbZ<>aU9;$_vgs3TXV|e=O@T96n*;ID^$;~zc!DDxjK~3Cy3dZI=g9YHiMnSLvJKoC
zmCQ4W{qPE8`gEAt*iITLQhd(u4{ckjFiu-66%yqshJ_cM6`+3okvD+@UhZ*`<?*99
z*qT`(r#?F9`ScIXyN|6!vXb$3XRXZ<6(m?!jauDp9~aJy((OFx5nY_+sO$GNyDQD=
z@WO1KNx5Vkdo-~#j(sD0XRC{dmtCoLrZ(S1{yOL>jpBHY#_c>-OXQ=e@lmx#05*8;
zP$u7)pk<b8t>1QHTQFxNpP&NJ6oo*FGS@?tZbqCMOfNiRK*KE`cz#`$|Ckj<G8`yC
zzKPs5>7kUo#43A^bF&tYlXNx!5h4HpjcpWmMOhHgGN%BMN<UmX=?rxkg6#{nByv%<
zHCzNR_ML1RFVnxXGHPj;wt-2iVU=Fz&XQJZ*Rs-a1~k^{dQGuBCPgCm%nx;>exx?x
zq=?hhZP}U3b<tM2PYTmCk_E(T9A~;Y{puM38ov6cFNMYZ0lFbaT$I$b<w5R=3r*K9
zH?m!oDspILq;g*q-y6jaQY<c30GMIQ3JWDBC=?$X{9Vr-t&g12+R8!YlbX#X%6JlG
zz1YpPj&m$6^&*Y%JKQ*ykilg28Td9-YqfevoXp$V1}Xv1526)v!s0ozy7J95dR8j4
zu}3Y!K(Epgf9wXymmviXPd)tbtrprD{A+N=BkH?skTp|l*ug@R;e|MnAwU8sQ}*Aj
zgbcyY=adwDBo^$PVrJ`uKyqA%17>`G5&?1GiDA5s_aPi~4_I<ypmQ$LF|$yud?=={
zeY`ud`g(u_M6MgVovPx)T0;wJGH)ff`BaC@;^-sEd43q}neoKJNDF3+rL&moW@$qj
z6aj1?JDnX(zxT`los2#S_x=eq#R`&ii8Z>)Ws4UhV~<gBvTa<>MrlGjQsZOk$r&eB
zQfj4B8?<G1=NLCy%?;c<Ef&$9-iM3nn%Wezy|lV&8V46hwI&D~$nMShw$#T?YW0+;
zCg9X6lU^%8<L|A7#yB2k-2gXV(i05S0C&$X=ty(Y`d_W9YfR1K``N345tLh{u&qw<
z8g1y4c`twGsQ`7S`s3)&|Mx{{mb?y!{6&2JfC>yG*h?>jSdUgQ2)B=!o!05v{z0tc
zeG6iR5|P7XBg9X%PiU<b_Gu_(f_QoOIe%9MYtM$@v0vQUq3G_>E&0eYbPJ!~0+`sj
zR;hgG5x5<PdC@6_#;P?v1(RM+g=UV6Q()H7oF>fXdE03fb!RG21zRAgmaJhX*7MO)
z)zxG4X+~bQk8aE8_?UC3$J0D{cXlXy>;50uzkSAlwp+O6cL(K8__3_W-<I?jF02s=
zs%=w+LadDRAUZ18n9LK0$QUabJC!D(KaUToOKBYss?)%Fdk3B`{r%sCq=3W+aIBw%
zV~r=ak8qsbvAVj7#~a&L&!Y-zNZOI*$x#Vtx&#G(aiC$u71?ZXOm%?D%cGipRPxg(
z?G@2Ur!mfIX1CrI^`DJ9Ho+ux7U9MwRM%g0{Y4Kx5oS*a=nU99KKd-2!7Yem3*&9n
z!IMg6i?VdVRV+1`ZV@{<+r%k60_y-IPd<f+!Uli_F$KMp{J;wk;4iU+1no5JBIa(x
ztv5E}AOjOcp|TyXknxk2L{jdz0X9ttu{2p+kYsrYGTMSI0gt1OCgnv%sflQ%$&5<r
z6f-BD$(w1(^&UkDkE6RMs!621w1RbBI{1OX(bHjdW&^jq{su(g)cG+uctG`+AkR!q
z_Y~6zof6PEa>&*zKu9}<@<DBqQFRxq^I7VJ90k~5S(T`E_LIkJHr8dbeo_jQoEctA
zD4OKf_@lr=wMkpZ1ddC-TdtbKkp~ya_#Sm#T|LT0kNuSrO;lRrOUzvMvHC=%$uk9+
z2cWrh-E)P5x8D{(C!^QHBKw*EAXoR7K~m8En5^$A6R=i#VtbO#f;*pU(~L2=6;#>_
z$Qm8Rkxs|1KnKqZm=pk|osO2Dx&)jS+*s9>(Bg1ID9z#4+H8H45B;=KfNRcV)i$=s
zwl}RcE#iP~3uK$18k>t!^+-o};_K8+V7=KOvmuB)a4F+8r-SPB6U<-z7#rySPN@ht
zZ?0JM>54-nsF9YET39IWi_PrREXvL3_8veb4tO<n9MNgJYycA$nGZm?**+mPBH`B&
zMQ`hqR5hPx>UxLuJ&rTNBfh`HYg4LRjWyPL!v*Or4W*09D(hLovJ*;djGtrVwV$uN
zi+$j<o9bc+BmAtj<)z_7^DAyG{cmzEfWm^_0uc9Gj10CwE9zkxYIz-6t=knJ5;erw
zR#q(AzJytWuCr|W_M~KGT(`uS33kA%Om)mLF0|#KLvV3mE0cCfPJ@=n1axZa*a;~S
z=O&2jI|xIQQKdR*fkf9|T99f5Isz1`2I_owX#hgr)#*FU?v(9ZTzgO6*-otx*B*c#
z$JwSN#IifQC7cMKacl0gPYTd*&u70I<m=}es72Mz269O)!z0hrX$x%uvvUa751crb
zNTj8WT+vc}h&<I;02zUb7_?w99hF&JdrjoFu_xsLmg~gT$9%u?NfUzU+T{+53nVts
zr3(DE;exL%@M8elpsp|LL^ctU7B)t*sumlRM|OsN@ZYWuJ*3*}PqmU_{h#WzdtwBi
zgSZoUblMKm12_Nea5P-)E^wo>22`r?FZ;=MF**5&jJGx+v?S6$=(U`zAOO2!SBis|
z#w?r|$&Y1)n@M0XS+#9g{dt>?DNPiZ86WGY_Q!s`0t<j@NO^$@Ji-87lj3eOfyGT~
zEj4>9E7Dy~0Mb}GXa*K(Pew>u<B69$@3<Sroy!#BNja{OQzx=?a80^MWEtKADhRPG
z#|;6nom@fWzdMUPoz9z0+_m#jElY6j3g7kr6#sbV*#qk9A7Wij7cS7jtZ~5`-?&+M
zpr5j@bf4@yaH(}6qwt{Fezqhq_K<Y?IgMgNY8FRolf)hn$hjt;)JDNWbpmk`^lN7m
zpjK*KKG?XogG`qVNs$)yGYki5A0UA27YiflZ;fG@JJN^pqzl3jN=g8@b9_^C*N}}h
zSZUIQckLuLvk+G^_ZIuIuy0ZND?=QsW7Bs0&L+muR$s6E&z?1)`ZH*E{QpZdLvr=6
zFBG5(*3(cWXHs!I*<%R!mzZU$Q8L)KOI);R5Gf2}XLR)>3LeI9jD)B9(->NQl4^y)
zj>sl@R<P8JH;QUJh`j3~^Y^XK&+qb$%>Z;L-|=TL5CUp|zXV}AhjllVO<B`pDukAD
z2R$zQTNgoQLEW7psRoOmK-eDPhAgd3QNazt76&#@%F(4PdK`17cb&(>?eSY6AbZWN
zfBa3TOc&}!^Fm>HiMN?d3L{?P3Sb{2c?4)~ok3qCZw$)wZ1zdw@U4j#?om~Yww0;8
zQ-B6-N@^cP>&*BlALDXIl6)RJ;lc;p;Dpo&Nwe53rCW4lu)1QSRs1!b%&Mmf$t&+7
z_Oh=Zbpz70jGcx!A+mFFTh}q=2XY0pL6~4w#ZCnB$k)cx$uFEWpxkix-+|2bU)0js
zTM1@?L3?F5IJM1eAnif~n@tk2b?}z<L!=_6=0{pJv(Cs-_*OsHEA_e3l|r>j{am{!
z!Nqw}4J*+rl6WIok@3&4rUg_@848O6;`J0^qXH;C-n%Jcb2iEK24q<}(@a(O<+Xvr
z<+w4E%?bNRV0Zqn@Zv`hSN{y)f8x-O9@>3UfNo89|7W-IuYyZl({No9vV29#f{Siq
z^D5^wUCT9$Y#Ly`4LEUbsHIA=wK4k%44E^7FcYW4O!=RErkyTsm*mZUg2{9Q6T9HH
zaO+)I*kENz!$$!wo1$SyKudNGa2*vMcSj?gf$F(|S!-c8nS+N#zjqvm{IiYS?ceH3
z_Y0`sPrGQg-A-G}hxffNU0>OJ2Q<;^(T`r^OuCQRJnt{d!RP;I+XyvRly*EP$h?8y
zCaG4yjjFASptYh1r8;K#s($qEIwfYI?XnzcHO<lnFX~Y#+b1?;<LC*QZcSlbeP9W#
zQ&{Qr)Br}HVdc0|w<cTgk>eJ~@?C)5=^BkH`kkA>JbwC;>n{0*Jc;d$#1U=}z3=V&
zrJMd6-!!j=6I@78S1x*?3=e--1T;vy{LlEO%(Tb7-{jIgaWi&4H4^(MB2&rIl^(4^
z6vq<dS|pX_*j}MP!sXon>DZn3%JIAI)hesM0&29hqBo%8s0~2cVKt@8acoGzBUD%d
zw?<qCiEL@#iY%@!eYsl<e{l6jRyXBIZfCq2`SA6>$e)M!)vb@c^FMFyxHo~0Tvsd}
zxD2tfu!86@_r^sfqUD}@-FGJG$fFk3wkw9!<?CklsFW%$mS}}z?O_3&(eVwLVqbvT
zR4gn>2Z<;j42)ude@<A><B(lQd-@{~;ILCjgFfD`6v>F4Qw~HRXMFZtz|_l@C%KJp
zzx|T#;^G%@p$9@dJ2zXPYF0X1bkd3?vtERoi^zMY-KflixKjrmL2-KcYj?^Nv2J<a
zK{@!mE78wdH7jjwRdTtpD_ajdjOR7}Tu8ovdVO)IBRGtyQ&{hql@q8_j>?GVH5pOM
z4bA4UjbE;tPyo=&;O2wDaN*%*G5O6a{^1q($~kOL8qje6{Vzal`#h`OF#EC87N{1`
zFzf5c-k<$(mZ0Zrf`k5yTR<nEfkMA=|J`!*Yj=Uvm$C(YG((&`c<5p|^1UyX?x91<
z9LkLy*`j*SwYD761y9YF7D4j6_G=F~mlE`8gq^&W!VNiV1*`6%5GabJ<#V;hQ*CGc
z0|c`z&(RCvk`LE2?jE_}Y{7%f7WdBFzg41ID4pE^9oT{!)|;EM@!&nO@yJmr0Llb{
z^ML&$B(mw&mK^=kO)}VjNPjtJw7!K_6g9R2eMORRSSDg`($3AK)<<HSgDo5-9pF?Q
zPU_)!BR6{T*Zu_ClRxOEK6PKX`o&*FQT#HS|A}LP%+TIgfDYK=dDa`~TBZ4zb(E%b
zSq+i|gpTs~G1+?L0U7UXX${^$Na^D<XohJEmpqq5e6qfQPqGz)R<5&#9Lf50x+y~>
zszGKW<&3vYtloGoZEGnmHN5A@4M*1HJZw+e<+*L%cH3&Fac@O`=oP+d&?RkrQ<eAP
zTCT+DFMBlUrf4}+W+O>oJA4`H<yF%-HLI7<Gk0Wq;t^?3x0mRqDpy2C9vwf4PIGG0
zbL?(n&$%8-e~chk7w70A!Se(apqH%EL4g(y?MJ=em*Wo{Q=vL5vQgvRN2;<p#$s%+
zIC%TvS3LJCavrvG0`ycHe}-s!(--cp%F)H;2;D;LQ^djw)|!D&4u;FJxOi9>-?AM&
z**Yl+B)c4-l(6m+Noll$z7i6XTA-FU)(yxwzr@-7f|_PeM{%g;lW$U;uOe};IZu^m
zpB(Q_K3**JJ~y8BKXug`uBzlI*uL#?gbPYXpZoM*)sxA^<#eJI6=P)qF!U!rrci^9
z-va<M8!%`rj<QXiQtY5S$4NT?Rk2CO31$6FwM><$9LM2eh>X_CF-Wcy;a9Ma&UNrO
z7O?%ji(h^9>z;~Vw0-QB$a&a&IsK*SbbO2!r`-x?gxn-Jr*lX?uB71KRk()*Pe9ap
z6Ic?Cox3ktT)Gd+(pKnnL+Ez5WO3m)vQBR&(|%Le`c4!?a?9enqK+ATkiY#q0VcQe
zlIezj=Z9~7=)>>35{`Fu9o%A)HoI_3{t6jN_|Qe}dLHiN6<`M619Y$AdC+p{?h{UF
zxa|E~dHwTuEOoZ7-rZfO%ibE=6<Zg-{*}kp|Ifz}3Gz3pFs;o$XXHT_;0Dh2pLpb<
z>1ltK@_cRI_85A$+lfE^@D-Ek?l1VJzIr^FZcgj+1Je-RebpP@aLSms`~Djc4Bh9G
z;X>k6a%<aFp`8Z$(1BN8d7XTRw)0}4XS1#S<h8fs;f-hd{-gb^FYlkMehf&yd?ptL
zi9b`vr9a6h<vX~Yml%3Jx947aEn05HulrVwii>=;JBoM$p7rPQ9o(LAfO1>=2jBPE
z#{1tQ;h%L1oX#sfxNr4&x5#&Jdqx7vtrv>_*i6wSY=vwa_Wpf$m3vC~=HqS8SU~$f
z`GWh)X?Z=mq7UeAF@>;`WbR$^H`}>w_rCXrE06xs%^y1c(YszEPlN5R0rSZV|M~R-
Q9smFU07*qoM6N<$f`jN9wg3PC

literal 0
HcmV?d00001

diff --git a/govtool/frontend/src/App.tsx b/govtool/frontend/src/App.tsx
index c380c6664..3c6ead960 100644
--- a/govtool/frontend/src/App.tsx
+++ b/govtool/frontend/src/App.tsx
@@ -57,8 +57,8 @@ export default function App() {
   const checkTheWalletIsActive = useCallback(() => {
     const hrefCondition =
       window.location.pathname === PATHS.home ||
-      window.location.pathname === PATHS.governance_actions ||
-      window.location.pathname === PATHS.governance_actions_action;
+      window.location.pathname === PATHS.governanceActions ||
+      window.location.pathname === PATHS.governanceActionsAction;
 
     const walletName = getItemFromLocalStorage(`${WALLET_LS_KEY}_name`);
     if (window.cardano) {
@@ -90,34 +90,34 @@ export default function App() {
       <Routes>
         <Route path={PATHS.home} element={<Home />} />
         <Route
-          path={PATHS.governance_actions}
+          path={PATHS.governanceActions}
           element={<GovernanceActions />}
         ></Route>
         <Route
-          path={PATHS.governance_actions_category}
+          path={PATHS.governanceActionsCategory}
           element={<GovernanceActionsCategory />}
         />
         <Route
-          path={PATHS.governance_actions_action}
+          path={PATHS.governanceActionsAction}
           element={<GovernanceActionDetails />}
         />
         <Route element={<Dashboard />}>
           <Route path={PATHS.dashboard} element={<DashboardCards />} />
           <Route
-            path={PATHS.dashboard_governance_actions}
+            path={PATHS.dashboardGovernanceActions}
             element={<DashboardGovernanceActions />}
           />
           <Route
-            path={PATHS.dashboard_governance_actions_action}
+            path={PATHS.dashboardGovernanceActionsAction}
             element={<DashboardGovernanceActionDetails />}
           />
           <Route
-            path={PATHS.dashboard_governance_actions_category}
+            path={PATHS.dashboardGovernanceActionsCategory}
             element={<DashboardGovernanceActionsCategory />}
           />
         </Route>
         <Route
-          path={PATHS.create_governance_action}
+          path={PATHS.createGovernanceAction}
           element={<CreateGovernanceAction />}
         />
         <Route path={PATHS.delegateTodRep} element={<DelegateTodRep />} />
diff --git a/govtool/frontend/src/components/atoms/ScrollToManage.tsx b/govtool/frontend/src/components/atoms/ScrollToManage.tsx
index 49046d36b..1b1ff7e1a 100644
--- a/govtool/frontend/src/components/atoms/ScrollToManage.tsx
+++ b/govtool/frontend/src/components/atoms/ScrollToManage.tsx
@@ -25,8 +25,8 @@ export const ScrollToManage = () => {
       window.scrollTo(0, pathMap.get(pathname)!);
     } else {
       if (
-        pathname === PATHS.dashboard_governance_actions ||
-        pathname === PATHS.governance_actions
+        pathname === PATHS.dashboardGovernanceActions ||
+        pathname === PATHS.governanceActions
       ) {
         pathMap.set(pathname, 0);
       }
@@ -37,8 +37,8 @@ export const ScrollToManage = () => {
   useEffect(() => {
     const fn = debounce(() => {
       if (
-        pathname === PATHS.dashboard_governance_actions ||
-        pathname === PATHS.governance_actions
+        pathname === PATHS.dashboardGovernanceActions ||
+        pathname === PATHS.governanceActions
       ) {
         pathMap.set(pathname, window.scrollY);
       }
diff --git a/govtool/frontend/src/components/molecules/GovernanceVotedOnCard.tsx b/govtool/frontend/src/components/molecules/GovernanceVotedOnCard.tsx
index 58ff325a7..f5181769d 100644
--- a/govtool/frontend/src/components/molecules/GovernanceVotedOnCard.tsx
+++ b/govtool/frontend/src/components/molecules/GovernanceVotedOnCard.tsx
@@ -255,7 +255,7 @@ export const GovernanceVotedOnCard = ({ votedProposal, inProgress }: Props) => {
           )}-change-your-vote`}
           onClick={() =>
             navigate(
-              PATHS.dashboard_governance_actions_action.replace(
+              PATHS.dashboardGovernanceActionsAction.replace(
                 ":proposalId",
                 getFullGovActionId(proposal.txHash, proposal.index)
               ),
diff --git a/govtool/frontend/src/components/organisms/DashboardCards.tsx b/govtool/frontend/src/components/organisms/DashboardCards.tsx
index 64075b3a8..6f2d1c11d 100644
--- a/govtool/frontend/src/components/organisms/DashboardCards.tsx
+++ b/govtool/frontend/src/components/organisms/DashboardCards.tsx
@@ -503,7 +503,7 @@ export const DashboardCards = () => {
             "https://docs.sanchogov.tools/faqs/what-does-it-mean-to-register-as-a-drep"
           )
         }
-        secondButtonVariant={"outlined"}
+        secondButtonVariant="outlined"
         imageURL={IMAGES.soleVoterImage}
       />
       {/* REGISTARTION AS SOLE VOTER CARD END*/}
@@ -511,7 +511,7 @@ export const DashboardCards = () => {
       <DashboardActionCard
         dataTestidFirstButton="view-governance-actions-button"
         description={t("dashboard.govActions.description")}
-        firstButtonAction={() => navigate(PATHS.dashboard_governance_actions)}
+        firstButtonAction={() => navigate(PATHS.dashboardGovernanceActions)}
         firstButtonLabel={t(
           `dashboard.govActions.${
             voter?.isRegisteredAsDRep ? "reviewAndVote" : "view"
@@ -521,6 +521,31 @@ export const DashboardCards = () => {
         title={t("dashboard.govActions.title")}
       />
       {/* GOV ACTIONS LIST CARD END*/}
+      {/* GOV ACTIONS LIST CARD */}
+      <DashboardActionCard
+        dataTestidFirstButton="propose-governance-actions-button"
+        description={t("dashboard.proposeGovernanceAction.description")}
+        // TODO: add isPendingGovernanceAction to the context
+        // inProgress={isPendingGovernanceAction}
+        firstButtonAction={() => navigate(PATHS.createGovernanceAction)}
+        firstButtonLabel={t(
+          `dashboard.proposeGovernanceAction.${
+            // TODO: add isPendingGovernanceAction to the context
+            // isPendingGovernanceAction ? "propose" : "viewGovernanceActions"
+            `propose`
+          }`
+        )}
+        secondButtonLabel={t("learnMore")}
+        secondButtonAction={() =>
+          openInNewTab(
+            "https://docs.sanchogov.tools/faqs/what-is-a-governance-action"
+          )
+        }
+        secondButtonVariant="outlined"
+        imageURL={IMAGES.proposeGovActionImage}
+        title={t("dashboard.proposeGovernanceAction.title")}
+      />
+      {/* GOV ACTIONS LIST CARD END*/}
     </Box>
   );
 };
diff --git a/govtool/frontend/src/components/organisms/DashboardGovernanceActionDetails.tsx b/govtool/frontend/src/components/organisms/DashboardGovernanceActionDetails.tsx
index 413f76818..815b1f37f 100644
--- a/govtool/frontend/src/components/organisms/DashboardGovernanceActionDetails.tsx
+++ b/govtool/frontend/src/components/organisms/DashboardGovernanceActionDetails.tsx
@@ -46,7 +46,7 @@ export const DashboardGovernanceActionDetails = () => {
   const breadcrumbs = [
     <NavLink
       key="1"
-      to={PATHS.dashboard_governance_actions}
+      to={PATHS.dashboardGovernanceActions}
       style={{ textDecorationColor: "#0033AD" }}
     >
       <Typography color="primary" fontWeight={300} fontSize={12}>
@@ -87,10 +87,10 @@ export const DashboardGovernanceActionDetails = () => {
         onClick={() =>
           navigate(
             state && state.openedFromCategoryPage
-              ? generatePath(PATHS.dashboard_governance_actions_category, {
+              ? generatePath(PATHS.dashboardGovernanceActionsCategory, {
                   category: state.type,
                 })
-              : PATHS.dashboard_governance_actions,
+              : PATHS.dashboardGovernanceActions,
             {
               state: {
                 isVotedListOnLoad: state && state.vote ? true : false,
diff --git a/govtool/frontend/src/components/organisms/GovernanceActionsToVote.tsx b/govtool/frontend/src/components/organisms/GovernanceActionsToVote.tsx
index 7058ce106..c457062c5 100644
--- a/govtool/frontend/src/components/organisms/GovernanceActionsToVote.tsx
+++ b/govtool/frontend/src/components/organisms/GovernanceActionsToVote.tsx
@@ -113,7 +113,7 @@ export const GovernanceActionsToVote = ({
                               : navigate(
                                   onDashboard
                                     ? generatePath(
-                                        PATHS.dashboard_governance_actions_action,
+                                        PATHS.dashboardGovernanceActionsAction,
                                         {
                                           proposalId: getFullGovActionId(
                                             item.txHash,
@@ -121,7 +121,7 @@ export const GovernanceActionsToVote = ({
                                           ),
                                         }
                                       )
-                                    : PATHS.governance_actions_action.replace(
+                                    : PATHS.governanceActionsAction.replace(
                                         ":proposalId",
                                         getFullGovActionId(
                                           item.txHash,
diff --git a/govtool/frontend/src/components/organisms/HomeCards.tsx b/govtool/frontend/src/components/organisms/HomeCards.tsx
index c1ba526ba..4539587c1 100644
--- a/govtool/frontend/src/components/organisms/HomeCards.tsx
+++ b/govtool/frontend/src/components/organisms/HomeCards.tsx
@@ -35,12 +35,19 @@ export const HomeCards = () => {
   );
 
   const onClickLearnMoreAboutSoleVoterRegistration = useCallback(
-    () => openInNewTab("https://www.google.com"),
+    // TODO: Update the link
+    () => openInNewTab("https://docs.sanchogov.tools/"),
+    []
+  );
+
+  const onClickLearnMoreAboutProposingGovAction = useCallback(
+    // TODO: Update the link
+    () => openInNewTab("https://docs.sanchogov.tools/"),
     []
   );
 
   const navigateToGovActions = useCallback(
-    () => navigate(PATHS.governance_actions),
+    () => navigate(PATHS.governanceActions),
     [navigate]
   );
 
@@ -67,59 +74,75 @@ export const HomeCards = () => {
       <ActionCard
         dataTestIdFirstButton="delegate-connect-wallet-button"
         dataTestIdSecondButton="delegate-learn-more-button"
-        description={t("home.cards.delegateDescription")}
+        description={t("home.cards.delegate.description")}
         firstButtonAction={openWalletModal}
-        firstButtonLabel={t("home.cards.delegateFirstButtonLabel")}
+        firstButtonLabel={t("home.cards.delegate.firstButtonLabel")}
         imageHeight={80}
         imageURL={IMAGES.govActionDelegateImage}
         imageWidth={115}
         secondButtonAction={onClickLearnMoreAboutDelegation}
         secondButtonLabel={t("learnMore")}
-        title={t("home.cards.delegateTitle")}
+        title={t("home.cards.delegate.title")}
       />
       {/* DELEGATE CARD END*/}
       {/* REGISTER AS DREP CARD */}
       <ActionCard
         dataTestIdFirstButton="register-connect-wallet-button"
         dataTestIdSecondButton="register-learn-more-button"
-        description={t("home.cards.registerAsDRepDescription")}
+        description={t("home.cards.registerAsDRep.description")}
         firstButtonAction={openWalletModal}
-        firstButtonLabel={t("home.cards.registerAsDRepFirstButtonLabel")}
+        firstButtonLabel={t("home.cards.registerAsDRep.firstButtonLabel")}
         imageHeight={80}
         imageURL={IMAGES.govActionRegisterImage}
         imageWidth={70}
         secondButtonAction={onClickLearnMoreAboutDRepRegistration}
         secondButtonLabel={t("learnMore")}
-        title={t("home.cards.registerAsDRepTitle")}
+        title={t("home.cards.registerAsDRep.title")}
       />
       {/* REGISTER AS DREP CARD END */}
       {/* REGISTER AS SOLE VOTER CARD */}
       <ActionCard
         dataTestIdFirstButton="register-as-sole-voter-button"
         dataTestIdSecondButton="lear-more-about-sole-voter-button"
-        description={t("home.cards.registerAsSoleVoterDescription")}
+        description={t("home.cards.registerAsSoleVoter.description")}
         firstButtonAction={openWalletModal}
-        firstButtonLabel={t("home.cards.registerAsSoleVoterFirstButtonLabel")}
+        firstButtonLabel={t("home.cards.registerAsSoleVoter.firstButtonLabel")}
         imageHeight={84}
         imageURL={IMAGES.soleVoterImage}
         imageWidth={84}
         secondButtonAction={onClickLearnMoreAboutSoleVoterRegistration}
         secondButtonLabel={t("learnMore")}
-        title={t("home.cards.registerAsSoleVoterTitle")}
+        title={t("home.cards.registerAsSoleVoter.title")}
       />
       {/* REGISTER AS SOLE VOTER CARD END */}
       {/* GOV ACTIONS CARD */}
       <ActionCard
         dataTestIdFirstButton="move-to-governance-actions-button"
-        description={t("home.cards.governaneActionsDescription")}
+        description={t("home.cards.governanceActions.description")}
         firstButtonAction={navigateToGovActions}
-        firstButtonLabel={t("home.cards.governanceActionsFirstButtonLabel")}
-        imageHeight={80}
+        firstButtonLabel={t("home.cards.governanceActions.firstButtonLabel")}
+        imageHeight={84}
         imageURL={IMAGES.govActionListImage}
-        imageWidth={80}
-        title={t("home.cards.governaneActionsTitle")}
+        imageWidth={84}
+        title={t("home.cards.governanceActions.title")}
       />
-      {/* GOV ACTIONS CARD */}
+      {/* GOV ACTIONS CARD  END*/}
+      {/* PROPOSE GOV ACTION CARD  */}
+      <ActionCard
+        dataTestIdFirstButton="propose-a-governance-action-button"
+        description={t("home.cards.proposeAGovernanceAction.description")}
+        firstButtonAction={openWalletModal}
+        firstButtonLabel={t(
+          "home.cards.proposeAGovernanceAction.firstButtonLabel"
+        )}
+        imageHeight={84}
+        imageURL={IMAGES.proposeGovActionImage}
+        imageWidth={84}
+        secondButtonAction={onClickLearnMoreAboutProposingGovAction}
+        secondButtonLabel={t("learnMore")}
+        title={t("home.cards.proposeAGovernanceAction.title")}
+      />
+      {/* PROPOSE GOV ACTION CARD  END*/}
     </Box>
   );
 };
diff --git a/govtool/frontend/src/components/organisms/Slider.tsx b/govtool/frontend/src/components/organisms/Slider.tsx
index e6024a772..07bf2cd90 100644
--- a/govtool/frontend/src/components/organisms/Slider.tsx
+++ b/govtool/frontend/src/components/organisms/Slider.tsx
@@ -105,12 +105,12 @@ export const Slider = ({
             onClick={() =>
               onDashboard
                 ? navigate(
-                    generatePath(PATHS.dashboard_governance_actions_category, {
+                    generatePath(PATHS.dashboardGovernanceActionsCategory, {
                       category: navigateKey,
                     })
                   )
                 : navigate(
-                    generatePath(PATHS.governance_actions_category, {
+                    generatePath(PATHS.governanceActionsCategory, {
                       category: navigateKey,
                     })
                   )
@@ -157,15 +157,12 @@ export const Slider = ({
               onClick={() =>
                 onDashboard
                   ? navigate(
-                      generatePath(
-                        PATHS.dashboard_governance_actions_category,
-                        {
-                          category: navigateKey,
-                        }
-                      )
+                      generatePath(PATHS.dashboardGovernanceActionsCategory, {
+                        category: navigateKey,
+                      })
                     )
                   : navigate(
-                      generatePath(PATHS.governance_actions_category, {
+                      generatePath(PATHS.governanceActionsCategory, {
                         category: navigateKey,
                       })
                     )
diff --git a/govtool/frontend/src/consts/images.ts b/govtool/frontend/src/consts/images.ts
index 72f60559d..7f97c824a 100644
--- a/govtool/frontend/src/consts/images.ts
+++ b/govtool/frontend/src/consts/images.ts
@@ -4,12 +4,13 @@ export const IMAGES = {
   bgBlue: "/images/BGBlue.png",
   bgOrange: "/images/BGOrange.png",
   errorPageImage: "/images/ErrorPageImage.png",
-  heroImage: "/images/HeroImage.png",
-  soleVoterImage: "/images/GovActionsSoleVoter.png",
   govActionDefaultImage: "/images/GovActionDefault.png",
   govActionDelegateImage: "/images/GovActionDelegate.png",
   govActionListImage: "/images/GovActionList.png",
   govActionRegisterImage: "/images/GovActionRegister.png",
+  heroImage: "/images/HeroImage.png",
+  proposeGovActionImage: "/images/ProposeGovAction.png",
+  soleVoterImage: "/images/GovActionsSoleVoter.png",
   successImage: "/images/Success.png",
   warningImage: "/images/Warning.png",
   warningYellowImage: "/images/WarningYellow.png",
diff --git a/govtool/frontend/src/consts/navItems.ts b/govtool/frontend/src/consts/navItems.ts
index d46bbd6e1..1c3d0ec37 100644
--- a/govtool/frontend/src/consts/navItems.ts
+++ b/govtool/frontend/src/consts/navItems.ts
@@ -10,7 +10,7 @@ export const NAV_ITEMS = [
   },
   {
     dataTestId: "governance-actions-link",
-    navTo: PATHS.governance_actions,
+    navTo: PATHS.governanceActions,
     label: "Governance Actions",
     newTabLink: null,
   },
@@ -40,7 +40,7 @@ export const CONNECTED_NAV_ITEMS = [
   {
     dataTestId: "governance-actions-link",
     label: "Governance Actions",
-    navTo: PATHS.dashboard_governance_actions,
+    navTo: PATHS.dashboardGovernanceActions,
     activeIcon: ICONS.governanceActionsActiveIcon,
     icon: ICONS.governanceActionsIcon,
     newTabLink: null,
diff --git a/govtool/frontend/src/consts/paths.ts b/govtool/frontend/src/consts/paths.ts
index f230747d5..679962a36 100644
--- a/govtool/frontend/src/consts/paths.ts
+++ b/govtool/frontend/src/consts/paths.ts
@@ -1,19 +1,18 @@
 export const PATHS = {
-  create_governance_action: "/create_governance_action",
-  dashboard_governance_actions_action:
-    "/connected/governance_actions/:proposalId",
-  dashboard_governance_actions_category:
+  createGovernanceAction: "/create_governance_action",
+  dashboardGovernanceActionsAction: "/connected/governance_actions/:proposalId",
+  dashboardGovernanceActionsCategory:
     "/connected/governance_actions/category/:category",
-  dashboard_governance_actions: "/connected/governance_actions",
+  dashboardGovernanceActions: "/connected/governance_actions",
   dashboard: "/dashboard",
   delegateTodRep: "/delegate",
   error: "/error",
   faqs: "/faqs",
-  governance_actions_action: "/governance_actions/:proposalId",
-  governance_actions_category_action:
+  governanceActions: "/governance_actions",
+  governanceActionsAction: "/governance_actions/:proposalId",
+  governanceActionsCategoryAction:
     "/governance_actions/category/:category/:proposalId",
-  governance_actions_category: "/governance_actions/category/:category",
-  governance_actions: "/governance_actions",
+  governanceActionsCategory: "/governance_actions/category/:category",
   guides: "/guides",
   home: "/",
   registerAsdRep: "/register",
diff --git a/govtool/frontend/src/hooks/forms/useVoteActionForm.tsx b/govtool/frontend/src/hooks/forms/useVoteActionForm.tsx
index cf1a0cbe0..30fd331aa 100644
--- a/govtool/frontend/src/hooks/forms/useVoteActionForm.tsx
+++ b/govtool/frontend/src/hooks/forms/useVoteActionForm.tsx
@@ -110,7 +110,7 @@ export const useVoteActionForm = () => {
         });
         if (result) {
           addSuccessAlert("Vote submitted");
-          navigate(PATHS.dashboard_governance_actions, {
+          navigate(PATHS.dashboardGovernanceActions, {
             state: {
               isVotedListOnLoad: state && state.vote ? true : false,
             },
diff --git a/govtool/frontend/src/i18n/locales/en.ts b/govtool/frontend/src/i18n/locales/en.ts
index 5b775de1a..f4066b50f 100644
--- a/govtool/frontend/src/i18n/locales/en.ts
+++ b/govtool/frontend/src/i18n/locales/en.ts
@@ -80,6 +80,12 @@ export const en = {
         title: "Governance Actions",
         view: "View governance actions",
       },
+      proposeGovernanceAction: {
+        title: "Propose a Governance Action",
+        description: "Submit your proposal for a Governance Action.",
+        propose: "Propose",
+        view: "View governance actions",
+      },
       registration: {
         changeMetadata: "Change metadata",
         dRepRegistration: "DRep Registration",
@@ -254,21 +260,32 @@ export const en = {
     },
     home: {
       cards: {
-        delegateDescription: "Find a DRep to vote on your behalf.",
-        delegateFirstButtonLabel: "View DRep Direcotry",
-        delegateTitle: "Delegate your Voting Power",
-        governaneActionsDescription:
-          "See all the Governance Actions submitted on chain. ",
-        governanceActionsFirstButtonLabel: "View Governance Actions",
-        governaneActionsTitle: "View Governance Actions",
-        registerAsDRepDescription:
-          "Accept delegated voting power from other ADA holders, and combine it with your own voting power. Vote with the accumulated Power on  Governance Actions.",
-        registerAsDRepFirstButtonLabel: "Connect to Register",
-        registerAsDRepTitle: "Become a DRep",
-        registerAsSoleVoterDescription:
-          "Vote on Governance Actions using your own voting power",
-        registerAsSoleVoterFirstButtonLabel: "Connect to Register",
-        registerAsSoleVoterTitle: "Become a Sole Voter",
+        delegate: {
+          description: "Find a DRep to vote on your behalf.",
+          firstButtonLabel: "View DRep Directory",
+          title: "Delegate your Voting Power",
+        },
+        governanceActions: {
+          description: "See all the Governance Actions submitted on chain. ",
+          firstButtonLabel: "View Governance Actions",
+          title: "View Governance Actions",
+        },
+        proposeAGovernanceAction: {
+          description: "Submit your proposal for a Governance Action.",
+          firstButtonLabel: "Connect to Submit",
+          title: "Propose a Governance Action",
+        },
+        registerAsDRep: {
+          description:
+            "Accept delegated voting power from other ADA holders, and combine it with your own voting power. Vote with the accumulated Power on  Governance Actions.",
+          firstButtonLabel: "Connect to Register",
+          title: "Become a DRep",
+        },
+        registerAsSoleVoter: {
+          description: "Vote on Governance Actions using your own voting power",
+          firstButtonLabel: "Connect to Register",
+          title: "Become a Sole Voter",
+        },
       },
     },
     menu: {
diff --git a/govtool/frontend/src/pages/Dashboard.tsx b/govtool/frontend/src/pages/Dashboard.tsx
index 992897916..cda265b50 100644
--- a/govtool/frontend/src/pages/Dashboard.tsx
+++ b/govtool/frontend/src/pages/Dashboard.tsx
@@ -20,7 +20,7 @@ export const Dashboard = () => {
   const getPageTitle = (pathname: string) => {
     if (pathname === PATHS.dashboard) {
       return t("dashboard.title");
-    } else if (pathname.includes(PATHS.dashboard_governance_actions)) {
+    } else if (pathname.includes(PATHS.dashboardGovernanceActions)) {
       return t("dashboard.govActions.title");
     }
     return "";
@@ -28,7 +28,7 @@ export const Dashboard = () => {
 
   useEffect(() => {
     if (divRef.current) {
-      pathname !== PATHS.dashboard_governance_actions &&
+      pathname !== PATHS.dashboardGovernanceActions &&
         divRef.current.scrollTo({ top: 0 });
     }
   }, [pathname, divRef]);
diff --git a/govtool/frontend/src/pages/DashboardGovernanceActionsCategory.tsx b/govtool/frontend/src/pages/DashboardGovernanceActionsCategory.tsx
index 1fffa539d..15fd8ed44 100644
--- a/govtool/frontend/src/pages/DashboardGovernanceActionsCategory.tsx
+++ b/govtool/frontend/src/pages/DashboardGovernanceActionsCategory.tsx
@@ -69,7 +69,7 @@ export const DashboardGovernanceActionsCategory = () => {
     <NavLink
       key="1"
       style={{ textDecorationColor: "#0033AD" }}
-      to={PATHS.dashboard_governance_actions}
+      to={PATHS.dashboardGovernanceActions}
     >
       <Typography color="primary" fontWeight={300} fontSize={12}>
         {t("govActions.title")}
@@ -127,7 +127,7 @@ export const DashboardGovernanceActionsCategory = () => {
                 textDecoration: "none",
                 marginBottom: 3,
               }}
-              onClick={() => navigate(PATHS.dashboard_governance_actions)}
+              onClick={() => navigate(PATHS.dashboardGovernanceActions)}
             >
               <img
                 src={ICONS.arrowRightIcon}
@@ -195,7 +195,7 @@ export const DashboardGovernanceActionsCategory = () => {
                             )
                           : navigate(
                               generatePath(
-                                PATHS.dashboard_governance_actions_action,
+                                PATHS.dashboardGovernanceActionsAction,
                                 {
                                   proposalId: getFullGovActionId(
                                     item.txHash,
diff --git a/govtool/frontend/src/pages/GovernanceActionDetails.tsx b/govtool/frontend/src/pages/GovernanceActionDetails.tsx
index 76c26e93b..cabb8b1eb 100644
--- a/govtool/frontend/src/pages/GovernanceActionDetails.tsx
+++ b/govtool/frontend/src/pages/GovernanceActionDetails.tsx
@@ -51,7 +51,7 @@ export const GovernanceActionDetails = () => {
   const breadcrumbs = [
     <NavLink
       key="1"
-      to={PATHS.governance_actions}
+      to={PATHS.governanceActions}
       style={{ textDecorationColor: "#0033AD" }}
     >
       <Typography color="primary" fontWeight={300} variant="caption">
@@ -104,10 +104,10 @@ export const GovernanceActionDetails = () => {
               onClick={() =>
                 navigate(
                   state && state.openedFromCategoryPage
-                    ? generatePath(PATHS.governance_actions_category, {
+                    ? generatePath(PATHS.governanceActionsCategory, {
                         category: state.type,
                       })
-                    : PATHS.governance_actions
+                    : PATHS.governanceActions
                 )
               }
             >
diff --git a/govtool/frontend/src/pages/GovernanceActions.tsx b/govtool/frontend/src/pages/GovernanceActions.tsx
index ee4c2f561..2867a6ccf 100644
--- a/govtool/frontend/src/pages/GovernanceActions.tsx
+++ b/govtool/frontend/src/pages/GovernanceActions.tsx
@@ -23,7 +23,7 @@ export const GovernanceActions = () => {
 
   useEffect(() => {
     if (isEnabled && getItemFromLocalStorage(`${WALLET_LS_KEY}_stake_key`)) {
-      navigate(PATHS.dashboard_governance_actions);
+      navigate(PATHS.dashboardGovernanceActions);
     }
   }, [isEnabled]);
 
diff --git a/govtool/frontend/src/pages/GovernanceActionsCategory.tsx b/govtool/frontend/src/pages/GovernanceActionsCategory.tsx
index ef6c40a50..13b9b92e6 100644
--- a/govtool/frontend/src/pages/GovernanceActionsCategory.tsx
+++ b/govtool/frontend/src/pages/GovernanceActionsCategory.tsx
@@ -66,7 +66,7 @@ export const GovernanceActionsCategory = () => {
   const breadcrumbs = [
     <NavLink
       key="1"
-      to={PATHS.dashboard_governance_actions}
+      to={PATHS.dashboardGovernanceActions}
       style={{ textDecorationColor: "#0033AD" }}
     >
       <Typography color="primary" fontWeight={300} variant="caption">
@@ -148,7 +148,7 @@ export const GovernanceActionsCategory = () => {
                 textDecoration: "none",
                 marginBottom: 4.25,
               }}
-              onClick={() => navigate(PATHS.dashboard_governance_actions)}
+              onClick={() => navigate(PATHS.dashboardGovernanceActions)}
             >
               <img
                 src={ICONS.arrowRightIcon}
@@ -214,7 +214,7 @@ export const GovernanceActionsCategory = () => {
                           saveScrollPosition();
 
                           navigate(
-                            PATHS.governance_actions_action.replace(
+                            PATHS.governanceActionsAction.replace(
                               ":proposalId",
                               getFullGovActionId(item.txHash, item.index)
                             ),

From f9a2436ac1493967f69c60f32a8406b3c617e149 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Sza=C5=82owski?= <michal.szalowski@gmail.com>
Date: Tue, 5 Mar 2024 20:14:40 +0100
Subject: [PATCH 033/109] [#382] add create governance action information
 screen

---
 .../organisms/ChooseGovernanceActionType.tsx  |  2 +-
 .../organisms/CreateGovernanceActionForm.tsx  |  4 +-
 .../organisms/RegisterAsdRepStepOne.tsx       |  4 +-
 .../organisms/WhatGovernanceActionIsAbout.tsx | 60 +++++++++++++++++++
 .../src/components/organisms/index.ts         |  9 +--
 govtool/frontend/src/i18n/locales/en.ts       |  4 ++
 .../src/pages/CreateGovernanceAction.tsx      |  9 ++-
 7 files changed, 82 insertions(+), 10 deletions(-)
 create mode 100644 govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx

diff --git a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
index 40c50f17e..13b1a2f6c 100644
--- a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
+++ b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
@@ -26,7 +26,7 @@ export const ChooseGovernanceActionType = ({
   const isContinueButtonDisabled = !watch("type");
 
   const onClickContinue = () => {
-    setStep(2);
+    setStep(3);
   };
 
   // TODO: Add tooltips when they will be available
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
index cd6cf3157..e16a406f9 100644
--- a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
@@ -44,11 +44,11 @@ export const CreateGovernanceActionForm = ({
   );
 
   const onClickContinue = () => {
-    setStep(3);
+    setStep(4);
   };
 
   const onClickBack = () => {
-    setStep(1);
+    setStep(2);
   };
 
   const renderGovernanceActionField = () => {
diff --git a/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx b/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx
index 04598720a..67702466e 100644
--- a/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx
+++ b/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx
@@ -27,7 +27,7 @@ export const RegisterAsdRepStepOne = ({
 
   const onClickContinue = useCallback(() => setStep(2), []);
 
-  const openLearMoreAboutDrep = useCallback(
+  const openLearnMoreAboutDrep = useCallback(
     () => openInNewTab("https://sancho.network/roles/drep"),
     []
   );
@@ -57,7 +57,7 @@ export const RegisterAsdRepStepOne = ({
           components={[
             <Link
               key="1"
-              onClick={openLearMoreAboutDrep}
+              onClick={openLearnMoreAboutDrep}
               sx={{ cursor: "pointer" }}
             />,
           ]}
diff --git a/govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx b/govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx
new file mode 100644
index 000000000..2f279e37b
--- /dev/null
+++ b/govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx
@@ -0,0 +1,60 @@
+import { Dispatch, SetStateAction, useCallback } from "react";
+import { Trans } from "react-i18next";
+
+import { Typography } from "@atoms";
+import { useScreenDimension, useTranslation } from "@hooks";
+import {
+  correctAdaFormat,
+  getItemFromLocalStorage,
+  PROTOCOL_PARAMS_KEY,
+} from "@utils";
+
+import { BgCard } from ".";
+
+type WhatGovernanceActionIsAboutProps = {
+  onClickCancel: () => void;
+  setStep: Dispatch<SetStateAction<number>>;
+};
+
+export const WhatGovernanceActionIsAbout = ({
+  setStep,
+  onClickCancel,
+}: WhatGovernanceActionIsAboutProps) => {
+  const { t } = useTranslation();
+  const { isMobile } = useScreenDimension();
+
+  const deposit = getItemFromLocalStorage(PROTOCOL_PARAMS_KEY);
+
+  const onClickContinue = useCallback(() => setStep(2), []);
+
+  return (
+    <BgCard
+      actionButtonLabel={t("continue")}
+      backButtonLabel={t("cancel")}
+      onClickActionButton={onClickContinue}
+      onClickBackButton={onClickCancel}
+      sx={{ paddingBottom: isMobile ? undefined : 3 }}
+    >
+      <Typography sx={{ textAlign: "center" }} variant="headline4">
+        {t("createGovernanceAction.creatingAGovernanceAction")}
+      </Typography>
+      <Typography
+        fontWeight={400}
+        sx={{
+          pb: isMobile ? 6 : 4,
+          pt: 4,
+          textAlign: "center",
+          whiteSpace: "pre-line",
+        }}
+        variant="body1"
+      >
+        <Trans
+          i18nKey="createGovernanceAction.creatingAGovernanceActionDescription"
+          values={{
+            deposit: correctAdaFormat(deposit.gov_action_deposit),
+          }}
+        />
+      </Typography>
+    </BgCard>
+  );
+};
diff --git a/govtool/frontend/src/components/organisms/index.ts b/govtool/frontend/src/components/organisms/index.ts
index c787e72aa..4f1994723 100644
--- a/govtool/frontend/src/components/organisms/index.ts
+++ b/govtool/frontend/src/components/organisms/index.ts
@@ -21,14 +21,15 @@ export * from "./GovernanceActionDetailsCard";
 export * from "./GovernanceActionsToVote";
 export * from "./Hero";
 export * from "./HomeCards";
+export * from "./WhatGovernanceActionIsAbout";
+export * from "./RegisterAsSoleVoterBox";
+export * from "./RegisterAsSoleVoterBoxContent";
 export * from "./RegisterAsdRepStepOne";
 export * from "./RegisterAsdRepStepThree";
 export * from "./RegisterAsdRepStepTwo";
-export * from "./Slider";
-export * from "./RegisterAsSoleVoterBoxContent";
-export * from "./RegisterAsSoleVoterBox";
-export * from "./RetireAsSoleVoterBoxContent";
 export * from "./RetireAsSoleVoterBox";
+export * from "./RetireAsSoleVoterBoxContent";
+export * from "./Slider";
 export * from "./StatusModal";
 export * from "./TopNav";
 export * from "./VotingPowerModal";
diff --git a/govtool/frontend/src/i18n/locales/en.ts b/govtool/frontend/src/i18n/locales/en.ts
index f4066b50f..364113bbf 100644
--- a/govtool/frontend/src/i18n/locales/en.ts
+++ b/govtool/frontend/src/i18n/locales/en.ts
@@ -133,6 +133,10 @@ export const en = {
       formTitle: "Governance Action details",
       references: "References and Supporting Information",
       title: "Create a Governance Action",
+      creatingAGovernanceAction:
+        "Creating a Governance Action: What you need to know",
+      creatingAGovernanceActionDescription:
+        "To create a Governance Action, you will need to:\n\n• Fill out a form with the relevant data\n• Pay a refundable deposit of <strong>₳{{deposit}}</strong>\n• Store the metadata of your Governance Action at your own expense.\n\nYour deposit will be refunded to your wallet when the Governance Action is either enacted or expired.\n\nThe deposit will not affect your Voting Power.",
     },
     delegation: {
       description:
diff --git a/govtool/frontend/src/pages/CreateGovernanceAction.tsx b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
index bc7a8fb2c..aa110505e 100644
--- a/govtool/frontend/src/pages/CreateGovernanceAction.tsx
+++ b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
@@ -17,6 +17,7 @@ import {
   CreateGovernanceActionForm,
   DashboardTopNav,
   Footer,
+  WhatGovernanceActionIsAbout,
 } from "@organisms";
 import { checkIsWalletConnected } from "@utils";
 
@@ -73,12 +74,18 @@ export const CreateGovernanceAction = () => {
         />
         <FormProvider {...methods}>
           {step === 1 && (
+            <WhatGovernanceActionIsAbout
+              onClickCancel={onClickBackToDashboard}
+              setStep={setStep}
+            />
+          )}
+          {step === 2 && (
             <ChooseGovernanceActionType
               onClickCancel={onClickBackToDashboard}
               setStep={setStep}
             />
           )}
-          {step === 2 && <CreateGovernanceActionForm setStep={setStep} />}
+          {step === 3 && <CreateGovernanceActionForm setStep={setStep} />}
         </FormProvider>
         {isMobile && <Footer />}
       </Box>

From 8d5181177e4663f8bd7cd36f1caec68385482931 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Wed, 6 Mar 2024 07:55:24 +0100
Subject: [PATCH 034/109] Optimized Docker Compose execution in deployment
 script

This commit enhances the efficiency of the Docker Compose execution
process within the deployment script. By modifying the deploy-stack
target in the Makefile, we've streamlined the command to not only update
containers as necessary but also to clean up any orphaned containers in
a more efficient manner. The key changes include:

- Unified Pull and Deploy: Merging the pull and up commands into a
  single docker compose up command with the --detach, --pull always, and
  --remove-orphans flags. This optimization ensures that all required
  images are pulled fresh before starting containers, thereby reducing the
  risk of running outdated versions.
- Simplification of Deployment Process: Removing separate pull commands
  simplifies the deployment process, making it faster and reducing the
  potential for errors during manual deployment steps.
- Automatic Orphan Removal: The addition of --remove-orphans flag
  automatically cleans up any containers not defined in the compose file
  but previously running, keeping the environment clean and reducing
  manual cleanup efforts.

These modifications are designed to facilitate a more streamlined,
efficient, and error-resistant deployment process, directly supporting
the goal of improving deployment traceability and operational efficiency
within the project's continuous deployment pipeline.
---
 scripts/govtool/Makefile | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/scripts/govtool/Makefile b/scripts/govtool/Makefile
index e88073db7..e1b0ef58e 100644
--- a/scripts/govtool/Makefile
+++ b/scripts/govtool/Makefile
@@ -26,8 +26,7 @@ deploy-stack: upload-config push-backend push-frontend
 	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \
 	export CARDANO_DB_SYNC_TAG=$(cardano_db_sync_image_tag); \
 	$(ssh-keyscan) $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
-	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) pull; \
-	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) up -d
+	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) up --detach --pull always --remove-orphans
 
 .PHONY: destroy-cardano-node-and-dbsync
 destroy-cardano-node-and-dbsync: prepare-config

From 541e275a03a6124194990104c93d708d6819ed5b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Wed, 6 Mar 2024 07:57:30 +0100
Subject: [PATCH 035/109] Added Grafana provisioning reload target to utility
 makefile

This commit introduces a new utility target, reload-grafana, to the
project's utility makefile (utils.mk). This target provides an automated
way to trigger the reload of Grafana provisioning configurations,
including alerting rules, dashboards, and notification channels.

This enhancement directly supports the initiative for improved
deployment traceability and operational efficiency by ensuring that
monitoring and alerting configurations can be updated and applied with
minimal downtime and manual effort.
---
 .github/workflows/build-and-deploy.yml | 4 +---
 scripts/govtool/utils.mk               | 7 +++++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
index e556bb96e..1e2b76625 100644
--- a/.github/workflows/build-and-deploy.yml
+++ b/.github/workflows/build-and-deploy.yml
@@ -82,6 +82,4 @@ jobs:
           if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
           if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
           DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
-          curl -X POST -u "admin:$GRAFANA_ADMIN_PASSWORD" https://$DOMAIN/grafana/api/admin/provisioning/alerting/reload
-          curl -X POST -u "admin:$GRAFANA_ADMIN_PASSWORD" https://$DOMAIN/grafana/api/admin/provisioning/dashboards/reload
-          curl -X POST -u "admin:$GRAFANA_ADMIN_PASSWORD" https://$DOMAIN/grafana/api/admin/provisioning/notifications/reload
+          make reload-grafana
diff --git a/scripts/govtool/utils.mk b/scripts/govtool/utils.mk
index 3cb2bcc27..7e72355ee 100644
--- a/scripts/govtool/utils.mk
+++ b/scripts/govtool/utils.mk
@@ -18,3 +18,10 @@ docker:
 	export CARDANO_DB_SYNC_TAG=$(cardano_db_sync_image_tag); \
 	$(ssh-keyscan) $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
 	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) $(cmd)
+
+.PHONY: reload-grafana
+reload-grafana:
+	@:$(call check_defined, domain)
+	curl -X POST -u "admin:$${GRAFANA_ADMIN_PASSWORD}" https://$(domain)/grafana/api/admin/provisioning/alerting/reload
+	curl -X POST -u "admin:$${GRAFANA_ADMIN_PASSWORD}" https://$(domain)/grafana/api/admin/provisioning/dashboards/reload
+	curl -X POST -u "admin:$${GRAFANA_ADMIN_PASSWORD}" https://$(domain)/grafana/api/admin/provisioning/notifications/reload

From 0c457aad5facf75f8b54e0bb188162b5cca8ec4c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Wed, 6 Mar 2024 08:18:20 +0100
Subject: [PATCH 036/109] Streamlined domain configuration in CI/CD workflow

This commit enhances the GitHub Actions CI/CD workflow to more
efficiently and clearly set the deployment domain based on the target
environment. The improvements made in the
.github/workflows/build-and-deploy.yml file include:

- Consolidated Domain Setting Step: Introduced a dedicated step to set
  the DOMAIN environment variable once, before the deployment and
  provisioning actions. This eliminates redundancy and potential errors by
  ensuring the DOMAIN is consistently set for all subsequent steps.
- Environment-Specific Domain Logic: Implemented a clear, conditional
  logic block that sets the DOMAIN variable based on the
  inputs.environment value. This approach supports multiple environments
  (staging, beta, and others) by assigning them appropriate domain names
  in a single, centralized location.
- Fallback Domain Naming Convention: For environments not explicitly
  defined (other than staging or beta), a default naming convention is
  applied, combining the environment name, the CARDANO_NETWORK variable,
  and a base domain. This ensures flexibility and scalability in deploying
  to new or temporary environments without needing workflow modifications.

This optimization supports a more maintainable and error-proof
deployment process by simplifying domain management across different
deployment environments, directly contributing to the overall goal of
improving deployment traceability and operational efficiency.
---
 .github/workflows/build-and-deploy.yml | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
index 1e2b76625..3b3adafc6 100644
--- a/.github/workflows/build-and-deploy.yml
+++ b/.github/workflows/build-and-deploy.yml
@@ -69,17 +69,21 @@ jobs:
         with:
           ssh-private-key: ${{ secrets.GHA_SSH_PRIVATE_KEY }}
 
+      - name: Set domain
+        run: |
+          if [[ "${{ inputs.environment }}" == "staging" ]]; then
+            echo "DOMAIN=staging.govtool.byron.network" >> $GITHUB_ENV
+          elif [[ "${{ inputs.environment }}" == "beta" ]]; then
+            echo "DOMAIN=sanchogov.tools" >> $GITHUB_ENV
+          else
+            echo "DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}" >> $GITHUB_ENV
+          fi
+
       - name: Deploy app
         run: |
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          export DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
           make all
 
       - name: Reprovision Grafana
         run: |
           sleep 30 # give grafana time to start up
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
           make reload-grafana

From 40da64e079685c05e4e2a4f6b65fdea46fd0269f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Wed, 6 Mar 2024 08:27:03 +0100
Subject: [PATCH 037/109] Restored missing deployment step for conditional
 infrastructure reset

This commit reintroduces a previously removed crucial step in the
.github/workflows/build-and-deploy.yml CI/CD pipeline that conditionally
destroys and resets the Cardano node, DB sync, and Postgres components.
The key aspects of this restoration include:

- Conditional Step Execution: The step is guarded by a condition
  checking inputs.resync_cardano_node_and_db. This ensures that the
  infrastructure reset only occurs when explicitly required, minimizing
  disruption and unnecessary operations.
- Infrastructure Clean-up: By executing make
  destroy-cardano-node-and-dbsync, this step ensures a clean state for
  these components when necessary, facilitating scenarios where a fresh
  start is required for accurate testing or deployment.
- Support for Deployment Traceability: This action aligns with the
  overarching goal of deployment traceability by allowing for controlled
  environment resets, ensuring that deployments can be accurately traced
  and managed across different states of the infrastructure.

This restoration corrects a critical oversight in the deployment
process, reinstating the ability to manage the project's infrastructure
effectively and ensuring that deployments are performed in a clean and
predictable environment when necessary.
---
 .github/workflows/build-and-deploy.yml | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
index 3b3adafc6..999b061d3 100644
--- a/.github/workflows/build-and-deploy.yml
+++ b/.github/workflows/build-and-deploy.yml
@@ -79,6 +79,11 @@ jobs:
             echo "DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}" >> $GITHUB_ENV
           fi
 
+      - name: Destroy Cardano Node, DB sync and Postgres if required
+        if: ${{ inputs.resync_cardano_node_and_db }}
+        run: |
+          make destroy-cardano-node-and-dbsync
+
       - name: Deploy app
         run: |
           make all

From aff4f5a31b8e2f6bc1299cbf03d6e3565f963d2c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Wed, 6 Mar 2024 08:35:34 +0100
Subject: [PATCH 038/109] [#361] Integrated Loki and Promtail into Deployment
 Stack

This commit introduces Loki and Promtail to the deployment stack,
enhancing the project's logging infrastructure by enabling advanced log
aggregation, visualization, and analysis capabilities. The integration
involves modifications across multiple configuration files and the
introduction of new templates for Loki and Promtail. Here's a breakdown
of the changes:

- config.mk Adjustments: Updated the prepare-config target to include
  steps for preparing Loki and Promtail configuration files, ensuring
  these services are configured as part of the deployment setup.
- Docker Compose Template Update: Extended the docker-compose.yml.tpl to
  define loki and promtail services, including their respective Docker
  images, volumes, and dependencies. This update ensures that both Loki
  for log aggregation and Promtail for log shipping are part of the
  containerized environment.
- Grafana Data Sources Configuration: Modified the
  grafana-provisioning/datasources/datasource.yml to include Loki as a
  data source, enabling Grafana to query log data collected by Loki. This
  allows for comprehensive log visualization alongside metrics within
  Grafana dashboards.
- Loki Configuration Template (loki.yml): Introduced a new configuration
  template for Loki, specifying its operational parameters such as
  server ports, ingester configuration, schema, storage, and retention
  policies. This configuration is designed to optimize Loki's log
  aggregation capabilities within the deployment environment.
- Promtail Configuration Template (promtail.yml): Added a new
  configuration template for Promtail, detailing how log files are
  located, scraped, and forwarded to Loki. The configuration includes the
  definition of job names, static configs, and labels for log
  categorization.

The integration of Loki and Promtail represents a significant
enhancement to the project's observability infrastructure. It enables
efficient log collection, storage, and querying, providing developers
and operators with powerful tools for troubleshooting, performance
monitoring, and operational analysis.
---
 scripts/govtool/config.mk                     | 12 +++-
 .../config/templates/docker-compose.yml.tpl   | 19 +++++++
 .../datasources/datasource.yml                | 33 +++++++++++
 scripts/govtool/config/templates/loki.yml     | 56 +++++++++++++++++++
 scripts/govtool/config/templates/promtail.yml | 18 ++++++
 5 files changed, 136 insertions(+), 2 deletions(-)
 create mode 100644 scripts/govtool/config/templates/loki.yml
 create mode 100644 scripts/govtool/config/templates/promtail.yml

diff --git a/scripts/govtool/config.mk b/scripts/govtool/config.mk
index 83bf76c03..d14524876 100644
--- a/scripts/govtool/config.mk
+++ b/scripts/govtool/config.mk
@@ -18,7 +18,7 @@ docker_compose_file := $(target_config_dir)/docker-compose.yml
 cardano_config_provider := https://book.world.dev.cardano.org
 
 .PHONY: prepare-config
-prepare-config: clear generate-docker-compose-file enable-prometheus prepare-dbsync-secrets prepare-backend-config prepare-prometheus-config prepare-grafana-provisioning prepare-nginx-config
+prepare-config: clear generate-docker-compose-file enable-prometheus prepare-dbsync-secrets prepare-backend-config prepare-grafana-provisioning prepare-nginx-config
 
 .PHONY: clear
 clear:
@@ -68,8 +68,16 @@ prepare-backend-config:
 prepare-prometheus-config:
 	cp -a "$(template_config_dir)/prometheus.yml" "$(target_config_dir)/prometheus.yml"
 
+.PHONY: prepare-promtail-config
+prepare-promtail-config:
+	cp -a "$(template_config_dir)/promtail.yml" "$(target_config_dir)/promtail.yml"
+
+.PHONY: prepare-loki-config
+prepare-loki-config:
+	cp -a "$(template_config_dir)/loki.yml" "$(target_config_dir)/loki.yml"
+
 .PHONY: prepare-grafana-provisioning
-prepare-grafana-provisioning:
+prepare-grafana-provisioning: prepare-prometheus-config prepare-loki-config prepare-promtail-config
 	mkdir -p $(grafana_provisioning_dir)
 	cp -a $(template_config_dir)/grafana-provisioning/* $(grafana_provisioning_dir)
 	sed -e "s|<GRAFANA_SLACK_RECIPIENT>|$${GRAFANA_SLACK_RECIPIENT}|" \
diff --git a/scripts/govtool/config/templates/docker-compose.yml.tpl b/scripts/govtool/config/templates/docker-compose.yml.tpl
index 83124a106..9ef1ce811 100644
--- a/scripts/govtool/config/templates/docker-compose.yml.tpl
+++ b/scripts/govtool/config/templates/docker-compose.yml.tpl
@@ -36,6 +36,24 @@ services:
       - "traefik.http.routers.http-catchall.entrypoints=web"
       - "traefik.http.routers.http-catchall.middlewares=redirect-to-https"
 
+  loki:
+    image: grafana/loki:2.9.4
+    ports:
+      - "3100:3100"
+    command: -config.file=/etc/loki/loki.yml
+    volumes:
+      - loki-data:/loki
+      - /home/<DOCKER_USER>/config/loki.yml:/etc/loki/loki.yml
+
+  promtail:
+    image: grafana/promtail:2.9.4
+    volumes:
+      - /var/log/deployment.log:/var/log/deployment.log
+      - /home/<DOCKER_USER>/config/promtail.yml:/etc/promtail/promtail.yml
+    command: -config.file=/etc/promtail/promtail.yml
+    depends_on:
+      - loki
+
   prometheus:
     image: prom/prometheus:v2.47.1
     volumes:
@@ -229,3 +247,4 @@ volumes:
   prometheus-data:
   node-db:
   node-ipc:
+  loki-data:
diff --git a/scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml b/scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml
index 752444705..e1461426c 100644
--- a/scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml
+++ b/scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml
@@ -48,3 +48,36 @@ datasources:
   version: 1
   # <bool> allow users to edit datasources from the UI.
   editable: true
+
+  # <string, required> name of the datasource. Required
+- name: Loki
+  # <string, required> datasource type. Required
+  type: loki
+  # <string, required> access mode. direct or proxy. Required
+  access: browser
+  # <int> org id. will default to orgId 1 if not specified
+  orgId: 1
+  # <string> url
+  url: http://loki:3100
+  # <string> database password, if used
+  password:
+  # <string> database user, if used
+  user:
+  # <string> database name, if used
+  database:
+  # <bool> enable/disable basic auth
+  basicAuth: false
+  # <string> basic auth username
+  basicAuthUser: admin
+  # <string> basic auth password
+  basicAuthPassword: foobar
+  # <bool> enable/disable with credentials headers
+  withCredentials:
+  # <bool> mark as default datasource. Max one per org
+  # <bool> enable/disable basic auth
+  basicAuth: false
+  # <bool> mark as default datasource. Max one per org
+  isDefault: false
+  version: 1
+  # <bool> allow users to edit datasources from the UI.
+  editable: true
diff --git a/scripts/govtool/config/templates/loki.yml b/scripts/govtool/config/templates/loki.yml
new file mode 100644
index 000000000..54b6e3344
--- /dev/null
+++ b/scripts/govtool/config/templates/loki.yml
@@ -0,0 +1,56 @@
+auth_enabled: false
+
+server:
+  http_listen_port: 3100
+  grpc_listen_port: 9095
+
+ingester:
+  wal:
+    enabled: false
+  lifecycler:
+    address: 127.0.0.1
+    ring:
+      kvstore:
+        store: inmemory
+      replication_factor: 1
+  chunk_idle_period: 15m
+  chunk_block_size: 262144
+  chunk_retain_period: 1m
+  max_transfer_retries: 0
+
+compactor:
+  working_directory: /loki/compactor
+  shared_store: filesystem
+
+schema_config:
+  configs:
+  - from: 2024-01-01
+    store: boltdb-shipper
+    object_store: filesystem
+    schema: v11
+    index:
+      prefix: index_
+      period: 24h
+
+storage_config:
+  boltdb_shipper:
+    active_index_directory: /loki/index
+    cache_location: /loki/index_cache
+    cache_ttl: 24h
+    shared_store: filesystem
+  filesystem:
+    directory: /loki/chunks
+
+limits_config:
+  enforce_metric_name: false
+  reject_old_samples: true
+  reject_old_samples_max_age: 168h
+  max_cache_freshness_per_query: 10m
+  retention_period: 672h
+
+chunk_store_config:
+  max_look_back_period: 672h
+
+table_manager:
+  retention_deletes_enabled: true
+  retention_period: 672h
diff --git a/scripts/govtool/config/templates/promtail.yml b/scripts/govtool/config/templates/promtail.yml
new file mode 100644
index 000000000..e24b9d32a
--- /dev/null
+++ b/scripts/govtool/config/templates/promtail.yml
@@ -0,0 +1,18 @@
+server:
+  http_listen_port: 9080
+  grpc_listen_port: 0
+
+positions:
+  filename: /tmp/positions.yaml
+
+clients:
+  - url: http://loki:3100/loki/api/v1/push
+
+scrape_configs:
+- job_name: system
+  static_configs:
+  - targets:
+      - localhost
+    labels:
+      job: varlogs
+      __path__: /var/log/deployment.log

From c01546da9e04939e0ce85be39a31ff80dacebdc7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Wed, 6 Mar 2024 08:55:06 +0100
Subject: [PATCH 039/109] [#361] Initialized deployment log in EC2 user data
 script

This commit enhances the infrastructure setup process by incorporating
an initialization step for a deployment log within the EC2 instance's
user data script. This change is aimed at bolstering deployment
traceability and logging mechanisms for the GovTool project. Key aspects
of the update include:

- Deployment Log File Creation: Added commands to create a new log file,
  /var/log/deployment.log, during the initial setup of the EC2 instance.
  This log file is intended to capture and store deployment-related
  events, making it easier to track and diagnose issues that may arise
  during or after the deployment process.
- Log File Ownership Adjustment: The ownership of the newly created
  deployment log file is set to ubuntu:ubuntu, ensuring that the
  application, running under the ubuntu user, has the necessary
  permissions to write deployment events to the file.

This modification directly supports the project's objective to enhance
deployment traceability and operational monitoring by providing a
dedicated mechanism for logging deployment activities, thereby
facilitating better insight into deployment processes and outcomes.
---
 infra/terraform/modules/govtool-ec2/user_data.sh | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/infra/terraform/modules/govtool-ec2/user_data.sh b/infra/terraform/modules/govtool-ec2/user_data.sh
index 79a7f1a06..0e47ac34a 100644
--- a/infra/terraform/modules/govtool-ec2/user_data.sh
+++ b/infra/terraform/modules/govtool-ec2/user_data.sh
@@ -22,3 +22,7 @@ echo \
 sudo apt-get update
 sudo apt-get install -y docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin prometheus-node-exporter
 sudo usermod -aG docker ubuntu
+
+# initialize deployment log
+sudo touch /var/log/deployment.log
+sudo chown ubuntu:ubuntu /var/log/deployment.log

From 08a530621529b9c8ccae17f8c5c4b94a5ca2eadd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Wed, 6 Mar 2024 09:13:37 +0100
Subject: [PATCH 040/109] [#361] Implement deployment traceability and
 streamline notification process

- Modified 'all' target in Makefile to exclude 'info' and directly
  include 'notify', simplifying the deployment sequence.
- Introduced 'log-deployment' in info.mk for logging deployment details
  to /var/log/deployment.log. This includes capturing essential
  deployment metadata such as the environment, branch, commit, and
  versions of the deployed components, formatted with a timestamp and
  marked as INFO for clarity.
- Updated 'notify' target to depend on 'info' and 'log-deployment',
  ensuring comprehensive deployment information is shared and recorded.
  This includes deployment success notifications with detailed component
  versions and source information.
- Adjusted the format for logging deployment information to improve
  readability and consistency in monitoring tools.

These changes enhance the project's deployment traceability, allowing
for better tracking of deployments and easier debugging and auditing of
deployed versions.
---
 scripts/govtool/Makefile |  2 +-
 scripts/govtool/info.mk  | 13 ++++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/scripts/govtool/Makefile b/scripts/govtool/Makefile
index e1b0ef58e..831d272d2 100644
--- a/scripts/govtool/Makefile
+++ b/scripts/govtool/Makefile
@@ -11,7 +11,7 @@ cardano_node_image_tag := 8.8.0-pre
 cardano_db_sync_image_tag := sancho-4-0-0-fix-config
 
 .PHONY: all
-all: deploy-stack info notify
+all: deploy-stack notify
 
 .PHONY: deploy-stack
 deploy-stack: upload-config push-backend push-frontend
diff --git a/scripts/govtool/info.mk b/scripts/govtool/info.mk
index 741e457c4..128567307 100644
--- a/scripts/govtool/info.mk
+++ b/scripts/govtool/info.mk
@@ -1,11 +1,19 @@
 # pipeline information
 pipeline_url := $(shell echo $${PIPELINE_URL:-})
-ifeq ($(PIPELINE_URL),)
+ifeq ($(pipeline_url),)
   pipeline_info := _Deployed from local machine._
 else
   pipeline_info := _Deployed from <$(pipeline_url)|GitHub>._
 endif
 
+deployment_log_file := /var/log/deployment.log
+
+.PHONY: log-deployment
+log-deployment:
+	@:$(call check_defined, cardano_network)
+	@:$(call check_defined, env)
+	ssh $(ssh_url) 'echo "$(shell date +'%Y-%m-%d %H:%M:%S%z') INFO: $(branch) ($(commit)); cardano-node $(cardano_node_image_tag); cardano-dbsync $(cardano_db_sync_image_tag); backend $(backend_image_tag); frontend $(frontend_image_tag); $(pipeline_url)" >> $(deployment_log_file)'
+
 .PHONY: info
 info:
 	@:$(call check_defined, cardano_network)
@@ -24,11 +32,10 @@ info:
 	@echo "+-----------"
 
 .PHONY: notify
-notify:
+notify: info log-deployment
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
 	$(curl) -X POST https://slack.com/api/chat.postMessage\
 		-H "Authorization: Bearer $${GRAFANA_SLACK_OAUTH_TOKEN}" \
 		-H "Content-Type: application/json; charset=utf-8" \
 		--data "{ \"channel\":\"$${GRAFANA_SLACK_RECIPIENT}\", \"text\":\":rocket: *Deploy performed on \`$(env)\`*\n- from *branch* \`$(branch)\` (\`$(commit)\`),\n- using *Cardano Node* version \`$(cardano_node_image_tag)\`,\n- using *Cardano DB Sync* version \`$(cardano_db_sync_image_tag)\`,\n- using *GovTool backend* version \`$(backend_image_tag)\`,\n- using *Govtool frontend* version \`$(frontend_image_tag)\`.\n$(pipeline_info)\" }"
-

From 3d8df6eef6691edc7b1479dcf79ae847849f8fe3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Wed, 6 Mar 2024 09:56:17 +0100
Subject: [PATCH 041/109] [#361] Integrate Loki panel for deployment log
 visualization in Grafana

- Added a new panel to the GovTool Grafana dashboard configuration for
  visualizing deployment logs.
- This panel uses the Loki data source to display logs from
  `/var/log/deployment.log`, providing a trace of every deployment made.
- The panel is configured to display logs in descending order, focusing
  on deployment events. This aims to facilitate quick identification of
  deployment activities and troubleshooting issues.
- Updated the dashboard version to reflect these changes, ensuring that
  the dashboard remains up-to-date and functional with the latest
  configurations.

This enhancement improves the observability of the deployment process,
making it easier for operators to monitor deployment activities and
investigate issues directly from the Grafana interface.
---
 .../dashboards/govtool.json                   | 42 ++++++++++++++++++-
 1 file changed, 40 insertions(+), 2 deletions(-)

diff --git a/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json b/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json
index 0b4b755a8..634602b24 100644
--- a/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json
+++ b/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json
@@ -18,7 +18,6 @@
   "editable": true,
   "fiscalYearStartMonth": 0,
   "graphTooltip": 0,
-  "id": 3,
   "links": [],
   "liveNow": false,
   "panels": [
@@ -861,6 +860,45 @@
       ],
       "title": "System load (avg 5 min)",
       "type": "timeseries"
+    },
+    {
+      "datasource": {
+        "type": "loki",
+        "uid": "b0d64f25-3bca-4cc1-b8f3-6b391d88b442"
+      },
+      "description": "Trace of every deploy made on this machine. This is a good place to start when something goes wrong.",
+      "gridPos": {
+        "h": 4,
+        "w": 21,
+        "x": 0,
+        "y": 22
+      },
+      "id": 12,
+      "options": {
+        "dedupStrategy": "none",
+        "enableLogDetails": true,
+        "prettifyLogMessage": false,
+        "showCommonLabels": false,
+        "showLabels": false,
+        "showTime": false,
+        "sortOrder": "Descending",
+        "wrapLogMessage": false
+      },
+      "targets": [
+        {
+          "datasource": {
+            "type": "loki",
+            "uid": "b0d64f25-3bca-4cc1-b8f3-6b391d88b442"
+          },
+          "editorMode": "builder",
+          "expr": "{filename=\"/var/log/deployment.log\"}",
+          "queryType": "range",
+          "refId": "A"
+        }
+      ],
+      "timeFrom": "1w",
+      "title": "Deployment events",
+      "type": "logs"
     }
   ],
   "refresh": "10s",
@@ -878,6 +916,6 @@
   "timezone": "",
   "title": "GovTool basic stats",
   "uid": "e3697f62-6a01-4596-b626-d46141441b32",
-  "version": 1,
+  "version": 36,
   "weekStart": ""
 }

From a5b6fad93fa491505f230710ab1374d9234159f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Tue, 5 Mar 2024 22:02:37 +0100
Subject: [PATCH 042/109] change cancel to back/ fix card layout

---
 govtool/frontend/src/components/organisms/BgCard.tsx       | 2 ++
 .../components/organisms/ChooseGovernanceActionType.tsx    | 7 ++++---
 .../components/organisms/WhatGovernanceActionIsAbout.tsx   | 1 -
 govtool/frontend/src/pages/CreateGovernanceAction.tsx      | 7 +------
 4 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/govtool/frontend/src/components/organisms/BgCard.tsx b/govtool/frontend/src/components/organisms/BgCard.tsx
index 1995f06a3..c8b7a0d48 100644
--- a/govtool/frontend/src/components/organisms/BgCard.tsx
+++ b/govtool/frontend/src/components/organisms/BgCard.tsx
@@ -78,6 +78,7 @@ export const BgCard = ({
         flex: 1,
         flexDirection: "column",
         height: isMobile ? "100%" : "auto",
+        px: isMobile ? 0 : 5,
       }}
     >
       <Box
@@ -93,6 +94,7 @@ export const BgCard = ({
           pb: isMobile ? undefined : 10,
           pt: isMobile ? 6 : 10,
           px: isMobile ? 2 : 18.75,
+          width: "-webkit-fill-available",
           ...sx,
         }}
       >
diff --git a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
index 13b1a2f6c..a83b333d5 100644
--- a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
+++ b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
@@ -11,12 +11,10 @@ import {
 import { BgCard } from "./BgCard";
 
 type ChooseGovernanceActionTypeProps = {
-  onClickCancel: () => void;
   setStep: Dispatch<SetStateAction<number>>;
 };
 
 export const ChooseGovernanceActionType = ({
-  onClickCancel,
   setStep,
 }: ChooseGovernanceActionTypeProps) => {
   const { t } = useTranslation();
@@ -29,6 +27,10 @@ export const ChooseGovernanceActionType = ({
     setStep(3);
   };
 
+  const onClickCancel = () => {
+    setStep(1);
+  };
+
   // TODO: Add tooltips when they will be available
   const renderGovernanceActionTypes = () => {
     return GOVERNANCE_ACTION_TYPES.map((type, index) => {
@@ -54,7 +56,6 @@ export const ChooseGovernanceActionType = ({
   return (
     <BgCard
       actionButtonLabel={t("continue")}
-      backButtonLabel={t("cancel")}
       isActionButtonDisabled={isContinueButtonDisabled}
       onClickActionButton={onClickContinue}
       onClickBackButton={onClickCancel}
diff --git a/govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx b/govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx
index 2f279e37b..5617b4221 100644
--- a/govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx
+++ b/govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx
@@ -33,7 +33,6 @@ export const WhatGovernanceActionIsAbout = ({
       backButtonLabel={t("cancel")}
       onClickActionButton={onClickContinue}
       onClickBackButton={onClickCancel}
-      sx={{ paddingBottom: isMobile ? undefined : 3 }}
     >
       <Typography sx={{ textAlign: "center" }} variant="headline4">
         {t("createGovernanceAction.creatingAGovernanceAction")}
diff --git a/govtool/frontend/src/pages/CreateGovernanceAction.tsx b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
index aa110505e..bb1597329 100644
--- a/govtool/frontend/src/pages/CreateGovernanceAction.tsx
+++ b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
@@ -79,12 +79,7 @@ export const CreateGovernanceAction = () => {
               setStep={setStep}
             />
           )}
-          {step === 2 && (
-            <ChooseGovernanceActionType
-              onClickCancel={onClickBackToDashboard}
-              setStep={setStep}
-            />
-          )}
+          {step === 2 && <ChooseGovernanceActionType setStep={setStep} />}
           {step === 3 && <CreateGovernanceActionForm setStep={setStep} />}
         </FormProvider>
         {isMobile && <Footer />}

From 20ae7486689bead785cfa66b5132bae984dd76f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Wed, 6 Mar 2024 16:27:15 +0100
Subject: [PATCH 043/109] change - func name/ number of links

---
 .../src/components/organisms/ChooseGovernanceActionType.tsx   | 4 ++--
 .../src/components/organisms/CreateGovernanceActionForm.tsx   | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
index a83b333d5..27682d970 100644
--- a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
+++ b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
@@ -27,7 +27,7 @@ export const ChooseGovernanceActionType = ({
     setStep(3);
   };
 
-  const onClickCancel = () => {
+  const onClickBack = () => {
     setStep(1);
   };
 
@@ -58,7 +58,7 @@ export const ChooseGovernanceActionType = ({
       actionButtonLabel={t("continue")}
       isActionButtonDisabled={isContinueButtonDisabled}
       onClickActionButton={onClickContinue}
-      onClickBackButton={onClickCancel}
+      onClickBackButton={onClickBack}
     >
       <Typography sx={{ textAlign: "center" }} variant="headline4">
         {t("createGovernanceAction.chooseGATypeTitle")}
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
index e16a406f9..9d1908261 100644
--- a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
@@ -11,7 +11,7 @@ import { BgCard } from "./BgCard";
 import { ControlledField } from "./ControlledField";
 
 const LINK_PLACEHOLDER = "https://website.com/";
-const MAX_NUMBER_OF_LINKS = 7;
+const MAX_NUMBER_OF_LINKS = 8;
 
 type ChooseGovernanceActionTypeProps = {
   setStep: Dispatch<SetStateAction<number>>;

From 4af59c9078d638edd71d356e6d51670ab20207e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Wed, 6 Mar 2024 01:05:51 +0100
Subject: [PATCH 044/109] [#362] add review submission page

---
 CHANGELOG.md                                  |   1 +
 govtool/frontend/public/icons/Link.svg        |  11 ++
 .../src/components/molecules/BackToButton.tsx |  26 ----
 .../src/components/molecules/LinkWithIcon.tsx |  36 ++++++
 .../src/components/molecules/index.ts         |   2 +-
 .../src/components/molecules/types.ts         |   3 +-
 .../organisms/ChooseGovernanceActionType.tsx  |   6 +-
 .../organisms/CreateGovernanceActionForm.tsx  |   2 +-
 .../ReviewCreatedGovernanceAction.tsx         | 112 ++++++++++++++++++
 .../src/components/organisms/index.ts         |   9 +-
 .../src/consts/governanceActionTypes.ts       |   2 +-
 govtool/frontend/src/consts/icons.ts          |   3 +-
 .../forms/useCreateGovernanceActionForm.ts    |   4 +-
 govtool/frontend/src/i18n/locales/en.ts       |   9 +-
 .../src/pages/CreateGovernanceAction.tsx      |   6 +-
 govtool/frontend/src/pages/RegisterAsdRep.tsx |   4 +-
 16 files changed, 189 insertions(+), 47 deletions(-)
 create mode 100644 govtool/frontend/public/icons/Link.svg
 delete mode 100644 govtool/frontend/src/components/molecules/BackToButton.tsx
 create mode 100644 govtool/frontend/src/components/molecules/LinkWithIcon.tsx
 create mode 100644 govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5b6662494..50cc35e39 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,7 @@ As a minor extension, we also keep a semantic version for the `UNRELEASED`
 changes.
 
 ## [Unreleased]
+- Create GA review subbmision page [Issue 362](https://github.com/IntersectMBO/govtool/issues/362)
 - Create GA creation form [Issue 360](https://github.com/IntersectMBO/govtool/issues/360)
 - Create TextArea [Issue 110](https://github.com/IntersectMBO/govtool/issues/110)
 - Abandoning registration as DRep [Issue 151](https://github.com/IntersectMBO/govtool/issues/151)
diff --git a/govtool/frontend/public/icons/Link.svg b/govtool/frontend/public/icons/Link.svg
new file mode 100644
index 000000000..bb50eca5b
--- /dev/null
+++ b/govtool/frontend/public/icons/Link.svg
@@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7825_77279)">
+<path d="M6.66699 8.66795C6.95329 9.0507 7.31856 9.3674 7.73803 9.59657C8.15749 9.82574 8.62133 9.96202 9.09809 9.99617C9.57485 10.0303 10.0534 9.96152 10.5012 9.79447C10.9491 9.62741 11.3557 9.36599 11.6937 9.02795L13.6937 7.02795C14.3009 6.39927 14.6368 5.55726 14.6292 4.68327C14.6216 3.80929 14.2711 2.97324 13.6531 2.35522C13.035 1.73719 12.199 1.38663 11.325 1.37903C10.451 1.37144 9.609 1.70742 8.98033 2.31461L7.83366 3.45461" stroke="#0033AD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.33347 7.33283C9.04716 6.95008 8.68189 6.63338 8.26243 6.40421C7.84297 6.17503 7.37913 6.03875 6.90237 6.00461C6.4256 5.97047 5.94707 6.03925 5.49924 6.20631C5.0514 6.37337 4.64472 6.63479 4.3068 6.97283L2.3068 8.97283C1.69961 9.60151 1.36363 10.4435 1.37122 11.3175C1.37881 12.1915 1.72938 13.0275 2.3474 13.6456C2.96543 14.2636 3.80147 14.6142 4.67546 14.6217C5.54945 14.6293 6.39146 14.2934 7.02013 13.6862L8.16013 12.5462" stroke="#0033AD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_7825_77279">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/govtool/frontend/src/components/molecules/BackToButton.tsx b/govtool/frontend/src/components/molecules/BackToButton.tsx
deleted file mode 100644
index e3a697d36..000000000
--- a/govtool/frontend/src/components/molecules/BackToButton.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { Box } from "@mui/material";
-import ArrowBackIosIcon from "@mui/icons-material/ArrowBackIos";
-
-import { Typography } from "@atoms";
-
-import { BackToLinkProps } from "./types";
-
-export const BackToButton = ({ label, onClick, sx }: BackToLinkProps) => {
-  return (
-    <Box
-      data-testid="back-to-dashboard-link"
-      sx={{
-        alignItems: "center",
-        cursor: "pointer",
-        display: "flex",
-        ...sx,
-      }}
-      onClick={onClick}
-    >
-      <ArrowBackIosIcon color="primary" sx={{ fontSize: 14 }} />
-      <Typography color="primary" fontWeight={400} variant="body2">
-        {label}
-      </Typography>
-    </Box>
-  );
-};
diff --git a/govtool/frontend/src/components/molecules/LinkWithIcon.tsx b/govtool/frontend/src/components/molecules/LinkWithIcon.tsx
new file mode 100644
index 000000000..0b4f651a3
--- /dev/null
+++ b/govtool/frontend/src/components/molecules/LinkWithIcon.tsx
@@ -0,0 +1,36 @@
+import { Box } from "@mui/material";
+import ArrowBackIosIcon from "@mui/icons-material/ArrowBackIos";
+
+import { Typography } from "@atoms";
+
+import { LinkWithIconProps } from "./types";
+
+export const LinkWithIcon = ({
+  label,
+  onClick,
+  icon,
+  sx,
+}: LinkWithIconProps) => {
+  return (
+    <Box
+      data-testid={`${label.split(" ").join("-")}-link`}
+      sx={{
+        alignItems: "center",
+        cursor: "pointer",
+        display: "flex",
+        ...sx,
+      }}
+      onClick={onClick}
+    >
+      {icon ? icon : <ArrowBackIosIcon color="primary" sx={{ fontSize: 14 }} />}
+      <Typography
+        color="primary"
+        fontWeight={400}
+        sx={{ ml: 0.5 }}
+        variant="body2"
+      >
+        {label}
+      </Typography>
+    </Box>
+  );
+};
diff --git a/govtool/frontend/src/components/molecules/index.ts b/govtool/frontend/src/components/molecules/index.ts
index 3afe1db00..1f8dea57b 100644
--- a/govtool/frontend/src/components/molecules/index.ts
+++ b/govtool/frontend/src/components/molecules/index.ts
@@ -1,5 +1,4 @@
 export * from "./ActionCard";
-export * from "./BackToButton";
 export * from "./CenteredBoxBottomButtons";
 export * from "./CenteredBoxPageWrapper";
 export * from "./DashboardActionCard";
@@ -11,6 +10,7 @@ export * from "./GovernanceActionCard";
 export * from "./GovernanceActionsFilters";
 export * from "./GovernanceActionsSorting";
 export * from "./GovernanceVotedOnCard";
+export * from "./LinkWithIcon";
 export * from "./OrderActionsChip";
 export * from "./VoteActionForm";
 export * from "./VotesSubmitted";
diff --git a/govtool/frontend/src/components/molecules/types.ts b/govtool/frontend/src/components/molecules/types.ts
index 6cafc8c4a..32fad8cfa 100644
--- a/govtool/frontend/src/components/molecules/types.ts
+++ b/govtool/frontend/src/components/molecules/types.ts
@@ -1,7 +1,8 @@
 import { SxProps } from "@mui/material";
 
-export type BackToLinkProps = {
+export type LinkWithIconProps = {
   label: string;
   onClick: () => void;
+  icon?: JSX.Element;
   sx?: SxProps;
 };
diff --git a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
index 27682d970..da64375e6 100644
--- a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
+++ b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
@@ -21,7 +21,7 @@ export const ChooseGovernanceActionType = ({
   const { isMobile } = useScreenDimension();
   const { getValues, setValue, watch } = useCreateGovernanceActionForm();
 
-  const isContinueButtonDisabled = !watch("type");
+  const isContinueButtonDisabled = !watch("governance_action_type");
 
   const onClickContinue = () => {
     setStep(3);
@@ -34,7 +34,7 @@ export const ChooseGovernanceActionType = ({
   // TODO: Add tooltips when they will be available
   const renderGovernanceActionTypes = () => {
     return GOVERNANCE_ACTION_TYPES.map((type, index) => {
-      const isChecked = getValues("type") === type;
+      const isChecked = getValues("governance_action_type") === type;
       return (
         <div key={type}>
           <ActionRadio
@@ -50,7 +50,7 @@ export const ChooseGovernanceActionType = ({
   };
 
   const onChangeType = (value: string) => {
-    setValue("type", value);
+    setValue("governance_action_type", value);
   };
 
   return (
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
index 9d1908261..e56f1a60c 100644
--- a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
@@ -32,7 +32,7 @@ export const CreateGovernanceActionForm = ({
     name: "links",
   });
 
-  const governanceActionType = getValues("type");
+  const governanceActionType = getValues("governance_action_type");
   const fields =
     GOVERNANCE_ACTIONS_FIELDS.find(
       (field) => field.name === governanceActionType
diff --git a/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx b/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx
new file mode 100644
index 000000000..a88a09796
--- /dev/null
+++ b/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx
@@ -0,0 +1,112 @@
+import { Dispatch, SetStateAction } from "react";
+import { Box } from "@mui/material";
+import DriveFileRenameOutlineOutlinedIcon from "@mui/icons-material/DriveFileRenameOutlineOutlined";
+
+import { Button, Spacer, Typography } from "@atoms";
+import { ICONS } from "@consts";
+import { useCreateGovernanceActionForm, useTranslation } from "@hooks";
+import { LinkWithIcon } from "@molecules";
+import { openInNewTab } from "@utils";
+
+import { BgCard } from "./BgCard";
+
+type ReviewCreatedGovernanceActionProps = {
+  setStep: Dispatch<SetStateAction<number>>;
+};
+
+export const ReviewCreatedGovernanceAction = ({
+  setStep,
+}: ReviewCreatedGovernanceActionProps) => {
+  const { t } = useTranslation();
+  const { getValues } = useCreateGovernanceActionForm();
+  const values = getValues();
+
+  const onClickContinue = () => {
+    setStep(5);
+  };
+
+  const onClickBackButton = () => {
+    setStep(3);
+  };
+
+  const onClickEditSubmission = () => {
+    setStep(3);
+  };
+
+  const onClickLink = (link: string) => {
+    openInNewTab(link);
+  };
+
+  const renderReviewFields = () => {
+    return Object.entries(values)
+      .filter(([key]) => key !== "links")
+      .map(([key, value]) => {
+        const label =
+          key.charAt(0).toUpperCase() + key.slice(1).replace(/_/g, " ");
+
+        return (
+          <Box sx={{ mb: 5 }}>
+            <Typography color="neutralGray" fontWeight={400} variant="body2">
+              {label}
+            </Typography>
+            <Typography sx={{ mt: 0.5 }} variant="body2">
+              {value as string}
+            </Typography>
+          </Box>
+        );
+      });
+  };
+
+  const renderLinks = () => {
+    const links = values["links"]?.map((item) => item.link) ?? [];
+
+    return links.map((link: string) => {
+      return (
+        <LinkWithIcon
+          icon={<img src={ICONS.link} />}
+          label={link}
+          onClick={() => onClickLink(link)}
+          sx={{ mb: 1.75 }}
+        />
+      );
+    });
+  };
+
+  return (
+    <BgCard
+      actionButtonLabel={t("continue")}
+      onClickActionButton={onClickContinue}
+      onClickBackButton={onClickBackButton}
+    >
+      <Typography sx={{ textAlign: "center" }} variant="headline4">
+        {t("createGovernanceAction.reviewSubmission")}
+      </Typography>
+      <Spacer y={4.25} />
+      <Button
+        startIcon={
+          <DriveFileRenameOutlineOutlinedIcon
+            color="primary"
+            fontSize="large"
+          />
+        }
+        onClick={onClickEditSubmission}
+        sx={{ alignSelf: "center", width: "180px" }}
+        variant="outlined"
+      >
+        {t("createGovernanceAction.editSubmission")}
+      </Button>
+      <Spacer y={6} />
+      {renderReviewFields()}
+      <Typography
+        color="neutralGray"
+        fontWeight={400}
+        sx={{ mb: 0.5 }}
+        variant="body2"
+      >
+        {t("createGovernanceAction.supportingLinks")}
+      </Typography>
+      {renderLinks()}
+      <Spacer y={6} />
+    </BgCard>
+  );
+};
diff --git a/govtool/frontend/src/components/organisms/index.ts b/govtool/frontend/src/components/organisms/index.ts
index 4f1994723..ec58e2e2a 100644
--- a/govtool/frontend/src/components/organisms/index.ts
+++ b/govtool/frontend/src/components/organisms/index.ts
@@ -2,8 +2,8 @@ export * from "./BgCard";
 export * from "./ChooseGovernanceActionType";
 export * from "./ChooseStakeKeyPanel";
 export * from "./ChooseWalletModal";
-export * from "./CreateGovernanceActionForm";
 export * from "./ControlledField";
+export * from "./CreateGovernanceActionForm";
 export * from "./DashboardCards";
 export * from "./DashboardCards";
 export * from "./DashboardDrawerMobile";
@@ -21,15 +21,16 @@ export * from "./GovernanceActionDetailsCard";
 export * from "./GovernanceActionsToVote";
 export * from "./Hero";
 export * from "./HomeCards";
-export * from "./WhatGovernanceActionIsAbout";
-export * from "./RegisterAsSoleVoterBox";
-export * from "./RegisterAsSoleVoterBoxContent";
 export * from "./RegisterAsdRepStepOne";
 export * from "./RegisterAsdRepStepThree";
 export * from "./RegisterAsdRepStepTwo";
+export * from "./RegisterAsSoleVoterBox";
+export * from "./RegisterAsSoleVoterBoxContent";
 export * from "./RetireAsSoleVoterBox";
 export * from "./RetireAsSoleVoterBoxContent";
+export * from "./ReviewCreatedGovernanceAction";
 export * from "./Slider";
 export * from "./StatusModal";
 export * from "./TopNav";
 export * from "./VotingPowerModal";
+export * from "./WhatGovernanceActionIsAbout";
diff --git a/govtool/frontend/src/consts/governanceActionTypes.ts b/govtool/frontend/src/consts/governanceActionTypes.ts
index 8930119d8..d8351108c 100644
--- a/govtool/frontend/src/consts/governanceActionTypes.ts
+++ b/govtool/frontend/src/consts/governanceActionTypes.ts
@@ -44,7 +44,7 @@ export const GOVERNANCE_ACTIONS_FIELDS = [
         placeholder: "Problem this GA will solve",
         tip: "How will this solve a problem",
       },
-      Rationale: {
+      rationale: {
         component: "textarea",
         placeholder: "Content of Governance Action",
         tip: "Put all the content of the GA here",
diff --git a/govtool/frontend/src/consts/icons.ts b/govtool/frontend/src/consts/icons.ts
index 93574c43b..1cb22944b 100644
--- a/govtool/frontend/src/consts/icons.ts
+++ b/govtool/frontend/src/consts/icons.ts
@@ -1,8 +1,8 @@
 export const ICONS = {
   appLogoIcon: "/icons/AppLogo.svg",
   arrowDownIcon: "/icons/ArrowDown.svg",
-  arrowRightIcon: "/icons/ArrowRight.svg",
   arrowLeftThinIcon: "/icons/ArrowLeftThin.svg",
+  arrowRightIcon: "/icons/ArrowRight.svg",
   checkCircleIcon: "/icons/CheckCircle.svg",
   closeDrawerIcon: "/icons/CloseIcon.svg",
   closeIcon: "/icons/Close.svg",
@@ -23,6 +23,7 @@ export const ICONS = {
   guidesActiveIcon: "/icons/GuidesActive.svg",
   guidesIcon: "/icons/Guides.svg",
   helpIcon: "/icons/Help.svg",
+  link: "/icons/Link.svg",
   sortActiveIcon: "/icons/SortActive.svg",
   sortIcon: "/icons/Sort.svg",
   sortWhiteIcon: "/icons/SortWhite.svg",
diff --git a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
index 565cdca9b..6926ff184 100644
--- a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
+++ b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
@@ -2,13 +2,13 @@ import { useCallback, useState } from "react";
 import { useFormContext } from "react-hook-form";
 
 type createGovernanceActionValues = {
-  type: string;
+  governance_action_type: string;
   links?: { link: string }[];
 };
 
 export const defaulCreateGovernanceActionValues: createGovernanceActionValues =
   {
-    type: "",
+    governance_action_type: "",
     links: [{ link: "" }],
   };
 
diff --git a/govtool/frontend/src/i18n/locales/en.ts b/govtool/frontend/src/i18n/locales/en.ts
index 364113bbf..02efcee00 100644
--- a/govtool/frontend/src/i18n/locales/en.ts
+++ b/govtool/frontend/src/i18n/locales/en.ts
@@ -130,13 +130,16 @@ export const en = {
     },
     createGovernanceAction: {
       chooseGATypeTitle: "Choose a Governance Action type",
-      formTitle: "Governance Action details",
-      references: "References and Supporting Information",
-      title: "Create a Governance Action",
       creatingAGovernanceAction:
         "Creating a Governance Action: What you need to know",
       creatingAGovernanceActionDescription:
         "To create a Governance Action, you will need to:\n\n• Fill out a form with the relevant data\n• Pay a refundable deposit of <strong>₳{{deposit}}</strong>\n• Store the metadata of your Governance Action at your own expense.\n\nYour deposit will be refunded to your wallet when the Governance Action is either enacted or expired.\n\nThe deposit will not affect your Voting Power.",
+      editSubmission: "Edit submission",
+      formTitle: "Governance Action details",
+      references: "References and Supporting Information",
+      reviewSubmission: "Review your submission",
+      supportingLinks: "Supporting links",
+      title: "Create a Governance Action",
     },
     delegation: {
       description:
diff --git a/govtool/frontend/src/pages/CreateGovernanceAction.tsx b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
index bb1597329..e2c9cc8d3 100644
--- a/govtool/frontend/src/pages/CreateGovernanceAction.tsx
+++ b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
@@ -11,12 +11,13 @@ import {
   useScreenDimension,
   useTranslation,
 } from "@hooks";
-import { BackToButton } from "@molecules";
+import { LinkWithIcon } from "@molecules";
 import {
   ChooseGovernanceActionType,
   CreateGovernanceActionForm,
   DashboardTopNav,
   Footer,
+  ReviewCreatedGovernanceAction,
   WhatGovernanceActionIsAbout,
 } from "@organisms";
 import { checkIsWalletConnected } from "@utils";
@@ -63,7 +64,7 @@ export const CreateGovernanceAction = () => {
         sx={{ display: "flex", flexDirection: "column", minHeight: "100vh" }}
       >
         <DashboardTopNav title={t("createGovernanceAction.title")} />
-        <BackToButton
+        <LinkWithIcon
           label={t("backToDashboard")}
           onClick={onClickBackToDashboard}
           sx={{
@@ -81,6 +82,7 @@ export const CreateGovernanceAction = () => {
           )}
           {step === 2 && <ChooseGovernanceActionType setStep={setStep} />}
           {step === 3 && <CreateGovernanceActionForm setStep={setStep} />}
+          {step === 4 && <ReviewCreatedGovernanceAction setStep={setStep} />}
         </FormProvider>
         {isMobile && <Footer />}
       </Box>
diff --git a/govtool/frontend/src/pages/RegisterAsdRep.tsx b/govtool/frontend/src/pages/RegisterAsdRep.tsx
index 06fb7fc00..f18392a11 100644
--- a/govtool/frontend/src/pages/RegisterAsdRep.tsx
+++ b/govtool/frontend/src/pages/RegisterAsdRep.tsx
@@ -11,7 +11,7 @@ import {
   useUrlAndHashFormController as useRegisterAsdRepFormController,
   useTranslation,
 } from "@hooks";
-import { BackToButton } from "@molecules";
+import { LinkWithIcon } from "@molecules";
 import {
   DashboardTopNav,
   Footer,
@@ -60,7 +60,7 @@ export const RegisterAsdRep = () => {
         sx={{ display: "flex", flexDirection: "column", minHeight: "100vh" }}
       >
         <DashboardTopNav title={t("registration.becomeADRep")} />
-        <BackToButton
+        <LinkWithIcon
           label={t("backToDashboard")}
           onClick={onClickBackToDashboard}
           sx={{

From a506680f0ae313c8ab34dd886265002fb87ba7a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Wed, 6 Mar 2024 16:25:32 +0100
Subject: [PATCH 045/109] [#362] dont show links when unavailable

---
 .../ReviewCreatedGovernanceAction.tsx         | 41 +++++++++++--------
 1 file changed, 23 insertions(+), 18 deletions(-)

diff --git a/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx b/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx
index a88a09796..4944804a1 100644
--- a/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx
+++ b/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx
@@ -59,17 +59,30 @@ export const ReviewCreatedGovernanceAction = ({
 
   const renderLinks = () => {
     const links = values["links"]?.map((item) => item.link) ?? [];
+    const areLinks = links.some((item) => item);
 
-    return links.map((link: string) => {
-      return (
-        <LinkWithIcon
-          icon={<img src={ICONS.link} />}
-          label={link}
-          onClick={() => onClickLink(link)}
-          sx={{ mb: 1.75 }}
-        />
-      );
-    });
+    return areLinks ? (
+      <>
+        <Typography
+          color="neutralGray"
+          fontWeight={400}
+          sx={{ mb: 0.5 }}
+          variant="body2"
+        >
+          {t("createGovernanceAction.supportingLinks")}
+        </Typography>
+        {links.map((link: string) => {
+          return link ? (
+            <LinkWithIcon
+              icon={<img src={ICONS.link} />}
+              label={link}
+              onClick={() => onClickLink(link)}
+              sx={{ mb: 1.75 }}
+            />
+          ) : null;
+        })}
+      </>
+    ) : null;
   };
 
   return (
@@ -97,14 +110,6 @@ export const ReviewCreatedGovernanceAction = ({
       </Button>
       <Spacer y={6} />
       {renderReviewFields()}
-      <Typography
-        color="neutralGray"
-        fontWeight={400}
-        sx={{ mb: 0.5 }}
-        variant="body2"
-      >
-        {t("createGovernanceAction.supportingLinks")}
-      </Typography>
       {renderLinks()}
       <Spacer y={6} />
     </BgCard>

From 468ad44130cdda4334dafc277207f1c79adcc3b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Wed, 6 Mar 2024 20:56:34 +0100
Subject: [PATCH 046/109] [#362] fix display data only for one type of GA

---
 .../src/components/organisms/CreateGovernanceActionForm.tsx    | 3 ++-
 .../frontend/src/hooks/forms/useCreateGovernanceActionForm.ts  | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
index e56f1a60c..b48a536af 100644
--- a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
@@ -21,7 +21,7 @@ export const CreateGovernanceActionForm = ({
   setStep,
 }: ChooseGovernanceActionTypeProps) => {
   const { t } = useTranslation();
-  const { control, errors, getValues, register, watch } =
+  const { control, errors, getValues, register, reset, watch } =
     useCreateGovernanceActionForm();
   const {
     append,
@@ -48,6 +48,7 @@ export const CreateGovernanceActionForm = ({
   };
 
   const onClickBack = () => {
+    reset();
     setStep(2);
   };
 
diff --git a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
index 6926ff184..f744484b2 100644
--- a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
+++ b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
@@ -23,6 +23,7 @@ export const useCreateGovernanceActionForm = () => {
     setValue,
     watch,
     register,
+    reset,
   } = useFormContext<createGovernanceActionValues>();
 
   const onSubmit = useCallback(async () => {
@@ -44,5 +45,6 @@ export const useCreateGovernanceActionForm = () => {
     submitForm: handleSubmit(onSubmit),
     watch,
     register,
+    reset,
   };
 };

From 2fe023ae50d00d31e5cc90ddd05bd34c9bfa9e75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Thu, 7 Mar 2024 06:54:28 +0100
Subject: [PATCH 047/109] [#188] Remove outdated Nix configurations for
 frontend

Removed obsolete Nix configuration files (default.nix, node-env.nix, and
node-packages.nix) from the frontend module. This change is part of a
broader effort to update and realign the frontend's build and deployment
process with the backend's, ensuring a more streamlined and optimized
development environment. The removal of these files paves the way for
introducing a revised and more efficient Nix setup that better mirrors
the backend's configuration and fulfills the specified acceptance
criteria for development environments and dependencies.
---
 govtool/frontend/default.nix       |   17 -
 govtool/frontend/node-env.nix      |  689 ------
 govtool/frontend/node-packages.nix | 3703 ----------------------------
 3 files changed, 4409 deletions(-)
 delete mode 100644 govtool/frontend/default.nix
 delete mode 100644 govtool/frontend/node-env.nix
 delete mode 100644 govtool/frontend/node-packages.nix

diff --git a/govtool/frontend/default.nix b/govtool/frontend/default.nix
deleted file mode 100644
index d9c0daef7..000000000
--- a/govtool/frontend/default.nix
+++ /dev/null
@@ -1,17 +0,0 @@
-# This file has been generated by node2nix 1.11.1. Do not edit!
-
-{pkgs ? import <nixpkgs> {
-    inherit system;
-  }, system ? builtins.currentSystem, nodejs ? pkgs."nodejs_18"}:
-
-let
-  nodeEnv = import ./node-env.nix {
-    inherit (pkgs) stdenv lib python2 runCommand writeTextFile writeShellScript;
-    inherit pkgs nodejs;
-    libtool = if pkgs.stdenv.isDarwin then pkgs.darwin.cctools else null;
-  };
-in
-import ./node-packages.nix {
-  inherit (pkgs) fetchurl nix-gitignore stdenv lib fetchgit;
-  inherit nodeEnv;
-}
diff --git a/govtool/frontend/node-env.nix b/govtool/frontend/node-env.nix
deleted file mode 100644
index bc1e36628..000000000
--- a/govtool/frontend/node-env.nix
+++ /dev/null
@@ -1,689 +0,0 @@
-# This file originates from node2nix
-
-{lib, stdenv, nodejs, python2, pkgs, libtool, runCommand, writeTextFile, writeShellScript}:
-
-let
-  # Workaround to cope with utillinux in Nixpkgs 20.09 and util-linux in Nixpkgs master
-  utillinux = if pkgs ? utillinux then pkgs.utillinux else pkgs.util-linux;
-
-  python = if nodejs ? python then nodejs.python else python2;
-
-  # Create a tar wrapper that filters all the 'Ignoring unknown extended header keyword' noise
-  tarWrapper = runCommand "tarWrapper" {} ''
-    mkdir -p $out/bin
-
-    cat > $out/bin/tar <<EOF
-    #! ${stdenv.shell} -e
-    $(type -p tar) "\$@" --warning=no-unknown-keyword --delay-directory-restore
-    EOF
-
-    chmod +x $out/bin/tar
-  '';
-
-  # Function that generates a TGZ file from a NPM project
-  buildNodeSourceDist =
-    { name, version, src, ... }:
-
-    stdenv.mkDerivation {
-      name = "node-tarball-${name}-${version}";
-      inherit src;
-      buildInputs = [ nodejs ];
-      buildPhase = ''
-        export HOME=$TMPDIR
-        tgzFile=$(npm pack | tail -n 1) # Hooks to the pack command will add output (https://docs.npmjs.com/misc/scripts)
-      '';
-      installPhase = ''
-        mkdir -p $out/tarballs
-        mv $tgzFile $out/tarballs
-        mkdir -p $out/nix-support
-        echo "file source-dist $out/tarballs/$tgzFile" >> $out/nix-support/hydra-build-products
-      '';
-    };
-
-  # Common shell logic
-  installPackage = writeShellScript "install-package" ''
-    installPackage() {
-      local packageName=$1 src=$2
-
-      local strippedName
-
-      local DIR=$PWD
-      cd $TMPDIR
-
-      unpackFile $src
-
-      # Make the base dir in which the target dependency resides first
-      mkdir -p "$(dirname "$DIR/$packageName")"
-
-      if [ -f "$src" ]
-      then
-          # Figure out what directory has been unpacked
-          packageDir="$(find . -maxdepth 1 -type d | tail -1)"
-
-          # Restore write permissions to make building work
-          find "$packageDir" -type d -exec chmod u+x {} \;
-          chmod -R u+w "$packageDir"
-
-          # Move the extracted tarball into the output folder
-          mv "$packageDir" "$DIR/$packageName"
-      elif [ -d "$src" ]
-      then
-          # Get a stripped name (without hash) of the source directory.
-          # On old nixpkgs it's already set internally.
-          if [ -z "$strippedName" ]
-          then
-              strippedName="$(stripHash $src)"
-          fi
-
-          # Restore write permissions to make building work
-          chmod -R u+w "$strippedName"
-
-          # Move the extracted directory into the output folder
-          mv "$strippedName" "$DIR/$packageName"
-      fi
-
-      # Change to the package directory to install dependencies
-      cd "$DIR/$packageName"
-    }
-  '';
-
-  # Bundle the dependencies of the package
-  #
-  # Only include dependencies if they don't exist. They may also be bundled in the package.
-  includeDependencies = {dependencies}:
-    lib.optionalString (dependencies != []) (
-      ''
-        mkdir -p node_modules
-        cd node_modules
-      ''
-      + (lib.concatMapStrings (dependency:
-        ''
-          if [ ! -e "${dependency.packageName}" ]; then
-              ${composePackage dependency}
-          fi
-        ''
-      ) dependencies)
-      + ''
-        cd ..
-      ''
-    );
-
-  # Recursively composes the dependencies of a package
-  composePackage = { name, packageName, src, dependencies ? [], ... }@args:
-    builtins.addErrorContext "while evaluating node package '${packageName}'" ''
-      installPackage "${packageName}" "${src}"
-      ${includeDependencies { inherit dependencies; }}
-      cd ..
-      ${lib.optionalString (builtins.substring 0 1 packageName == "@") "cd .."}
-    '';
-
-  pinpointDependencies = {dependencies, production}:
-    let
-      pinpointDependenciesFromPackageJSON = writeTextFile {
-        name = "pinpointDependencies.js";
-        text = ''
-          var fs = require('fs');
-          var path = require('path');
-
-          function resolveDependencyVersion(location, name) {
-              if(location == process.env['NIX_STORE']) {
-                  return null;
-              } else {
-                  var dependencyPackageJSON = path.join(location, "node_modules", name, "package.json");
-
-                  if(fs.existsSync(dependencyPackageJSON)) {
-                      var dependencyPackageObj = JSON.parse(fs.readFileSync(dependencyPackageJSON));
-
-                      if(dependencyPackageObj.name == name) {
-                          return dependencyPackageObj.version;
-                      }
-                  } else {
-                      return resolveDependencyVersion(path.resolve(location, ".."), name);
-                  }
-              }
-          }
-
-          function replaceDependencies(dependencies) {
-              if(typeof dependencies == "object" && dependencies !== null) {
-                  for(var dependency in dependencies) {
-                      var resolvedVersion = resolveDependencyVersion(process.cwd(), dependency);
-
-                      if(resolvedVersion === null) {
-                          process.stderr.write("WARNING: cannot pinpoint dependency: "+dependency+", context: "+process.cwd()+"\n");
-                      } else {
-                          dependencies[dependency] = resolvedVersion;
-                      }
-                  }
-              }
-          }
-
-          /* Read the package.json configuration */
-          var packageObj = JSON.parse(fs.readFileSync('./package.json'));
-
-          /* Pinpoint all dependencies */
-          replaceDependencies(packageObj.dependencies);
-          if(process.argv[2] == "development") {
-              replaceDependencies(packageObj.devDependencies);
-          }
-          else {
-              packageObj.devDependencies = {};
-          }
-          replaceDependencies(packageObj.optionalDependencies);
-          replaceDependencies(packageObj.peerDependencies);
-
-          /* Write the fixed package.json file */
-          fs.writeFileSync("package.json", JSON.stringify(packageObj, null, 2));
-        '';
-      };
-    in
-    ''
-      node ${pinpointDependenciesFromPackageJSON} ${if production then "production" else "development"}
-
-      ${lib.optionalString (dependencies != [])
-        ''
-          if [ -d node_modules ]
-          then
-              cd node_modules
-              ${lib.concatMapStrings (dependency: pinpointDependenciesOfPackage dependency) dependencies}
-              cd ..
-          fi
-        ''}
-    '';
-
-  # Recursively traverses all dependencies of a package and pinpoints all
-  # dependencies in the package.json file to the versions that are actually
-  # being used.
-
-  pinpointDependenciesOfPackage = { packageName, dependencies ? [], production ? true, ... }@args:
-    ''
-      if [ -d "${packageName}" ]
-      then
-          cd "${packageName}"
-          ${pinpointDependencies { inherit dependencies production; }}
-          cd ..
-          ${lib.optionalString (builtins.substring 0 1 packageName == "@") "cd .."}
-      fi
-    '';
-
-  # Extract the Node.js source code which is used to compile packages with
-  # native bindings
-  nodeSources = runCommand "node-sources" {} ''
-    tar --no-same-owner --no-same-permissions -xf ${nodejs.src}
-    mv node-* $out
-  '';
-
-  # Script that adds _integrity fields to all package.json files to prevent NPM from consulting the cache (that is empty)
-  addIntegrityFieldsScript = writeTextFile {
-    name = "addintegrityfields.js";
-    text = ''
-      var fs = require('fs');
-      var path = require('path');
-
-      function augmentDependencies(baseDir, dependencies) {
-          for(var dependencyName in dependencies) {
-              var dependency = dependencies[dependencyName];
-
-              // Open package.json and augment metadata fields
-              var packageJSONDir = path.join(baseDir, "node_modules", dependencyName);
-              var packageJSONPath = path.join(packageJSONDir, "package.json");
-
-              if(fs.existsSync(packageJSONPath)) { // Only augment packages that exist. Sometimes we may have production installs in which development dependencies can be ignored
-                  console.log("Adding metadata fields to: "+packageJSONPath);
-                  var packageObj = JSON.parse(fs.readFileSync(packageJSONPath));
-
-                  if(dependency.integrity) {
-                      packageObj["_integrity"] = dependency.integrity;
-                  } else {
-                      packageObj["_integrity"] = "sha1-000000000000000000000000000="; // When no _integrity string has been provided (e.g. by Git dependencies), add a dummy one. It does not seem to harm and it bypasses downloads.
-                  }
-
-                  if(dependency.resolved) {
-                      packageObj["_resolved"] = dependency.resolved; // Adopt the resolved property if one has been provided
-                  } else {
-                      packageObj["_resolved"] = dependency.version; // Set the resolved version to the version identifier. This prevents NPM from cloning Git repositories.
-                  }
-
-                  if(dependency.from !== undefined) { // Adopt from property if one has been provided
-                      packageObj["_from"] = dependency.from;
-                  }
-
-                  fs.writeFileSync(packageJSONPath, JSON.stringify(packageObj, null, 2));
-              }
-
-              // Augment transitive dependencies
-              if(dependency.dependencies !== undefined) {
-                  augmentDependencies(packageJSONDir, dependency.dependencies);
-              }
-          }
-      }
-
-      if(fs.existsSync("./package-lock.json")) {
-          var packageLock = JSON.parse(fs.readFileSync("./package-lock.json"));
-
-          if(![1, 2].includes(packageLock.lockfileVersion)) {
-            process.stderr.write("Sorry, I only understand lock file versions 1 and 2!\n");
-            process.exit(1);
-          }
-
-          if(packageLock.dependencies !== undefined) {
-              augmentDependencies(".", packageLock.dependencies);
-          }
-      }
-    '';
-  };
-
-  # Reconstructs a package-lock file from the node_modules/ folder structure and package.json files with dummy sha1 hashes
-  reconstructPackageLock = writeTextFile {
-    name = "reconstructpackagelock.js";
-    text = ''
-      var fs = require('fs');
-      var path = require('path');
-
-      var packageObj = JSON.parse(fs.readFileSync("package.json"));
-
-      var lockObj = {
-          name: packageObj.name,
-          version: packageObj.version,
-          lockfileVersion: 2,
-          requires: true,
-          packages: {
-              "": {
-                  name: packageObj.name,
-                  version: packageObj.version,
-                  license: packageObj.license,
-                  bin: packageObj.bin,
-                  dependencies: packageObj.dependencies,
-                  engines: packageObj.engines,
-                  optionalDependencies: packageObj.optionalDependencies
-              }
-          },
-          dependencies: {}
-      };
-
-      function augmentPackageJSON(filePath, packages, dependencies) {
-          var packageJSON = path.join(filePath, "package.json");
-          if(fs.existsSync(packageJSON)) {
-              var packageObj = JSON.parse(fs.readFileSync(packageJSON));
-              packages[filePath] = {
-                  version: packageObj.version,
-                  integrity: "sha1-000000000000000000000000000=",
-                  dependencies: packageObj.dependencies,
-                  engines: packageObj.engines,
-                  optionalDependencies: packageObj.optionalDependencies
-              };
-              dependencies[packageObj.name] = {
-                  version: packageObj.version,
-                  integrity: "sha1-000000000000000000000000000=",
-                  dependencies: {}
-              };
-              processDependencies(path.join(filePath, "node_modules"), packages, dependencies[packageObj.name].dependencies);
-          }
-      }
-
-      function processDependencies(dir, packages, dependencies) {
-          if(fs.existsSync(dir)) {
-              var files = fs.readdirSync(dir);
-
-              files.forEach(function(entry) {
-                  var filePath = path.join(dir, entry);
-                  var stats = fs.statSync(filePath);
-
-                  if(stats.isDirectory()) {
-                      if(entry.substr(0, 1) == "@") {
-                          // When we encounter a namespace folder, augment all packages belonging to the scope
-                          var pkgFiles = fs.readdirSync(filePath);
-
-                          pkgFiles.forEach(function(entry) {
-                              if(stats.isDirectory()) {
-                                  var pkgFilePath = path.join(filePath, entry);
-                                  augmentPackageJSON(pkgFilePath, packages, dependencies);
-                              }
-                          });
-                      } else {
-                          augmentPackageJSON(filePath, packages, dependencies);
-                      }
-                  }
-              });
-          }
-      }
-
-      processDependencies("node_modules", lockObj.packages, lockObj.dependencies);
-
-      fs.writeFileSync("package-lock.json", JSON.stringify(lockObj, null, 2));
-    '';
-  };
-
-  # Script that links bins defined in package.json to the node_modules bin directory
-  # NPM does not do this for top-level packages itself anymore as of v7
-  linkBinsScript = writeTextFile {
-    name = "linkbins.js";
-    text = ''
-      var fs = require('fs');
-      var path = require('path');
-
-      var packageObj = JSON.parse(fs.readFileSync("package.json"));
-
-      var nodeModules = Array(packageObj.name.split("/").length).fill("..").join(path.sep);
-
-      if(packageObj.bin !== undefined) {
-          fs.mkdirSync(path.join(nodeModules, ".bin"))
-
-          if(typeof packageObj.bin == "object") {
-              Object.keys(packageObj.bin).forEach(function(exe) {
-                  if(fs.existsSync(packageObj.bin[exe])) {
-                      console.log("linking bin '" + exe + "'");
-                      fs.symlinkSync(
-                          path.join("..", packageObj.name, packageObj.bin[exe]),
-                          path.join(nodeModules, ".bin", exe)
-                      );
-                  }
-                  else {
-                      console.log("skipping non-existent bin '" + exe + "'");
-                  }
-              })
-          }
-          else {
-              if(fs.existsSync(packageObj.bin)) {
-                  console.log("linking bin '" + packageObj.bin + "'");
-                  fs.symlinkSync(
-                      path.join("..", packageObj.name, packageObj.bin),
-                      path.join(nodeModules, ".bin", packageObj.name.split("/").pop())
-                  );
-              }
-              else {
-                  console.log("skipping non-existent bin '" + packageObj.bin + "'");
-              }
-          }
-      }
-      else if(packageObj.directories !== undefined && packageObj.directories.bin !== undefined) {
-          fs.mkdirSync(path.join(nodeModules, ".bin"))
-
-          fs.readdirSync(packageObj.directories.bin).forEach(function(exe) {
-              if(fs.existsSync(path.join(packageObj.directories.bin, exe))) {
-                  console.log("linking bin '" + exe + "'");
-                  fs.symlinkSync(
-                      path.join("..", packageObj.name, packageObj.directories.bin, exe),
-                      path.join(nodeModules, ".bin", exe)
-                  );
-              }
-              else {
-                  console.log("skipping non-existent bin '" + exe + "'");
-              }
-          })
-      }
-    '';
-  };
-
-  prepareAndInvokeNPM = {packageName, bypassCache, reconstructLock, npmFlags, production}:
-    let
-      forceOfflineFlag = if bypassCache then "--offline" else "--registry http://www.example.com";
-    in
-    ''
-        # Pinpoint the versions of all dependencies to the ones that are actually being used
-        echo "pinpointing versions of dependencies..."
-        source $pinpointDependenciesScriptPath
-
-        # Patch the shebangs of the bundled modules to prevent them from
-        # calling executables outside the Nix store as much as possible
-        patchShebangs .
-
-        # Deploy the Node.js package by running npm install. Since the
-        # dependencies have been provided already by ourselves, it should not
-        # attempt to install them again, which is good, because we want to make
-        # it Nix's responsibility. If it needs to install any dependencies
-        # anyway (e.g. because the dependency parameters are
-        # incomplete/incorrect), it fails.
-        #
-        # The other responsibilities of NPM are kept -- version checks, build
-        # steps, postprocessing etc.
-
-        export HOME=$TMPDIR
-        cd "${packageName}"
-        runHook preRebuild
-
-        ${lib.optionalString bypassCache ''
-          ${lib.optionalString reconstructLock ''
-            if [ -f package-lock.json ]
-            then
-                echo "WARNING: Reconstruct lock option enabled, but a lock file already exists!"
-                echo "This will most likely result in version mismatches! We will remove the lock file and regenerate it!"
-                rm package-lock.json
-            else
-                echo "No package-lock.json file found, reconstructing..."
-            fi
-
-            node ${reconstructPackageLock}
-          ''}
-
-          node ${addIntegrityFieldsScript}
-        ''}
-
-        npm ${forceOfflineFlag} --nodedir=${nodeSources} ${npmFlags} ${lib.optionalString production "--production"} rebuild
-
-        runHook postRebuild
-
-        if [ "''${dontNpmInstall-}" != "1" ]
-        then
-            # NPM tries to download packages even when they already exist if npm-shrinkwrap is used.
-            rm -f npm-shrinkwrap.json
-
-            npm ${forceOfflineFlag} --nodedir=${nodeSources} --no-bin-links --ignore-scripts ${npmFlags} ${lib.optionalString production "--production"} install
-        fi
-
-        # Link executables defined in package.json
-        node ${linkBinsScript}
-    '';
-
-  # Builds and composes an NPM package including all its dependencies
-  buildNodePackage =
-    { name
-    , packageName
-    , version ? null
-    , dependencies ? []
-    , buildInputs ? []
-    , production ? true
-    , npmFlags ? ""
-    , dontNpmInstall ? false
-    , bypassCache ? false
-    , reconstructLock ? false
-    , preRebuild ? ""
-    , dontStrip ? true
-    , unpackPhase ? "true"
-    , buildPhase ? "true"
-    , meta ? {}
-    , ... }@args:
-
-    let
-      extraArgs = removeAttrs args [ "name" "dependencies" "buildInputs" "dontStrip" "dontNpmInstall" "preRebuild" "unpackPhase" "buildPhase" "meta" ];
-    in
-    stdenv.mkDerivation ({
-      name = "${name}${if version == null then "" else "-${version}"}";
-      buildInputs = [ tarWrapper python nodejs ]
-        ++ lib.optional (stdenv.isLinux) utillinux
-        ++ lib.optional (stdenv.isDarwin) libtool
-        ++ buildInputs;
-
-      inherit nodejs;
-
-      inherit dontStrip; # Stripping may fail a build for some package deployments
-      inherit dontNpmInstall preRebuild unpackPhase buildPhase;
-
-      compositionScript = composePackage args;
-      pinpointDependenciesScript = pinpointDependenciesOfPackage args;
-
-      passAsFile = [ "compositionScript" "pinpointDependenciesScript" ];
-
-      installPhase = ''
-        source ${installPackage}
-
-        # Create and enter a root node_modules/ folder
-        mkdir -p $out/lib/node_modules
-        cd $out/lib/node_modules
-
-        # Compose the package and all its dependencies
-        source $compositionScriptPath
-
-        ${prepareAndInvokeNPM { inherit packageName bypassCache reconstructLock npmFlags production; }}
-
-        # Create symlink to the deployed executable folder, if applicable
-        if [ -d "$out/lib/node_modules/.bin" ]
-        then
-            ln -s $out/lib/node_modules/.bin $out/bin
-
-            # Fixup all executables
-            ls $out/bin/* | while read i
-            do
-                file="$(readlink -f "$i")"
-                chmod u+rwx "$file"
-                if isScript "$file"
-                then
-                    sed -i 's/\r$//' "$file"  # convert crlf to lf
-                fi
-            done
-        fi
-
-        # Create symlinks to the deployed manual page folders, if applicable
-        if [ -d "$out/lib/node_modules/${packageName}/man" ]
-        then
-            mkdir -p $out/share
-            for dir in "$out/lib/node_modules/${packageName}/man/"*
-            do
-                mkdir -p $out/share/man/$(basename "$dir")
-                for page in "$dir"/*
-                do
-                    ln -s $page $out/share/man/$(basename "$dir")
-                done
-            done
-        fi
-
-        # Run post install hook, if provided
-        runHook postInstall
-      '';
-
-      meta = {
-        # default to Node.js' platforms
-        platforms = nodejs.meta.platforms;
-      } // meta;
-    } // extraArgs);
-
-  # Builds a node environment (a node_modules folder and a set of binaries)
-  buildNodeDependencies =
-    { name
-    , packageName
-    , version ? null
-    , src
-    , dependencies ? []
-    , buildInputs ? []
-    , production ? true
-    , npmFlags ? ""
-    , dontNpmInstall ? false
-    , bypassCache ? false
-    , reconstructLock ? false
-    , dontStrip ? true
-    , unpackPhase ? "true"
-    , buildPhase ? "true"
-    , ... }@args:
-
-    let
-      extraArgs = removeAttrs args [ "name" "dependencies" "buildInputs" ];
-    in
-      stdenv.mkDerivation ({
-        name = "node-dependencies-${name}${if version == null then "" else "-${version}"}";
-
-        buildInputs = [ tarWrapper python nodejs ]
-          ++ lib.optional (stdenv.isLinux) utillinux
-          ++ lib.optional (stdenv.isDarwin) libtool
-          ++ buildInputs;
-
-        inherit dontStrip; # Stripping may fail a build for some package deployments
-        inherit dontNpmInstall unpackPhase buildPhase;
-
-        includeScript = includeDependencies { inherit dependencies; };
-        pinpointDependenciesScript = pinpointDependenciesOfPackage args;
-
-        passAsFile = [ "includeScript" "pinpointDependenciesScript" ];
-
-        installPhase = ''
-          source ${installPackage}
-
-          mkdir -p $out/${packageName}
-          cd $out/${packageName}
-
-          source $includeScriptPath
-
-          # Create fake package.json to make the npm commands work properly
-          cp ${src}/package.json .
-          chmod 644 package.json
-          ${lib.optionalString bypassCache ''
-            if [ -f ${src}/package-lock.json ]
-            then
-                cp ${src}/package-lock.json .
-                chmod 644 package-lock.json
-            fi
-          ''}
-
-          # Go to the parent folder to make sure that all packages are pinpointed
-          cd ..
-          ${lib.optionalString (builtins.substring 0 1 packageName == "@") "cd .."}
-
-          ${prepareAndInvokeNPM { inherit packageName bypassCache reconstructLock npmFlags production; }}
-
-          # Expose the executables that were installed
-          cd ..
-          ${lib.optionalString (builtins.substring 0 1 packageName == "@") "cd .."}
-
-          mv ${packageName} lib
-          ln -s $out/lib/node_modules/.bin $out/bin
-        '';
-      } // extraArgs);
-
-  # Builds a development shell
-  buildNodeShell =
-    { name
-    , packageName
-    , version ? null
-    , src
-    , dependencies ? []
-    , buildInputs ? []
-    , production ? true
-    , npmFlags ? ""
-    , dontNpmInstall ? false
-    , bypassCache ? false
-    , reconstructLock ? false
-    , dontStrip ? true
-    , unpackPhase ? "true"
-    , buildPhase ? "true"
-    , ... }@args:
-
-    let
-      nodeDependencies = buildNodeDependencies args;
-      extraArgs = removeAttrs args [ "name" "dependencies" "buildInputs" "dontStrip" "dontNpmInstall" "unpackPhase" "buildPhase" ];
-    in
-    stdenv.mkDerivation ({
-      name = "node-shell-${name}${if version == null then "" else "-${version}"}";
-
-      buildInputs = [ python nodejs ] ++ lib.optional (stdenv.isLinux) utillinux ++ buildInputs;
-      buildCommand = ''
-        mkdir -p $out/bin
-        cat > $out/bin/shell <<EOF
-        #! ${stdenv.shell} -e
-        $shellHook
-        exec ${stdenv.shell}
-        EOF
-        chmod +x $out/bin/shell
-      '';
-
-      # Provide the dependencies in a development shell through the NODE_PATH environment variable
-      inherit nodeDependencies;
-      shellHook = lib.optionalString (dependencies != []) ''
-        export NODE_PATH=${nodeDependencies}/lib/node_modules
-        export PATH="${nodeDependencies}/bin:$PATH"
-      '';
-    } // extraArgs);
-in
-{
-  buildNodeSourceDist = lib.makeOverridable buildNodeSourceDist;
-  buildNodePackage = lib.makeOverridable buildNodePackage;
-  buildNodeDependencies = lib.makeOverridable buildNodeDependencies;
-  buildNodeShell = lib.makeOverridable buildNodeShell;
-}
diff --git a/govtool/frontend/node-packages.nix b/govtool/frontend/node-packages.nix
deleted file mode 100644
index cc143d950..000000000
--- a/govtool/frontend/node-packages.nix
+++ /dev/null
@@ -1,3703 +0,0 @@
-# This file has been generated by node2nix 1.11.1. Do not edit!
-
-{nodeEnv, fetchurl, fetchgit, nix-gitignore, stdenv, lib, globalBuildInputs ? []}:
-
-let
-  sources = {
-    "@aashutoshrathi/word-wrap-1.2.6" = {
-      name = "_at_aashutoshrathi_slash_word-wrap";
-      packageName = "@aashutoshrathi/word-wrap";
-      version = "1.2.6";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz";
-        sha512 = "1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==";
-      };
-    };
-    "@adobe/css-tools-4.3.1" = {
-      name = "_at_adobe_slash_css-tools";
-      packageName = "@adobe/css-tools";
-      version = "4.3.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.3.1.tgz";
-        sha512 = "/62yikz7NLScCGAAST5SHdnjaDJQBDq0M2muyRTpf2VQhw6StBg2ALiu73zSJQ4fMVLA+0uBhBHAle7Wg+2kSg==";
-      };
-    };
-    "@ampproject/remapping-2.2.1" = {
-      name = "_at_ampproject_slash_remapping";
-      packageName = "@ampproject/remapping";
-      version = "2.2.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz";
-        sha512 = "lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==";
-      };
-    };
-    "@babel/code-frame-7.22.10" = {
-      name = "_at_babel_slash_code-frame";
-      packageName = "@babel/code-frame";
-      version = "7.22.10";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.10.tgz";
-        sha512 = "/KKIMG4UEL35WmI9OlvMhurwtytjvXoFcGNrOvyG9zIzA8YmPjVtIZUf7b05+TPO7G7/GEmLHDaoCgACHl9hhA==";
-      };
-    };
-    "@babel/compat-data-7.22.9" = {
-      name = "_at_babel_slash_compat-data";
-      packageName = "@babel/compat-data";
-      version = "7.22.9";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.9.tgz";
-        sha512 = "5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==";
-      };
-    };
-    "@babel/core-7.22.11" = {
-      name = "_at_babel_slash_core";
-      packageName = "@babel/core";
-      version = "7.22.11";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/core/-/core-7.22.11.tgz";
-        sha512 = "lh7RJrtPdhibbxndr6/xx0w8+CVlY5FJZiaSz908Fpy+G0xkBFTvwLcKJFF4PJxVfGhVWNebikpWGnOoC71juQ==";
-      };
-    };
-    "@babel/generator-7.22.10" = {
-      name = "_at_babel_slash_generator";
-      packageName = "@babel/generator";
-      version = "7.22.10";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/generator/-/generator-7.22.10.tgz";
-        sha512 = "79KIf7YiWjjdZ81JnLujDRApWtl7BxTqWD88+FFdQEIOG8LJ0etDOM7CXuIgGJa55sGOwZVwuEsaLEm0PJ5/+A==";
-      };
-    };
-    "@babel/helper-compilation-targets-7.22.10" = {
-      name = "_at_babel_slash_helper-compilation-targets";
-      packageName = "@babel/helper-compilation-targets";
-      version = "7.22.10";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.10.tgz";
-        sha512 = "JMSwHD4J7SLod0idLq5PKgI+6g/hLD/iuWBq08ZX49xE14VpVEojJ5rHWptpirV2j020MvypRLAXAO50igCJ5Q==";
-      };
-    };
-    "@babel/helper-environment-visitor-7.22.5" = {
-      name = "_at_babel_slash_helper-environment-visitor";
-      packageName = "@babel/helper-environment-visitor";
-      version = "7.22.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz";
-        sha512 = "XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==";
-      };
-    };
-    "@babel/helper-function-name-7.22.5" = {
-      name = "_at_babel_slash_helper-function-name";
-      packageName = "@babel/helper-function-name";
-      version = "7.22.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz";
-        sha512 = "wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==";
-      };
-    };
-    "@babel/helper-hoist-variables-7.22.5" = {
-      name = "_at_babel_slash_helper-hoist-variables";
-      packageName = "@babel/helper-hoist-variables";
-      version = "7.22.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz";
-        sha512 = "wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==";
-      };
-    };
-    "@babel/helper-module-imports-7.22.5" = {
-      name = "_at_babel_slash_helper-module-imports";
-      packageName = "@babel/helper-module-imports";
-      version = "7.22.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz";
-        sha512 = "8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==";
-      };
-    };
-    "@babel/helper-module-transforms-7.22.9" = {
-      name = "_at_babel_slash_helper-module-transforms";
-      packageName = "@babel/helper-module-transforms";
-      version = "7.22.9";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.9.tgz";
-        sha512 = "t+WA2Xn5K+rTeGtC8jCsdAH52bjggG5TKRuRrAGNM/mjIbO4GxvlLMFOEz9wXY5I2XQ60PMFsAG2WIcG82dQMQ==";
-      };
-    };
-    "@babel/helper-plugin-utils-7.22.5" = {
-      name = "_at_babel_slash_helper-plugin-utils";
-      packageName = "@babel/helper-plugin-utils";
-      version = "7.22.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz";
-        sha512 = "uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==";
-      };
-    };
-    "@babel/helper-simple-access-7.22.5" = {
-      name = "_at_babel_slash_helper-simple-access";
-      packageName = "@babel/helper-simple-access";
-      version = "7.22.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz";
-        sha512 = "n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==";
-      };
-    };
-    "@babel/helper-split-export-declaration-7.22.6" = {
-      name = "_at_babel_slash_helper-split-export-declaration";
-      packageName = "@babel/helper-split-export-declaration";
-      version = "7.22.6";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz";
-        sha512 = "AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==";
-      };
-    };
-    "@babel/helper-string-parser-7.22.5" = {
-      name = "_at_babel_slash_helper-string-parser";
-      packageName = "@babel/helper-string-parser";
-      version = "7.22.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz";
-        sha512 = "mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==";
-      };
-    };
-    "@babel/helper-validator-identifier-7.22.5" = {
-      name = "_at_babel_slash_helper-validator-identifier";
-      packageName = "@babel/helper-validator-identifier";
-      version = "7.22.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz";
-        sha512 = "aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==";
-      };
-    };
-    "@babel/helper-validator-option-7.22.5" = {
-      name = "_at_babel_slash_helper-validator-option";
-      packageName = "@babel/helper-validator-option";
-      version = "7.22.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz";
-        sha512 = "R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==";
-      };
-    };
-    "@babel/helpers-7.22.11" = {
-      name = "_at_babel_slash_helpers";
-      packageName = "@babel/helpers";
-      version = "7.22.11";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.11.tgz";
-        sha512 = "vyOXC8PBWaGc5h7GMsNx68OH33cypkEDJCHvYVVgVbbxJDROYVtexSk0gK5iCF1xNjRIN2s8ai7hwkWDq5szWg==";
-      };
-    };
-    "@babel/highlight-7.22.10" = {
-      name = "_at_babel_slash_highlight";
-      packageName = "@babel/highlight";
-      version = "7.22.10";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.10.tgz";
-        sha512 = "78aUtVcT7MUscr0K5mIEnkwxPE0MaxkR5RxRwuHaQ+JuU5AmTPhY+do2mdzVTnIJJpyBglql2pehuBIWHug+WQ==";
-      };
-    };
-    "@babel/parser-7.22.11" = {
-      name = "_at_babel_slash_parser";
-      packageName = "@babel/parser";
-      version = "7.22.11";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/parser/-/parser-7.22.11.tgz";
-        sha512 = "R5zb8eJIBPJriQtbH/htEQy4k7E2dHWlD2Y2VT07JCzwYZHBxV5ZYtM0UhXSNMT74LyxuM+b1jdL7pSesXbC/g==";
-      };
-    };
-    "@babel/plugin-transform-react-jsx-self-7.22.5" = {
-      name = "_at_babel_slash_plugin-transform-react-jsx-self";
-      packageName = "@babel/plugin-transform-react-jsx-self";
-      version = "7.22.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.22.5.tgz";
-        sha512 = "nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==";
-      };
-    };
-    "@babel/plugin-transform-react-jsx-source-7.22.5" = {
-      name = "_at_babel_slash_plugin-transform-react-jsx-source";
-      packageName = "@babel/plugin-transform-react-jsx-source";
-      version = "7.22.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.22.5.tgz";
-        sha512 = "yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==";
-      };
-    };
-    "@babel/runtime-7.22.11" = {
-      name = "_at_babel_slash_runtime";
-      packageName = "@babel/runtime";
-      version = "7.22.11";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.11.tgz";
-        sha512 = "ee7jVNlWN09+KftVOu9n7S8gQzD/Z6hN/I8VBRXW4P1+Xe7kJGXMwu8vds4aGIMHZnNbdpSWCfZZtinytpcAvA==";
-      };
-    };
-    "@babel/template-7.22.5" = {
-      name = "_at_babel_slash_template";
-      packageName = "@babel/template";
-      version = "7.22.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/template/-/template-7.22.5.tgz";
-        sha512 = "X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==";
-      };
-    };
-    "@babel/traverse-7.22.11" = {
-      name = "_at_babel_slash_traverse";
-      packageName = "@babel/traverse";
-      version = "7.22.11";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.11.tgz";
-        sha512 = "mzAenteTfomcB7mfPtyi+4oe5BZ6MXxWcn4CX+h4IRJ+OOGXBrWU6jDQavkQI9Vuc5P+donFabBfFCcmWka9lQ==";
-      };
-    };
-    "@babel/types-7.22.11" = {
-      name = "_at_babel_slash_types";
-      packageName = "@babel/types";
-      version = "7.22.11";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@babel/types/-/types-7.22.11.tgz";
-        sha512 = "siazHiGuZRz9aB9NpHy9GOs9xiQPKnMzgdr493iI1M67vRXpnEq8ZOOKzezC5q7zwuQ6sDhdSp4SD9ixKSqKZg==";
-      };
-    };
-    "@emotion/babel-plugin-11.11.0" = {
-      name = "_at_emotion_slash_babel-plugin";
-      packageName = "@emotion/babel-plugin";
-      version = "11.11.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz";
-        sha512 = "m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==";
-      };
-    };
-    "@emotion/cache-11.11.0" = {
-      name = "_at_emotion_slash_cache";
-      packageName = "@emotion/cache";
-      version = "11.11.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz";
-        sha512 = "P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==";
-      };
-    };
-    "@emotion/hash-0.9.1" = {
-      name = "_at_emotion_slash_hash";
-      packageName = "@emotion/hash";
-      version = "0.9.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz";
-        sha512 = "gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==";
-      };
-    };
-    "@emotion/is-prop-valid-1.2.1" = {
-      name = "_at_emotion_slash_is-prop-valid";
-      packageName = "@emotion/is-prop-valid";
-      version = "1.2.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz";
-        sha512 = "61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==";
-      };
-    };
-    "@emotion/memoize-0.8.1" = {
-      name = "_at_emotion_slash_memoize";
-      packageName = "@emotion/memoize";
-      version = "0.8.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz";
-        sha512 = "W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==";
-      };
-    };
-    "@emotion/react-11.11.1" = {
-      name = "_at_emotion_slash_react";
-      packageName = "@emotion/react";
-      version = "11.11.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@emotion/react/-/react-11.11.1.tgz";
-        sha512 = "5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==";
-      };
-    };
-    "@emotion/serialize-1.1.2" = {
-      name = "_at_emotion_slash_serialize";
-      packageName = "@emotion/serialize";
-      version = "1.1.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz";
-        sha512 = "zR6a/fkFP4EAcCMQtLOhIgpprZOwNmCldtpaISpvz348+DP4Mz8ZoKaGGCQpbzepNIUWbq4w6hNZkwDyKoS+HA==";
-      };
-    };
-    "@emotion/sheet-1.2.2" = {
-      name = "_at_emotion_slash_sheet";
-      packageName = "@emotion/sheet";
-      version = "1.2.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz";
-        sha512 = "0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==";
-      };
-    };
-    "@emotion/styled-11.11.0" = {
-      name = "_at_emotion_slash_styled";
-      packageName = "@emotion/styled";
-      version = "11.11.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@emotion/styled/-/styled-11.11.0.tgz";
-        sha512 = "hM5Nnvu9P3midq5aaXj4I+lnSfNi7Pmd4EWk1fOZ3pxookaQTNew6bp4JaCBYM4HVFZF9g7UjJmsUmC2JlxOng==";
-      };
-    };
-    "@emotion/unitless-0.8.1" = {
-      name = "_at_emotion_slash_unitless";
-      packageName = "@emotion/unitless";
-      version = "0.8.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz";
-        sha512 = "KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==";
-      };
-    };
-    "@emotion/use-insertion-effect-with-fallbacks-1.0.1" = {
-      name = "_at_emotion_slash_use-insertion-effect-with-fallbacks";
-      packageName = "@emotion/use-insertion-effect-with-fallbacks";
-      version = "1.0.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz";
-        sha512 = "jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==";
-      };
-    };
-    "@emotion/utils-1.2.1" = {
-      name = "_at_emotion_slash_utils";
-      packageName = "@emotion/utils";
-      version = "1.2.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz";
-        sha512 = "Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==";
-      };
-    };
-    "@emotion/weak-memoize-0.3.1" = {
-      name = "_at_emotion_slash_weak-memoize";
-      packageName = "@emotion/weak-memoize";
-      version = "0.3.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz";
-        sha512 = "EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==";
-      };
-    };
-    "@emurgo/cardano-serialization-lib-asmjs-11.5.0" = {
-      name = "_at_emurgo_slash_cardano-serialization-lib-asmjs";
-      packageName = "@emurgo/cardano-serialization-lib-asmjs";
-      version = "11.5.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@emurgo/cardano-serialization-lib-asmjs/-/cardano-serialization-lib-asmjs-11.5.0.tgz";
-        sha512 = "QQkavjEug/EmBFg02bmSg0eLYiOaRa1lmRG8q6fGRkx3O9BX1iZQDZJmirPDBTkTO3CpNB0q9se8DQFFcjREIw==";
-      };
-    };
-    "@esbuild/android-arm-0.18.20" = {
-      name = "_at_esbuild_slash_android-arm";
-      packageName = "@esbuild/android-arm";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz";
-        sha512 = "fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==";
-      };
-    };
-    "@esbuild/android-arm64-0.18.20" = {
-      name = "_at_esbuild_slash_android-arm64";
-      packageName = "@esbuild/android-arm64";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz";
-        sha512 = "Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==";
-      };
-    };
-    "@esbuild/android-x64-0.18.20" = {
-      name = "_at_esbuild_slash_android-x64";
-      packageName = "@esbuild/android-x64";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz";
-        sha512 = "8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==";
-      };
-    };
-    "@esbuild/darwin-arm64-0.18.20" = {
-      name = "_at_esbuild_slash_darwin-arm64";
-      packageName = "@esbuild/darwin-arm64";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz";
-        sha512 = "bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==";
-      };
-    };
-    "@esbuild/darwin-x64-0.18.20" = {
-      name = "_at_esbuild_slash_darwin-x64";
-      packageName = "@esbuild/darwin-x64";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz";
-        sha512 = "pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==";
-      };
-    };
-    "@esbuild/freebsd-arm64-0.18.20" = {
-      name = "_at_esbuild_slash_freebsd-arm64";
-      packageName = "@esbuild/freebsd-arm64";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz";
-        sha512 = "yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==";
-      };
-    };
-    "@esbuild/freebsd-x64-0.18.20" = {
-      name = "_at_esbuild_slash_freebsd-x64";
-      packageName = "@esbuild/freebsd-x64";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz";
-        sha512 = "tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==";
-      };
-    };
-    "@esbuild/linux-arm-0.18.20" = {
-      name = "_at_esbuild_slash_linux-arm";
-      packageName = "@esbuild/linux-arm";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz";
-        sha512 = "/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==";
-      };
-    };
-    "@esbuild/linux-arm64-0.18.20" = {
-      name = "_at_esbuild_slash_linux-arm64";
-      packageName = "@esbuild/linux-arm64";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz";
-        sha512 = "2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==";
-      };
-    };
-    "@esbuild/linux-ia32-0.18.20" = {
-      name = "_at_esbuild_slash_linux-ia32";
-      packageName = "@esbuild/linux-ia32";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz";
-        sha512 = "P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==";
-      };
-    };
-    "@esbuild/linux-loong64-0.18.20" = {
-      name = "_at_esbuild_slash_linux-loong64";
-      packageName = "@esbuild/linux-loong64";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz";
-        sha512 = "nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==";
-      };
-    };
-    "@esbuild/linux-mips64el-0.18.20" = {
-      name = "_at_esbuild_slash_linux-mips64el";
-      packageName = "@esbuild/linux-mips64el";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz";
-        sha512 = "d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==";
-      };
-    };
-    "@esbuild/linux-ppc64-0.18.20" = {
-      name = "_at_esbuild_slash_linux-ppc64";
-      packageName = "@esbuild/linux-ppc64";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz";
-        sha512 = "WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==";
-      };
-    };
-    "@esbuild/linux-riscv64-0.18.20" = {
-      name = "_at_esbuild_slash_linux-riscv64";
-      packageName = "@esbuild/linux-riscv64";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz";
-        sha512 = "WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==";
-      };
-    };
-    "@esbuild/linux-s390x-0.18.20" = {
-      name = "_at_esbuild_slash_linux-s390x";
-      packageName = "@esbuild/linux-s390x";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz";
-        sha512 = "+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==";
-      };
-    };
-    "@esbuild/linux-x64-0.18.20" = {
-      name = "_at_esbuild_slash_linux-x64";
-      packageName = "@esbuild/linux-x64";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz";
-        sha512 = "UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==";
-      };
-    };
-    "@esbuild/netbsd-x64-0.18.20" = {
-      name = "_at_esbuild_slash_netbsd-x64";
-      packageName = "@esbuild/netbsd-x64";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz";
-        sha512 = "iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==";
-      };
-    };
-    "@esbuild/openbsd-x64-0.18.20" = {
-      name = "_at_esbuild_slash_openbsd-x64";
-      packageName = "@esbuild/openbsd-x64";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz";
-        sha512 = "e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==";
-      };
-    };
-    "@esbuild/sunos-x64-0.18.20" = {
-      name = "_at_esbuild_slash_sunos-x64";
-      packageName = "@esbuild/sunos-x64";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz";
-        sha512 = "kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==";
-      };
-    };
-    "@esbuild/win32-arm64-0.18.20" = {
-      name = "_at_esbuild_slash_win32-arm64";
-      packageName = "@esbuild/win32-arm64";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz";
-        sha512 = "ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==";
-      };
-    };
-    "@esbuild/win32-ia32-0.18.20" = {
-      name = "_at_esbuild_slash_win32-ia32";
-      packageName = "@esbuild/win32-ia32";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz";
-        sha512 = "Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==";
-      };
-    };
-    "@esbuild/win32-x64-0.18.20" = {
-      name = "_at_esbuild_slash_win32-x64";
-      packageName = "@esbuild/win32-x64";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz";
-        sha512 = "kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==";
-      };
-    };
-    "@eslint-community/eslint-utils-4.4.0" = {
-      name = "_at_eslint-community_slash_eslint-utils";
-      packageName = "@eslint-community/eslint-utils";
-      version = "4.4.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz";
-        sha512 = "1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==";
-      };
-    };
-    "@eslint-community/regexpp-4.7.0" = {
-      name = "_at_eslint-community_slash_regexpp";
-      packageName = "@eslint-community/regexpp";
-      version = "4.7.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.7.0.tgz";
-        sha512 = "+HencqxU7CFJnQb7IKtuNBqS6Yx3Tz4kOL8BJXo+JyeiBm5MEX6pO8onXDkjrkCRlfYXS1Axro15ZjVFe9YgsA==";
-      };
-    };
-    "@eslint/eslintrc-2.1.2" = {
-      name = "_at_eslint_slash_eslintrc";
-      packageName = "@eslint/eslintrc";
-      version = "2.1.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.2.tgz";
-        sha512 = "+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==";
-      };
-    };
-    "@eslint/js-8.47.0" = {
-      name = "_at_eslint_slash_js";
-      packageName = "@eslint/js";
-      version = "8.47.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@eslint/js/-/js-8.47.0.tgz";
-        sha512 = "P6omY1zv5MItm93kLM8s2vr1HICJH8v0dvddDhysbIuZ+vcjOHg5Zbkf1mTkcmi2JA9oBG2anOkRnW8WJTS8Og==";
-      };
-    };
-    "@floating-ui/core-1.4.1" = {
-      name = "_at_floating-ui_slash_core";
-      packageName = "@floating-ui/core";
-      version = "1.4.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@floating-ui/core/-/core-1.4.1.tgz";
-        sha512 = "jk3WqquEJRlcyu7997NtR5PibI+y5bi+LS3hPmguVClypenMsCY3CBa3LAQnozRCtCrYWSEtAdiskpamuJRFOQ==";
-      };
-    };
-    "@floating-ui/dom-1.5.1" = {
-      name = "_at_floating-ui_slash_dom";
-      packageName = "@floating-ui/dom";
-      version = "1.5.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.1.tgz";
-        sha512 = "KwvVcPSXg6mQygvA1TjbN/gh///36kKtllIF8SUm0qpFj8+rvYrpvlYdL1JoA71SHpDqgSSdGOSoQ0Mp3uY5aw==";
-      };
-    };
-    "@floating-ui/react-dom-2.0.1" = {
-      name = "_at_floating-ui_slash_react-dom";
-      packageName = "@floating-ui/react-dom";
-      version = "2.0.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.1.tgz";
-        sha512 = "rZtAmSht4Lry6gdhAJDrCp/6rKN7++JnL1/Anbr/DdeyYXQPxvg/ivrbYvJulbRf4vL8b212suwMM2lxbv+RQA==";
-      };
-    };
-    "@floating-ui/utils-0.1.1" = {
-      name = "_at_floating-ui_slash_utils";
-      packageName = "@floating-ui/utils";
-      version = "0.1.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.1.tgz";
-        sha512 = "m0G6wlnhm/AX0H12IOWtK8gASEMffnX08RtKkCgTdHb9JpHKGloI7icFfLg9ZmQeavcvR0PKmzxClyuFPSjKWw==";
-      };
-    };
-    "@humanwhocodes/config-array-0.11.10" = {
-      name = "_at_humanwhocodes_slash_config-array";
-      packageName = "@humanwhocodes/config-array";
-      version = "0.11.10";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz";
-        sha512 = "KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==";
-      };
-    };
-    "@humanwhocodes/module-importer-1.0.1" = {
-      name = "_at_humanwhocodes_slash_module-importer";
-      packageName = "@humanwhocodes/module-importer";
-      version = "1.0.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz";
-        sha512 = "bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==";
-      };
-    };
-    "@humanwhocodes/object-schema-1.2.1" = {
-      name = "_at_humanwhocodes_slash_object-schema";
-      packageName = "@humanwhocodes/object-schema";
-      version = "1.2.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz";
-        sha512 = "ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==";
-      };
-    };
-    "@jridgewell/gen-mapping-0.3.3" = {
-      name = "_at_jridgewell_slash_gen-mapping";
-      packageName = "@jridgewell/gen-mapping";
-      version = "0.3.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz";
-        sha512 = "HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==";
-      };
-    };
-    "@jridgewell/resolve-uri-3.1.1" = {
-      name = "_at_jridgewell_slash_resolve-uri";
-      packageName = "@jridgewell/resolve-uri";
-      version = "3.1.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz";
-        sha512 = "dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==";
-      };
-    };
-    "@jridgewell/set-array-1.1.2" = {
-      name = "_at_jridgewell_slash_set-array";
-      packageName = "@jridgewell/set-array";
-      version = "1.1.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz";
-        sha512 = "xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==";
-      };
-    };
-    "@jridgewell/source-map-0.3.5" = {
-      name = "_at_jridgewell_slash_source-map";
-      packageName = "@jridgewell/source-map";
-      version = "0.3.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz";
-        sha512 = "UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==";
-      };
-    };
-    "@jridgewell/sourcemap-codec-1.4.15" = {
-      name = "_at_jridgewell_slash_sourcemap-codec";
-      packageName = "@jridgewell/sourcemap-codec";
-      version = "1.4.15";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz";
-        sha512 = "eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==";
-      };
-    };
-    "@jridgewell/trace-mapping-0.3.19" = {
-      name = "_at_jridgewell_slash_trace-mapping";
-      packageName = "@jridgewell/trace-mapping";
-      version = "0.3.19";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.19.tgz";
-        sha512 = "kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==";
-      };
-    };
-    "@mui/base-5.0.0-beta.12" = {
-      name = "_at_mui_slash_base";
-      packageName = "@mui/base";
-      version = "5.0.0-beta.12";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.12.tgz";
-        sha512 = "tZjjXNAyUpwSDT1uRliZMhRQkWYzELJ8Qi61EuOMRpi36HIwnK2T7Nr4RI423Sv8G2EEikDAZj7je33eNd73NQ==";
-      };
-    };
-    "@mui/core-downloads-tracker-5.14.6" = {
-      name = "_at_mui_slash_core-downloads-tracker";
-      packageName = "@mui/core-downloads-tracker";
-      version = "5.14.6";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.6.tgz";
-        sha512 = "QZEU3pyGWLuaHbxvOlShol7U1FVgzWBR0OH9H8D7L8w4/vto5N5jJVvlqFQS3T0zbR6YGHxFaiL6Ky87jQg7aw==";
-      };
-    };
-    "@mui/icons-material-5.14.6" = {
-      name = "_at_mui_slash_icons-material";
-      packageName = "@mui/icons-material";
-      version = "5.14.6";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.14.6.tgz";
-        sha512 = "7Cujy7lRGTj2T3SvY9C9ZOTFDtrXJogeNnRcU/ODyNoxwskMNPFOcc15F+98MAdJenBVLJPYu+vPP6DUvEpNrA==";
-      };
-    };
-    "@mui/material-5.14.6" = {
-      name = "_at_mui_slash_material";
-      packageName = "@mui/material";
-      version = "5.14.6";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@mui/material/-/material-5.14.6.tgz";
-        sha512 = "C3UgGrmtvcGkQkm0ONBU7bTdapTjQc2Se3b2354xMmU7lgSgW7VM6EP9wIH5XqqoJ60m9l/s9kbTWX0Y+EaWvA==";
-      };
-    };
-    "@mui/private-theming-5.14.6" = {
-      name = "_at_mui_slash_private-theming";
-      packageName = "@mui/private-theming";
-      version = "5.14.6";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.14.6.tgz";
-        sha512 = "3VBLFGizBXfofyk33bwRg6t9L648aKnLmOKPfY1wFuiXq3AEYwobK65iDci/tHKxm/VKbZ6A7PFjLejvB3EvRQ==";
-      };
-    };
-    "@mui/styled-engine-5.14.6" = {
-      name = "_at_mui_slash_styled-engine";
-      packageName = "@mui/styled-engine";
-      version = "5.14.6";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.14.6.tgz";
-        sha512 = "I6zeu/OP1Hk4NsX1Oj85TiYl1dER0JMsLJVn76J1Ihl24A5EbiZQKJp3Mn+ufA79ypkdAvM9aQCAQyiVBFcUHg==";
-      };
-    };
-    "@mui/system-5.14.6" = {
-      name = "_at_mui_slash_system";
-      packageName = "@mui/system";
-      version = "5.14.6";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@mui/system/-/system-5.14.6.tgz";
-        sha512 = "/n0ae1MegWjiV1BpRU8jgg4E0zBjeB2VYsT/68ag/xaDuq3/TaDKJeT9REIvyBvwlG3CI3S2O+tRELktxCD1kg==";
-      };
-    };
-    "@mui/types-7.2.4" = {
-      name = "_at_mui_slash_types";
-      packageName = "@mui/types";
-      version = "7.2.4";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@mui/types/-/types-7.2.4.tgz";
-        sha512 = "LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA==";
-      };
-    };
-    "@mui/utils-5.14.6" = {
-      name = "_at_mui_slash_utils";
-      packageName = "@mui/utils";
-      version = "5.14.6";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@mui/utils/-/utils-5.14.6.tgz";
-        sha512 = "AznpqLu6hrFnpHgcvsSSMCG+cDbkcCYfo+daUwBVReNYv4l+NQ8+wvBAF4aUMi155N7xWbbgh0cyKs6Wdsm3aA==";
-      };
-    };
-    "@nodelib/fs.scandir-2.1.5" = {
-      name = "_at_nodelib_slash_fs.scandir";
-      packageName = "@nodelib/fs.scandir";
-      version = "2.1.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz";
-        sha512 = "vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==";
-      };
-    };
-    "@nodelib/fs.stat-2.0.5" = {
-      name = "_at_nodelib_slash_fs.stat";
-      packageName = "@nodelib/fs.stat";
-      version = "2.0.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz";
-        sha512 = "RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==";
-      };
-    };
-    "@nodelib/fs.walk-1.2.8" = {
-      name = "_at_nodelib_slash_fs.walk";
-      packageName = "@nodelib/fs.walk";
-      version = "1.2.8";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz";
-        sha512 = "oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==";
-      };
-    };
-    "@popperjs/core-2.11.8" = {
-      name = "_at_popperjs_slash_core";
-      packageName = "@popperjs/core";
-      version = "2.11.8";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz";
-        sha512 = "P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==";
-      };
-    };
-    "@remix-run/router-1.8.0" = {
-      name = "_at_remix-run_slash_router";
-      packageName = "@remix-run/router";
-      version = "1.8.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@remix-run/router/-/router-1.8.0.tgz";
-        sha512 = "mrfKqIHnSZRyIzBcanNJmVQELTnX+qagEDlcKO90RgRBVOZGSGvZKeDihTRfWcqoDn5N/NkUcwWTccnpN18Tfg==";
-      };
-    };
-    "@types/json-schema-7.0.12" = {
-      name = "_at_types_slash_json-schema";
-      packageName = "@types/json-schema";
-      version = "7.0.12";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz";
-        sha512 = "Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==";
-      };
-    };
-    "@types/node-20.5.6" = {
-      name = "_at_types_slash_node";
-      packageName = "@types/node";
-      version = "20.5.6";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@types/node/-/node-20.5.6.tgz";
-        sha512 = "Gi5wRGPbbyOTX+4Y2iULQ27oUPrefaB0PxGQJnfyWN3kvEDGM3mIB5M/gQLmitZf7A9FmLeaqxD3L1CXpm3VKQ==";
-      };
-    };
-    "@types/parse-json-4.0.0" = {
-      name = "_at_types_slash_parse-json";
-      packageName = "@types/parse-json";
-      version = "4.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz";
-        sha512 = "//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==";
-      };
-    };
-    "@types/prop-types-15.7.5" = {
-      name = "_at_types_slash_prop-types";
-      packageName = "@types/prop-types";
-      version = "15.7.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz";
-        sha512 = "JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==";
-      };
-    };
-    "@types/react-18.2.21" = {
-      name = "_at_types_slash_react";
-      packageName = "@types/react";
-      version = "18.2.21";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@types/react/-/react-18.2.21.tgz";
-        sha512 = "neFKG/sBAwGxHgXiIxnbm3/AAVQ/cMRS93hvBpg8xYRbeQSPVABp9U2bRnPf0iI4+Ucdv3plSxKK+3CW2ENJxA==";
-      };
-    };
-    "@types/react-dom-18.2.7" = {
-      name = "_at_types_slash_react-dom";
-      packageName = "@types/react-dom";
-      version = "18.2.7";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.7.tgz";
-        sha512 = "GRaAEriuT4zp9N4p1i8BDBYmEyfo+xQ3yHjJU4eiK5NDa1RmUZG+unZABUTK4/Ox/M+GaHwb6Ow8rUITrtjszA==";
-      };
-    };
-    "@types/react-is-18.2.1" = {
-      name = "_at_types_slash_react-is";
-      packageName = "@types/react-is";
-      version = "18.2.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@types/react-is/-/react-is-18.2.1.tgz";
-        sha512 = "wyUkmaaSZEzFZivD8F2ftSyAfk6L+DfFliVj/mYdOXbVjRcS87fQJLTnhk6dRZPuJjI+9g6RZJO4PNCngUrmyw==";
-      };
-    };
-    "@types/react-transition-group-4.4.6" = {
-      name = "_at_types_slash_react-transition-group";
-      packageName = "@types/react-transition-group";
-      version = "4.4.6";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.6.tgz";
-        sha512 = "VnCdSxfcm08KjsJVQcfBmhEQAPnLB8G08hAxn39azX1qYBQ/5RVQuoHuKIcfKOdncuaUvEpFKFzEvbtIMsfVew==";
-      };
-    };
-    "@types/scheduler-0.16.3" = {
-      name = "_at_types_slash_scheduler";
-      packageName = "@types/scheduler";
-      version = "0.16.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz";
-        sha512 = "5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==";
-      };
-    };
-    "@types/semver-7.5.0" = {
-      name = "_at_types_slash_semver";
-      packageName = "@types/semver";
-      version = "7.5.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz";
-        sha512 = "G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==";
-      };
-    };
-    "@typescript-eslint/eslint-plugin-5.62.0" = {
-      name = "_at_typescript-eslint_slash_eslint-plugin";
-      packageName = "@typescript-eslint/eslint-plugin";
-      version = "5.62.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz";
-        sha512 = "TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==";
-      };
-    };
-    "@typescript-eslint/parser-5.62.0" = {
-      name = "_at_typescript-eslint_slash_parser";
-      packageName = "@typescript-eslint/parser";
-      version = "5.62.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz";
-        sha512 = "VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==";
-      };
-    };
-    "@typescript-eslint/scope-manager-5.62.0" = {
-      name = "_at_typescript-eslint_slash_scope-manager";
-      packageName = "@typescript-eslint/scope-manager";
-      version = "5.62.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz";
-        sha512 = "VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==";
-      };
-    };
-    "@typescript-eslint/type-utils-5.62.0" = {
-      name = "_at_typescript-eslint_slash_type-utils";
-      packageName = "@typescript-eslint/type-utils";
-      version = "5.62.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz";
-        sha512 = "xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==";
-      };
-    };
-    "@typescript-eslint/types-5.62.0" = {
-      name = "_at_typescript-eslint_slash_types";
-      packageName = "@typescript-eslint/types";
-      version = "5.62.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz";
-        sha512 = "87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==";
-      };
-    };
-    "@typescript-eslint/typescript-estree-5.62.0" = {
-      name = "_at_typescript-eslint_slash_typescript-estree";
-      packageName = "@typescript-eslint/typescript-estree";
-      version = "5.62.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz";
-        sha512 = "CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==";
-      };
-    };
-    "@typescript-eslint/utils-5.62.0" = {
-      name = "_at_typescript-eslint_slash_utils";
-      packageName = "@typescript-eslint/utils";
-      version = "5.62.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz";
-        sha512 = "n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==";
-      };
-    };
-    "@typescript-eslint/visitor-keys-5.62.0" = {
-      name = "_at_typescript-eslint_slash_visitor-keys";
-      packageName = "@typescript-eslint/visitor-keys";
-      version = "5.62.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz";
-        sha512 = "07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==";
-      };
-    };
-    "@vitejs/plugin-react-4.0.4" = {
-      name = "_at_vitejs_slash_plugin-react";
-      packageName = "@vitejs/plugin-react";
-      version = "4.0.4";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.0.4.tgz";
-        sha512 = "7wU921ABnNYkETiMaZy7XqpueMnpu5VxvVps13MjmCo+utBdD79sZzrApHawHtVX66cCJQQTXFcjH0y9dSUK8g==";
-      };
-    };
-    "acorn-8.10.0" = {
-      name = "acorn";
-      packageName = "acorn";
-      version = "8.10.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz";
-        sha512 = "F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==";
-      };
-    };
-    "acorn-jsx-5.3.2" = {
-      name = "acorn-jsx";
-      packageName = "acorn-jsx";
-      version = "5.3.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz";
-        sha512 = "rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==";
-      };
-    };
-    "ajv-6.12.6" = {
-      name = "ajv";
-      packageName = "ajv";
-      version = "6.12.6";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz";
-        sha512 = "j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==";
-      };
-    };
-    "ansi-regex-5.0.1" = {
-      name = "ansi-regex";
-      packageName = "ansi-regex";
-      version = "5.0.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz";
-        sha512 = "quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==";
-      };
-    };
-    "ansi-styles-3.2.1" = {
-      name = "ansi-styles";
-      packageName = "ansi-styles";
-      version = "3.2.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz";
-        sha512 = "VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==";
-      };
-    };
-    "ansi-styles-4.3.0" = {
-      name = "ansi-styles";
-      packageName = "ansi-styles";
-      version = "4.3.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz";
-        sha512 = "zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==";
-      };
-    };
-    "anymatch-3.1.3" = {
-      name = "anymatch";
-      packageName = "anymatch";
-      version = "3.1.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz";
-        sha512 = "KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==";
-      };
-    };
-    "argparse-2.0.1" = {
-      name = "argparse";
-      packageName = "argparse";
-      version = "2.0.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz";
-        sha512 = "8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==";
-      };
-    };
-    "array-union-2.1.0" = {
-      name = "array-union";
-      packageName = "array-union";
-      version = "2.1.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz";
-        sha512 = "HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==";
-      };
-    };
-    "asynckit-0.4.0" = {
-      name = "asynckit";
-      packageName = "asynckit";
-      version = "0.4.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz";
-        sha512 = "Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==";
-      };
-    };
-    "axios-1.4.0" = {
-      name = "axios";
-      packageName = "axios";
-      version = "1.4.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz";
-        sha512 = "S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==";
-      };
-    };
-    "babel-plugin-macros-3.1.0" = {
-      name = "babel-plugin-macros";
-      packageName = "babel-plugin-macros";
-      version = "3.1.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz";
-        sha512 = "Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==";
-      };
-    };
-    "balanced-match-1.0.2" = {
-      name = "balanced-match";
-      packageName = "balanced-match";
-      version = "1.0.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz";
-        sha512 = "3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==";
-      };
-    };
-    "base64-js-1.5.1" = {
-      name = "base64-js";
-      packageName = "base64-js";
-      version = "1.5.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz";
-        sha512 = "AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==";
-      };
-    };
-    "bech32-2.0.0" = {
-      name = "bech32";
-      packageName = "bech32";
-      version = "2.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/bech32/-/bech32-2.0.0.tgz";
-        sha512 = "LcknSilhIGatDAsY1ak2I8VtGaHNhgMSYVxFrGLXv+xLHytaKZKcaUJJUE7qmBr7h33o5YQwP55pMI0xmkpJwg==";
-      };
-    };
-    "big-integer-1.6.51" = {
-      name = "big-integer";
-      packageName = "big-integer";
-      version = "1.6.51";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/big-integer/-/big-integer-1.6.51.tgz";
-        sha512 = "GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==";
-      };
-    };
-    "binary-extensions-2.2.0" = {
-      name = "binary-extensions";
-      packageName = "binary-extensions";
-      version = "2.2.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz";
-        sha512 = "jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==";
-      };
-    };
-    "blakejs-1.2.1" = {
-      name = "blakejs";
-      packageName = "blakejs";
-      version = "1.2.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/blakejs/-/blakejs-1.2.1.tgz";
-        sha512 = "QXUSXI3QVc/gJME0dBpXrag1kbzOqCjCX8/b54ntNyW6sjtoqxqRk3LTmXzaJoh71zMsDCjM+47jS7XiwN/+fQ==";
-      };
-    };
-    "brace-expansion-1.1.11" = {
-      name = "brace-expansion";
-      packageName = "brace-expansion";
-      version = "1.1.11";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz";
-        sha512 = "iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==";
-      };
-    };
-    "braces-3.0.2" = {
-      name = "braces";
-      packageName = "braces";
-      version = "3.0.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz";
-        sha512 = "b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==";
-      };
-    };
-    "broadcast-channel-3.7.0" = {
-      name = "broadcast-channel";
-      packageName = "broadcast-channel";
-      version = "3.7.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/broadcast-channel/-/broadcast-channel-3.7.0.tgz";
-        sha512 = "cIAKJXAxGJceNZGTZSBzMxzyOn72cVgPnKx4dc6LRjQgbaJUQqhy5rzL3zbMxkMWsGKkv2hSFkPRMEXfoMZ2Mg==";
-      };
-    };
-    "browserslist-4.21.10" = {
-      name = "browserslist";
-      packageName = "browserslist";
-      version = "4.21.10";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/browserslist/-/browserslist-4.21.10.tgz";
-        sha512 = "bipEBdZfVH5/pwrvqc+Ub0kUPVfGUhlKxbvfD+z1BDnPEO/X98ruXGA1WP5ASpAFKan7Qr6j736IacbZQuAlKQ==";
-      };
-    };
-    "buffer-6.0.3" = {
-      name = "buffer";
-      packageName = "buffer";
-      version = "6.0.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz";
-        sha512 = "FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==";
-      };
-    };
-    "buffer-from-1.1.2" = {
-      name = "buffer-from";
-      packageName = "buffer-from";
-      version = "1.1.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz";
-        sha512 = "E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==";
-      };
-    };
-    "callsites-3.1.0" = {
-      name = "callsites";
-      packageName = "callsites";
-      version = "3.1.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz";
-        sha512 = "P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==";
-      };
-    };
-    "caniuse-lite-1.0.30001523" = {
-      name = "caniuse-lite";
-      packageName = "caniuse-lite";
-      version = "1.0.30001523";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001523.tgz";
-        sha512 = "I5q5cisATTPZ1mc588Z//pj/Ox80ERYDfR71YnvY7raS/NOk8xXlZcB0sF7JdqaV//kOaa6aus7lRfpdnt1eBA==";
-      };
-    };
-    "chalk-2.4.2" = {
-      name = "chalk";
-      packageName = "chalk";
-      version = "2.4.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz";
-        sha512 = "Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==";
-      };
-    };
-    "chalk-4.1.2" = {
-      name = "chalk";
-      packageName = "chalk";
-      version = "4.1.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz";
-        sha512 = "oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==";
-      };
-    };
-    "chokidar-3.5.3" = {
-      name = "chokidar";
-      packageName = "chokidar";
-      version = "3.5.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz";
-        sha512 = "Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==";
-      };
-    };
-    "clsx-2.0.0" = {
-      name = "clsx";
-      packageName = "clsx";
-      version = "2.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz";
-        sha512 = "rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==";
-      };
-    };
-    "color-convert-1.9.3" = {
-      name = "color-convert";
-      packageName = "color-convert";
-      version = "1.9.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz";
-        sha512 = "QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==";
-      };
-    };
-    "color-convert-2.0.1" = {
-      name = "color-convert";
-      packageName = "color-convert";
-      version = "2.0.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz";
-        sha512 = "RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==";
-      };
-    };
-    "color-name-1.1.3" = {
-      name = "color-name";
-      packageName = "color-name";
-      version = "1.1.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz";
-        sha512 = "72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==";
-      };
-    };
-    "color-name-1.1.4" = {
-      name = "color-name";
-      packageName = "color-name";
-      version = "1.1.4";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz";
-        sha512 = "dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==";
-      };
-    };
-    "combined-stream-1.0.8" = {
-      name = "combined-stream";
-      packageName = "combined-stream";
-      version = "1.0.8";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz";
-        sha512 = "FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==";
-      };
-    };
-    "commander-2.20.3" = {
-      name = "commander";
-      packageName = "commander";
-      version = "2.20.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz";
-        sha512 = "GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==";
-      };
-    };
-    "concat-map-0.0.1" = {
-      name = "concat-map";
-      packageName = "concat-map";
-      version = "0.0.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz";
-        sha512 = "/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==";
-      };
-    };
-    "convert-source-map-1.9.0" = {
-      name = "convert-source-map";
-      packageName = "convert-source-map";
-      version = "1.9.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz";
-        sha512 = "ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==";
-      };
-    };
-    "copy-anything-2.0.6" = {
-      name = "copy-anything";
-      packageName = "copy-anything";
-      version = "2.0.6";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz";
-        sha512 = "1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==";
-      };
-    };
-    "cosmiconfig-7.1.0" = {
-      name = "cosmiconfig";
-      packageName = "cosmiconfig";
-      version = "7.1.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz";
-        sha512 = "AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==";
-      };
-    };
-    "cross-spawn-7.0.3" = {
-      name = "cross-spawn";
-      packageName = "cross-spawn";
-      version = "7.0.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz";
-        sha512 = "iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==";
-      };
-    };
-    "csstype-3.1.2" = {
-      name = "csstype";
-      packageName = "csstype";
-      version = "3.1.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz";
-        sha512 = "I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==";
-      };
-    };
-    "date-fns-2.30.0" = {
-      name = "date-fns";
-      packageName = "date-fns";
-      version = "2.30.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz";
-        sha512 = "fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==";
-      };
-    };
-    "debug-3.2.7" = {
-      name = "debug";
-      packageName = "debug";
-      version = "3.2.7";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz";
-        sha512 = "CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==";
-      };
-    };
-    "debug-4.3.4" = {
-      name = "debug";
-      packageName = "debug";
-      version = "4.3.4";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz";
-        sha512 = "PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==";
-      };
-    };
-    "deep-is-0.1.4" = {
-      name = "deep-is";
-      packageName = "deep-is";
-      version = "0.1.4";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz";
-        sha512 = "oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==";
-      };
-    };
-    "delayed-stream-1.0.0" = {
-      name = "delayed-stream";
-      packageName = "delayed-stream";
-      version = "1.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz";
-        sha512 = "ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==";
-      };
-    };
-    "detect-libc-1.0.3" = {
-      name = "detect-libc";
-      packageName = "detect-libc";
-      version = "1.0.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz";
-        sha512 = "pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==";
-      };
-    };
-    "detect-node-2.1.0" = {
-      name = "detect-node";
-      packageName = "detect-node";
-      version = "2.1.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz";
-        sha512 = "T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==";
-      };
-    };
-    "dir-glob-3.0.1" = {
-      name = "dir-glob";
-      packageName = "dir-glob";
-      version = "3.0.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz";
-        sha512 = "WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==";
-      };
-    };
-    "doctrine-3.0.0" = {
-      name = "doctrine";
-      packageName = "doctrine";
-      version = "3.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz";
-        sha512 = "yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==";
-      };
-    };
-    "dom-helpers-5.2.1" = {
-      name = "dom-helpers";
-      packageName = "dom-helpers";
-      version = "5.2.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz";
-        sha512 = "nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==";
-      };
-    };
-    "electron-to-chromium-1.4.502" = {
-      name = "electron-to-chromium";
-      packageName = "electron-to-chromium";
-      version = "1.4.502";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.502.tgz";
-        sha512 = "xqeGw3Gr6o3uyHy/yKjdnDQHY2RQvXcGC2cfHjccK1IGkH6cX1WQBN8EeC/YpwPhGkBaikDTecJ8+ssxSVRQlw==";
-      };
-    };
-    "errno-0.1.8" = {
-      name = "errno";
-      packageName = "errno";
-      version = "0.1.8";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz";
-        sha512 = "dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==";
-      };
-    };
-    "error-ex-1.3.2" = {
-      name = "error-ex";
-      packageName = "error-ex";
-      version = "1.3.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz";
-        sha512 = "7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==";
-      };
-    };
-    "esbuild-0.18.20" = {
-      name = "esbuild";
-      packageName = "esbuild";
-      version = "0.18.20";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz";
-        sha512 = "ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==";
-      };
-    };
-    "escalade-3.1.1" = {
-      name = "escalade";
-      packageName = "escalade";
-      version = "3.1.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz";
-        sha512 = "k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==";
-      };
-    };
-    "escape-string-regexp-1.0.5" = {
-      name = "escape-string-regexp";
-      packageName = "escape-string-regexp";
-      version = "1.0.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz";
-        sha512 = "vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==";
-      };
-    };
-    "escape-string-regexp-4.0.0" = {
-      name = "escape-string-regexp";
-      packageName = "escape-string-regexp";
-      version = "4.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz";
-        sha512 = "TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==";
-      };
-    };
-    "eslint-8.47.0" = {
-      name = "eslint";
-      packageName = "eslint";
-      version = "8.47.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/eslint/-/eslint-8.47.0.tgz";
-        sha512 = "spUQWrdPt+pRVP1TTJLmfRNJJHHZryFmptzcafwSvHsceV81djHOdnEeDmkdotZyLNjDhrOasNK8nikkoG1O8Q==";
-      };
-    };
-    "eslint-plugin-react-hooks-4.6.0" = {
-      name = "eslint-plugin-react-hooks";
-      packageName = "eslint-plugin-react-hooks";
-      version = "4.6.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz";
-        sha512 = "oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==";
-      };
-    };
-    "eslint-plugin-react-refresh-0.3.5" = {
-      name = "eslint-plugin-react-refresh";
-      packageName = "eslint-plugin-react-refresh";
-      version = "0.3.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.3.5.tgz";
-        sha512 = "61qNIsc7fo9Pp/mju0J83kzvLm0Bsayu7OQSLEoJxLDCBjIIyb87bkzufoOvdDxLkSlMfkF7UxomC4+eztUBSA==";
-      };
-    };
-    "eslint-scope-5.1.1" = {
-      name = "eslint-scope";
-      packageName = "eslint-scope";
-      version = "5.1.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz";
-        sha512 = "2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==";
-      };
-    };
-    "eslint-scope-7.2.2" = {
-      name = "eslint-scope";
-      packageName = "eslint-scope";
-      version = "7.2.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz";
-        sha512 = "dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==";
-      };
-    };
-    "eslint-visitor-keys-3.4.3" = {
-      name = "eslint-visitor-keys";
-      packageName = "eslint-visitor-keys";
-      version = "3.4.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz";
-        sha512 = "wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==";
-      };
-    };
-    "espree-9.6.1" = {
-      name = "espree";
-      packageName = "espree";
-      version = "9.6.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz";
-        sha512 = "oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==";
-      };
-    };
-    "esquery-1.5.0" = {
-      name = "esquery";
-      packageName = "esquery";
-      version = "1.5.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz";
-        sha512 = "YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==";
-      };
-    };
-    "esrecurse-4.3.0" = {
-      name = "esrecurse";
-      packageName = "esrecurse";
-      version = "4.3.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz";
-        sha512 = "KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==";
-      };
-    };
-    "estraverse-4.3.0" = {
-      name = "estraverse";
-      packageName = "estraverse";
-      version = "4.3.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz";
-        sha512 = "39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==";
-      };
-    };
-    "estraverse-5.3.0" = {
-      name = "estraverse";
-      packageName = "estraverse";
-      version = "5.3.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz";
-        sha512 = "MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==";
-      };
-    };
-    "esutils-2.0.3" = {
-      name = "esutils";
-      packageName = "esutils";
-      version = "2.0.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz";
-        sha512 = "kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==";
-      };
-    };
-    "fast-deep-equal-3.1.3" = {
-      name = "fast-deep-equal";
-      packageName = "fast-deep-equal";
-      version = "3.1.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz";
-        sha512 = "f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==";
-      };
-    };
-    "fast-glob-3.3.1" = {
-      name = "fast-glob";
-      packageName = "fast-glob";
-      version = "3.3.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz";
-        sha512 = "kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==";
-      };
-    };
-    "fast-json-stable-stringify-2.1.0" = {
-      name = "fast-json-stable-stringify";
-      packageName = "fast-json-stable-stringify";
-      version = "2.1.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz";
-        sha512 = "lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==";
-      };
-    };
-    "fast-levenshtein-2.0.6" = {
-      name = "fast-levenshtein";
-      packageName = "fast-levenshtein";
-      version = "2.0.6";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz";
-        sha512 = "DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==";
-      };
-    };
-    "fastq-1.15.0" = {
-      name = "fastq";
-      packageName = "fastq";
-      version = "1.15.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz";
-        sha512 = "wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==";
-      };
-    };
-    "file-entry-cache-6.0.1" = {
-      name = "file-entry-cache";
-      packageName = "file-entry-cache";
-      version = "6.0.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz";
-        sha512 = "7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==";
-      };
-    };
-    "fill-range-7.0.1" = {
-      name = "fill-range";
-      packageName = "fill-range";
-      version = "7.0.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz";
-        sha512 = "qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==";
-      };
-    };
-    "find-root-1.1.0" = {
-      name = "find-root";
-      packageName = "find-root";
-      version = "1.1.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz";
-        sha512 = "NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==";
-      };
-    };
-    "find-up-5.0.0" = {
-      name = "find-up";
-      packageName = "find-up";
-      version = "5.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz";
-        sha512 = "78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==";
-      };
-    };
-    "flat-cache-3.0.4" = {
-      name = "flat-cache";
-      packageName = "flat-cache";
-      version = "3.0.4";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz";
-        sha512 = "dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==";
-      };
-    };
-    "flatted-3.2.7" = {
-      name = "flatted";
-      packageName = "flatted";
-      version = "3.2.7";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz";
-        sha512 = "5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==";
-      };
-    };
-    "follow-redirects-1.15.2" = {
-      name = "follow-redirects";
-      packageName = "follow-redirects";
-      version = "1.15.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz";
-        sha512 = "VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==";
-      };
-    };
-    "form-data-4.0.0" = {
-      name = "form-data";
-      packageName = "form-data";
-      version = "4.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz";
-        sha512 = "ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==";
-      };
-    };
-    "fs.realpath-1.0.0" = {
-      name = "fs.realpath";
-      packageName = "fs.realpath";
-      version = "1.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz";
-        sha512 = "OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==";
-      };
-    };
-    "fsevents-2.3.3" = {
-      name = "fsevents";
-      packageName = "fsevents";
-      version = "2.3.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz";
-        sha512 = "5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==";
-      };
-    };
-    "function-bind-1.1.1" = {
-      name = "function-bind";
-      packageName = "function-bind";
-      version = "1.1.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz";
-        sha512 = "yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==";
-      };
-    };
-    "gensync-1.0.0-beta.2" = {
-      name = "gensync";
-      packageName = "gensync";
-      version = "1.0.0-beta.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz";
-        sha512 = "3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==";
-      };
-    };
-    "glob-7.2.3" = {
-      name = "glob";
-      packageName = "glob";
-      version = "7.2.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz";
-        sha512 = "nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==";
-      };
-    };
-    "glob-parent-5.1.2" = {
-      name = "glob-parent";
-      packageName = "glob-parent";
-      version = "5.1.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz";
-        sha512 = "AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==";
-      };
-    };
-    "glob-parent-6.0.2" = {
-      name = "glob-parent";
-      packageName = "glob-parent";
-      version = "6.0.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz";
-        sha512 = "XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==";
-      };
-    };
-    "globals-11.12.0" = {
-      name = "globals";
-      packageName = "globals";
-      version = "11.12.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz";
-        sha512 = "WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==";
-      };
-    };
-    "globals-13.21.0" = {
-      name = "globals";
-      packageName = "globals";
-      version = "13.21.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/globals/-/globals-13.21.0.tgz";
-        sha512 = "ybyme3s4yy/t/3s35bewwXKOf7cvzfreG2lH0lZl0JB7I4GxRP2ghxOK/Nb9EkRXdbBXZLfq/p/0W2JUONB/Gg==";
-      };
-    };
-    "globby-11.1.0" = {
-      name = "globby";
-      packageName = "globby";
-      version = "11.1.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz";
-        sha512 = "jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==";
-      };
-    };
-    "graceful-fs-4.2.11" = {
-      name = "graceful-fs";
-      packageName = "graceful-fs";
-      version = "4.2.11";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz";
-        sha512 = "RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==";
-      };
-    };
-    "graphemer-1.4.0" = {
-      name = "graphemer";
-      packageName = "graphemer";
-      version = "1.4.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz";
-        sha512 = "EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==";
-      };
-    };
-    "has-1.0.3" = {
-      name = "has";
-      packageName = "has";
-      version = "1.0.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/has/-/has-1.0.3.tgz";
-        sha512 = "f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==";
-      };
-    };
-    "has-flag-3.0.0" = {
-      name = "has-flag";
-      packageName = "has-flag";
-      version = "3.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz";
-        sha512 = "sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==";
-      };
-    };
-    "has-flag-4.0.0" = {
-      name = "has-flag";
-      packageName = "has-flag";
-      version = "4.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz";
-        sha512 = "EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==";
-      };
-    };
-    "hoist-non-react-statics-3.3.2" = {
-      name = "hoist-non-react-statics";
-      packageName = "hoist-non-react-statics";
-      version = "3.3.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz";
-        sha512 = "/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==";
-      };
-    };
-    "iconv-lite-0.6.3" = {
-      name = "iconv-lite";
-      packageName = "iconv-lite";
-      version = "0.6.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz";
-        sha512 = "4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==";
-      };
-    };
-    "ieee754-1.2.1" = {
-      name = "ieee754";
-      packageName = "ieee754";
-      version = "1.2.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz";
-        sha512 = "dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==";
-      };
-    };
-    "ignore-5.2.4" = {
-      name = "ignore";
-      packageName = "ignore";
-      version = "5.2.4";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz";
-        sha512 = "MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==";
-      };
-    };
-    "image-size-0.5.5" = {
-      name = "image-size";
-      packageName = "image-size";
-      version = "0.5.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz";
-        sha512 = "6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==";
-      };
-    };
-    "immutable-4.3.3" = {
-      name = "immutable";
-      packageName = "immutable";
-      version = "4.3.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/immutable/-/immutable-4.3.3.tgz";
-        sha512 = "808ZFYMsIRAjLAu5xkKo0TsbY9LBy9H5MazTKIEHerNkg0ymgilGfBPMR/3G7d/ihGmuK2Hw8S1izY2d3kd3wA==";
-      };
-    };
-    "import-fresh-3.3.0" = {
-      name = "import-fresh";
-      packageName = "import-fresh";
-      version = "3.3.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz";
-        sha512 = "veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==";
-      };
-    };
-    "imurmurhash-0.1.4" = {
-      name = "imurmurhash";
-      packageName = "imurmurhash";
-      version = "0.1.4";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz";
-        sha512 = "JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==";
-      };
-    };
-    "inflight-1.0.6" = {
-      name = "inflight";
-      packageName = "inflight";
-      version = "1.0.6";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz";
-        sha512 = "k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==";
-      };
-    };
-    "inherits-2.0.4" = {
-      name = "inherits";
-      packageName = "inherits";
-      version = "2.0.4";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz";
-        sha512 = "k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==";
-      };
-    };
-    "is-arrayish-0.2.1" = {
-      name = "is-arrayish";
-      packageName = "is-arrayish";
-      version = "0.2.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz";
-        sha512 = "zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==";
-      };
-    };
-    "is-binary-path-2.1.0" = {
-      name = "is-binary-path";
-      packageName = "is-binary-path";
-      version = "2.1.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz";
-        sha512 = "ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==";
-      };
-    };
-    "is-core-module-2.13.0" = {
-      name = "is-core-module";
-      packageName = "is-core-module";
-      version = "2.13.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz";
-        sha512 = "Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==";
-      };
-    };
-    "is-extglob-2.1.1" = {
-      name = "is-extglob";
-      packageName = "is-extglob";
-      version = "2.1.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz";
-        sha512 = "SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==";
-      };
-    };
-    "is-glob-4.0.3" = {
-      name = "is-glob";
-      packageName = "is-glob";
-      version = "4.0.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz";
-        sha512 = "xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==";
-      };
-    };
-    "is-number-7.0.0" = {
-      name = "is-number";
-      packageName = "is-number";
-      version = "7.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz";
-        sha512 = "41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==";
-      };
-    };
-    "is-path-inside-3.0.3" = {
-      name = "is-path-inside";
-      packageName = "is-path-inside";
-      version = "3.0.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz";
-        sha512 = "Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==";
-      };
-    };
-    "is-what-3.14.1" = {
-      name = "is-what";
-      packageName = "is-what";
-      version = "3.14.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz";
-        sha512 = "sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==";
-      };
-    };
-    "isexe-2.0.0" = {
-      name = "isexe";
-      packageName = "isexe";
-      version = "2.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz";
-        sha512 = "RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==";
-      };
-    };
-    "js-sha3-0.8.0" = {
-      name = "js-sha3";
-      packageName = "js-sha3";
-      version = "0.8.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/js-sha3/-/js-sha3-0.8.0.tgz";
-        sha512 = "gF1cRrHhIzNfToc802P800N8PpXS+evLLXfsVpowqmAFR9uwbi89WvXg2QspOmXL8QL86J4T1EpFu+yUkwJY3Q==";
-      };
-    };
-    "js-tokens-4.0.0" = {
-      name = "js-tokens";
-      packageName = "js-tokens";
-      version = "4.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz";
-        sha512 = "RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==";
-      };
-    };
-    "js-yaml-4.1.0" = {
-      name = "js-yaml";
-      packageName = "js-yaml";
-      version = "4.1.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz";
-        sha512 = "wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==";
-      };
-    };
-    "jsesc-2.5.2" = {
-      name = "jsesc";
-      packageName = "jsesc";
-      version = "2.5.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz";
-        sha512 = "OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==";
-      };
-    };
-    "json-parse-even-better-errors-2.3.1" = {
-      name = "json-parse-even-better-errors";
-      packageName = "json-parse-even-better-errors";
-      version = "2.3.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz";
-        sha512 = "xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==";
-      };
-    };
-    "json-schema-traverse-0.4.1" = {
-      name = "json-schema-traverse";
-      packageName = "json-schema-traverse";
-      version = "0.4.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz";
-        sha512 = "xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==";
-      };
-    };
-    "json-stable-stringify-without-jsonify-1.0.1" = {
-      name = "json-stable-stringify-without-jsonify";
-      packageName = "json-stable-stringify-without-jsonify";
-      version = "1.0.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz";
-        sha512 = "Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==";
-      };
-    };
-    "json5-2.2.3" = {
-      name = "json5";
-      packageName = "json5";
-      version = "2.2.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz";
-        sha512 = "XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==";
-      };
-    };
-    "keen-slider-6.8.6" = {
-      name = "keen-slider";
-      packageName = "keen-slider";
-      version = "6.8.6";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/keen-slider/-/keen-slider-6.8.6.tgz";
-        sha512 = "dcEQ7GDBpCjUQA8XZeWh3oBBLLmyn8aoeIQFGL/NTVkoEOsmlnXqA4QykUm/SncolAZYGsEk/PfUhLZ7mwMM2w==";
-      };
-    };
-    "less-4.2.0" = {
-      name = "less";
-      packageName = "less";
-      version = "4.2.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/less/-/less-4.2.0.tgz";
-        sha512 = "P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==";
-      };
-    };
-    "levn-0.4.1" = {
-      name = "levn";
-      packageName = "levn";
-      version = "0.4.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz";
-        sha512 = "+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==";
-      };
-    };
-    "lightningcss-1.21.7" = {
-      name = "lightningcss";
-      packageName = "lightningcss";
-      version = "1.21.7";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/lightningcss/-/lightningcss-1.21.7.tgz";
-        sha512 = "xITZyh5sLFwRPYUSw15T00Rm7gcQ1qOPuQwNOcvHsTm6nLWTQ723w7zl42wrC5t+xtdg6FPmnXHml1nZxxvp1w==";
-      };
-    };
-    "lightningcss-darwin-arm64-1.21.7" = {
-      name = "lightningcss-darwin-arm64";
-      packageName = "lightningcss-darwin-arm64";
-      version = "1.21.7";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.21.7.tgz";
-        sha512 = "tt7hIsFio9jZofTVHtCACz6rB6c9RyABMXfA9A/VcKOjS3sq+koX/QkRJWY06utwOImbJIXBC5hbg9t3RkPUAQ==";
-      };
-    };
-    "lightningcss-darwin-x64-1.21.7" = {
-      name = "lightningcss-darwin-x64";
-      packageName = "lightningcss-darwin-x64";
-      version = "1.21.7";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.21.7.tgz";
-        sha512 = "F4gS4bf7eWekfPT+TxJNm/pF+QRgZiTrTkQH6cw4/UWfdeZISfuhD5El2dm16giFnY0K5ylIwO+ZusgYNkGSXA==";
-      };
-    };
-    "lightningcss-freebsd-x64-1.21.7" = {
-      name = "lightningcss-freebsd-x64";
-      packageName = "lightningcss-freebsd-x64";
-      version = "1.21.7";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.21.7.tgz";
-        sha512 = "RMfNzJWXCSfPnL55fcLWEAadcY6QUFT0S8NceNKYzp1KiCZtkJIy6RQ5SaVxPzRqd3iMsahUf5sfnG8N1UQSNQ==";
-      };
-    };
-    "lightningcss-linux-arm-gnueabihf-1.21.7" = {
-      name = "lightningcss-linux-arm-gnueabihf";
-      packageName = "lightningcss-linux-arm-gnueabihf";
-      version = "1.21.7";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.21.7.tgz";
-        sha512 = "biSRUDZNx7vubWP1jArw/qqfZKPGpkV/qzunasZzxmqijbZ43sW9faDQYxWNcxPWljJJdF/qs6qcurYFovWtrQ==";
-      };
-    };
-    "lightningcss-linux-arm64-gnu-1.21.7" = {
-      name = "lightningcss-linux-arm64-gnu";
-      packageName = "lightningcss-linux-arm64-gnu";
-      version = "1.21.7";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.21.7.tgz";
-        sha512 = "PENY8QekqL9TG3AY/A7rkUBb5ymefGxea7Oe7+x7Hbw4Bz4Hpj5cec5OoMypMqFbURPmpi0fTWx4vSWUPzpDcA==";
-      };
-    };
-    "lightningcss-linux-arm64-musl-1.21.7" = {
-      name = "lightningcss-linux-arm64-musl";
-      packageName = "lightningcss-linux-arm64-musl";
-      version = "1.21.7";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.21.7.tgz";
-        sha512 = "pfOipKvA/0X1OjRaZt3870vnV9UGBSjayIqHh0fGx/+aRz3O0MVFHE/60P2UWXpM3YGJEw/hMWtNkrFwqOge8A==";
-      };
-    };
-    "lightningcss-linux-x64-gnu-1.21.7" = {
-      name = "lightningcss-linux-x64-gnu";
-      packageName = "lightningcss-linux-x64-gnu";
-      version = "1.21.7";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.21.7.tgz";
-        sha512 = "dgcsis4TAA7s0ia4f31QHX+G4PWPwxk+wJaEQLaV0NdJs09O5hHoA8DpLEr8nrvc/tsRTyVNBP1rDtgzySjpXg==";
-      };
-    };
-    "lightningcss-linux-x64-musl-1.21.7" = {
-      name = "lightningcss-linux-x64-musl";
-      packageName = "lightningcss-linux-x64-musl";
-      version = "1.21.7";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.21.7.tgz";
-        sha512 = "A+9dXpxld3p4Cd6fxev2eqEvaauYtrgNpXV3t7ioCJy30Oj9nYiNGwiGusM+4MJVcEpUPGUGiuAqY4sWilRDwA==";
-      };
-    };
-    "lightningcss-win32-x64-msvc-1.21.7" = {
-      name = "lightningcss-win32-x64-msvc";
-      packageName = "lightningcss-win32-x64-msvc";
-      version = "1.21.7";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.21.7.tgz";
-        sha512 = "07/8vogEq+C/mF99pdMhh/f19/xreq8N9Ca6AWeVHZIdODyF/pt6KdKSCWDZWIn+3CUxI8gCJWuUWyOc3xymvw==";
-      };
-    };
-    "lines-and-columns-1.2.4" = {
-      name = "lines-and-columns";
-      packageName = "lines-and-columns";
-      version = "1.2.4";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz";
-        sha512 = "7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==";
-      };
-    };
-    "locate-path-6.0.0" = {
-      name = "locate-path";
-      packageName = "locate-path";
-      version = "6.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz";
-        sha512 = "iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==";
-      };
-    };
-    "lodash.merge-4.6.2" = {
-      name = "lodash.merge";
-      packageName = "lodash.merge";
-      version = "4.6.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz";
-        sha512 = "0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==";
-      };
-    };
-    "loose-envify-1.4.0" = {
-      name = "loose-envify";
-      packageName = "loose-envify";
-      version = "1.4.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz";
-        sha512 = "lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==";
-      };
-    };
-    "lru-cache-5.1.1" = {
-      name = "lru-cache";
-      packageName = "lru-cache";
-      version = "5.1.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz";
-        sha512 = "KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==";
-      };
-    };
-    "lru-cache-6.0.0" = {
-      name = "lru-cache";
-      packageName = "lru-cache";
-      version = "6.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz";
-        sha512 = "Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==";
-      };
-    };
-    "make-dir-2.1.0" = {
-      name = "make-dir";
-      packageName = "make-dir";
-      version = "2.1.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz";
-        sha512 = "LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==";
-      };
-    };
-    "match-sorter-6.3.1" = {
-      name = "match-sorter";
-      packageName = "match-sorter";
-      version = "6.3.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/match-sorter/-/match-sorter-6.3.1.tgz";
-        sha512 = "mxybbo3pPNuA+ZuCUhm5bwNkXrJTbsk5VWbR5wiwz/GC6LIiegBGn2w3O08UG/jdbYLinw51fSQ5xNU1U3MgBw==";
-      };
-    };
-    "merge2-1.4.1" = {
-      name = "merge2";
-      packageName = "merge2";
-      version = "1.4.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz";
-        sha512 = "8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==";
-      };
-    };
-    "micromatch-4.0.5" = {
-      name = "micromatch";
-      packageName = "micromatch";
-      version = "4.0.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz";
-        sha512 = "DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==";
-      };
-    };
-    "microseconds-0.2.0" = {
-      name = "microseconds";
-      packageName = "microseconds";
-      version = "0.2.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/microseconds/-/microseconds-0.2.0.tgz";
-        sha512 = "n7DHHMjR1avBbSpsTBj6fmMGh2AGrifVV4e+WYc3Q9lO+xnSZ3NyhcBND3vzzatt05LFhoKFRxrIyklmLlUtyA==";
-      };
-    };
-    "mime-1.6.0" = {
-      name = "mime";
-      packageName = "mime";
-      version = "1.6.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz";
-        sha512 = "x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==";
-      };
-    };
-    "mime-db-1.52.0" = {
-      name = "mime-db";
-      packageName = "mime-db";
-      version = "1.52.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz";
-        sha512 = "sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==";
-      };
-    };
-    "mime-types-2.1.35" = {
-      name = "mime-types";
-      packageName = "mime-types";
-      version = "2.1.35";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz";
-        sha512 = "ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==";
-      };
-    };
-    "minimatch-3.1.2" = {
-      name = "minimatch";
-      packageName = "minimatch";
-      version = "3.1.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz";
-        sha512 = "J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==";
-      };
-    };
-    "ms-2.1.2" = {
-      name = "ms";
-      packageName = "ms";
-      version = "2.1.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz";
-        sha512 = "sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==";
-      };
-    };
-    "nano-time-1.0.0" = {
-      name = "nano-time";
-      packageName = "nano-time";
-      version = "1.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/nano-time/-/nano-time-1.0.0.tgz";
-        sha512 = "flnngywOoQ0lLQOTRNexn2gGSNuM9bKj9RZAWSzhQ+UJYaAFG9bac4DW9VHjUAzrOaIcajHybCTHe/bkvozQqA==";
-      };
-    };
-    "nanoid-3.3.6" = {
-      name = "nanoid";
-      packageName = "nanoid";
-      version = "3.3.6";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz";
-        sha512 = "BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==";
-      };
-    };
-    "natural-compare-1.4.0" = {
-      name = "natural-compare";
-      packageName = "natural-compare";
-      version = "1.4.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz";
-        sha512 = "OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==";
-      };
-    };
-    "natural-compare-lite-1.4.0" = {
-      name = "natural-compare-lite";
-      packageName = "natural-compare-lite";
-      version = "1.4.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz";
-        sha512 = "Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==";
-      };
-    };
-    "needle-3.2.0" = {
-      name = "needle";
-      packageName = "needle";
-      version = "3.2.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/needle/-/needle-3.2.0.tgz";
-        sha512 = "oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==";
-      };
-    };
-    "node-releases-2.0.13" = {
-      name = "node-releases";
-      packageName = "node-releases";
-      version = "2.0.13";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz";
-        sha512 = "uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==";
-      };
-    };
-    "normalize-path-3.0.0" = {
-      name = "normalize-path";
-      packageName = "normalize-path";
-      version = "3.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz";
-        sha512 = "6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==";
-      };
-    };
-    "object-assign-4.1.1" = {
-      name = "object-assign";
-      packageName = "object-assign";
-      version = "4.1.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz";
-        sha512 = "rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==";
-      };
-    };
-    "oblivious-set-1.0.0" = {
-      name = "oblivious-set";
-      packageName = "oblivious-set";
-      version = "1.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/oblivious-set/-/oblivious-set-1.0.0.tgz";
-        sha512 = "z+pI07qxo4c2CulUHCDf9lcqDlMSo72N/4rLUpRXf6fu+q8vjt8y0xS+Tlf8NTJDdTXHbdeO1n3MlbctwEoXZw==";
-      };
-    };
-    "once-1.4.0" = {
-      name = "once";
-      packageName = "once";
-      version = "1.4.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/once/-/once-1.4.0.tgz";
-        sha512 = "lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==";
-      };
-    };
-    "optionator-0.9.3" = {
-      name = "optionator";
-      packageName = "optionator";
-      version = "0.9.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz";
-        sha512 = "JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==";
-      };
-    };
-    "p-limit-3.1.0" = {
-      name = "p-limit";
-      packageName = "p-limit";
-      version = "3.1.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz";
-        sha512 = "TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==";
-      };
-    };
-    "p-locate-5.0.0" = {
-      name = "p-locate";
-      packageName = "p-locate";
-      version = "5.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz";
-        sha512 = "LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==";
-      };
-    };
-    "parent-module-1.0.1" = {
-      name = "parent-module";
-      packageName = "parent-module";
-      version = "1.0.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz";
-        sha512 = "GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==";
-      };
-    };
-    "parse-json-5.2.0" = {
-      name = "parse-json";
-      packageName = "parse-json";
-      version = "5.2.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz";
-        sha512 = "ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==";
-      };
-    };
-    "parse-node-version-1.0.1" = {
-      name = "parse-node-version";
-      packageName = "parse-node-version";
-      version = "1.0.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz";
-        sha512 = "3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==";
-      };
-    };
-    "path-exists-4.0.0" = {
-      name = "path-exists";
-      packageName = "path-exists";
-      version = "4.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz";
-        sha512 = "ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==";
-      };
-    };
-    "path-is-absolute-1.0.1" = {
-      name = "path-is-absolute";
-      packageName = "path-is-absolute";
-      version = "1.0.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz";
-        sha512 = "AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==";
-      };
-    };
-    "path-key-3.1.1" = {
-      name = "path-key";
-      packageName = "path-key";
-      version = "3.1.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz";
-        sha512 = "ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==";
-      };
-    };
-    "path-parse-1.0.7" = {
-      name = "path-parse";
-      packageName = "path-parse";
-      version = "1.0.7";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz";
-        sha512 = "LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==";
-      };
-    };
-    "path-type-4.0.0" = {
-      name = "path-type";
-      packageName = "path-type";
-      version = "4.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz";
-        sha512 = "gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==";
-      };
-    };
-    "picocolors-1.0.0" = {
-      name = "picocolors";
-      packageName = "picocolors";
-      version = "1.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz";
-        sha512 = "1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==";
-      };
-    };
-    "picomatch-2.3.1" = {
-      name = "picomatch";
-      packageName = "picomatch";
-      version = "2.3.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz";
-        sha512 = "JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==";
-      };
-    };
-    "pify-4.0.1" = {
-      name = "pify";
-      packageName = "pify";
-      version = "4.0.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz";
-        sha512 = "uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==";
-      };
-    };
-    "postcss-8.4.28" = {
-      name = "postcss";
-      packageName = "postcss";
-      version = "8.4.28";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/postcss/-/postcss-8.4.28.tgz";
-        sha512 = "Z7V5j0cq8oEKyejIKfpD8b4eBy9cwW2JWPk0+fB1HOAMsfHbnAXLLS+PfVWlzMSLQaWttKDt607I0XHmpE67Vw==";
-      };
-    };
-    "prelude-ls-1.2.1" = {
-      name = "prelude-ls";
-      packageName = "prelude-ls";
-      version = "1.2.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz";
-        sha512 = "vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==";
-      };
-    };
-    "prop-types-15.8.1" = {
-      name = "prop-types";
-      packageName = "prop-types";
-      version = "15.8.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz";
-        sha512 = "oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==";
-      };
-    };
-    "proxy-from-env-1.1.0" = {
-      name = "proxy-from-env";
-      packageName = "proxy-from-env";
-      version = "1.1.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz";
-        sha512 = "D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==";
-      };
-    };
-    "prr-1.0.1" = {
-      name = "prr";
-      packageName = "prr";
-      version = "1.0.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz";
-        sha512 = "yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==";
-      };
-    };
-    "punycode-2.3.0" = {
-      name = "punycode";
-      packageName = "punycode";
-      version = "2.3.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz";
-        sha512 = "rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==";
-      };
-    };
-    "queue-microtask-1.2.3" = {
-      name = "queue-microtask";
-      packageName = "queue-microtask";
-      version = "1.2.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz";
-        sha512 = "NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==";
-      };
-    };
-    "react-18.2.0" = {
-      name = "react";
-      packageName = "react";
-      version = "18.2.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/react/-/react-18.2.0.tgz";
-        sha512 = "/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==";
-      };
-    };
-    "react-dom-18.2.0" = {
-      name = "react-dom";
-      packageName = "react-dom";
-      version = "18.2.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz";
-        sha512 = "6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==";
-      };
-    };
-    "react-is-16.13.1" = {
-      name = "react-is";
-      packageName = "react-is";
-      version = "16.13.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz";
-        sha512 = "24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==";
-      };
-    };
-    "react-is-18.2.0" = {
-      name = "react-is";
-      packageName = "react-is";
-      version = "18.2.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz";
-        sha512 = "xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==";
-      };
-    };
-    "react-query-3.39.3" = {
-      name = "react-query";
-      packageName = "react-query";
-      version = "3.39.3";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/react-query/-/react-query-3.39.3.tgz";
-        sha512 = "nLfLz7GiohKTJDuT4us4X3h/8unOh+00MLb2yJoGTPjxKs2bc1iDhkNx2bd5MKklXnOD3NrVZ+J2UXujA5In4g==";
-      };
-    };
-    "react-refresh-0.14.0" = {
-      name = "react-refresh";
-      packageName = "react-refresh";
-      version = "0.14.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz";
-        sha512 = "wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==";
-      };
-    };
-    "react-router-6.15.0" = {
-      name = "react-router";
-      packageName = "react-router";
-      version = "6.15.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/react-router/-/react-router-6.15.0.tgz";
-        sha512 = "NIytlzvzLwJkCQj2HLefmeakxxWHWAP+02EGqWEZy+DgfHHKQMUoBBjUQLOtFInBMhWtb3hiUy6MfFgwLjXhqg==";
-      };
-    };
-    "react-router-dom-6.15.0" = {
-      name = "react-router-dom";
-      packageName = "react-router-dom";
-      version = "6.15.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.15.0.tgz";
-        sha512 = "aR42t0fs7brintwBGAv2+mGlCtgtFQeOzK0BM1/OiqEzRejOZtpMZepvgkscpMUnKb8YO84G7s3LsHnnDNonbQ==";
-      };
-    };
-    "react-transition-group-4.4.5" = {
-      name = "react-transition-group";
-      packageName = "react-transition-group";
-      version = "4.4.5";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz";
-        sha512 = "pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==";
-      };
-    };
-    "readdirp-3.6.0" = {
-      name = "readdirp";
-      packageName = "readdirp";
-      version = "3.6.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz";
-        sha512 = "hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==";
-      };
-    };
-    "regenerator-runtime-0.14.0" = {
-      name = "regenerator-runtime";
-      packageName = "regenerator-runtime";
-      version = "0.14.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz";
-        sha512 = "srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==";
-      };
-    };
-    "remove-accents-0.4.2" = {
-      name = "remove-accents";
-      packageName = "remove-accents";
-      version = "0.4.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/remove-accents/-/remove-accents-0.4.2.tgz";
-        sha512 = "7pXIJqJOq5tFgG1A2Zxti3Ht8jJF337m4sowbuHsW30ZnkQFnDzy9qBNhgzX8ZLW4+UBcXiiR7SwR6pokHsxiA==";
-      };
-    };
-    "resolve-1.22.4" = {
-      name = "resolve";
-      packageName = "resolve";
-      version = "1.22.4";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/resolve/-/resolve-1.22.4.tgz";
-        sha512 = "PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==";
-      };
-    };
-    "resolve-from-4.0.0" = {
-      name = "resolve-from";
-      packageName = "resolve-from";
-      version = "4.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz";
-        sha512 = "pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==";
-      };
-    };
-    "reusify-1.0.4" = {
-      name = "reusify";
-      packageName = "reusify";
-      version = "1.0.4";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz";
-        sha512 = "U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==";
-      };
-    };
-    "rimraf-3.0.2" = {
-      name = "rimraf";
-      packageName = "rimraf";
-      version = "3.0.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz";
-        sha512 = "JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==";
-      };
-    };
-    "rollup-3.28.1" = {
-      name = "rollup";
-      packageName = "rollup";
-      version = "3.28.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/rollup/-/rollup-3.28.1.tgz";
-        sha512 = "R9OMQmIHJm9znrU3m3cpE8uhN0fGdXiawME7aZIpQqvpS/85+Vt1Hq1/yVIcYfOmaQiHjvXkQAoJukvLpau6Yw==";
-      };
-    };
-    "run-parallel-1.2.0" = {
-      name = "run-parallel";
-      packageName = "run-parallel";
-      version = "1.2.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz";
-        sha512 = "5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==";
-      };
-    };
-    "safer-buffer-2.1.2" = {
-      name = "safer-buffer";
-      packageName = "safer-buffer";
-      version = "2.1.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz";
-        sha512 = "YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==";
-      };
-    };
-    "sass-1.66.1" = {
-      name = "sass";
-      packageName = "sass";
-      version = "1.66.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/sass/-/sass-1.66.1.tgz";
-        sha512 = "50c+zTsZOJVgFfTgwwEzkjA3/QACgdNsKueWPyAR0mRINIvLAStVQBbPg14iuqEQ74NPDbXzJARJ/O4SI1zftA==";
-      };
-    };
-    "sax-1.2.4" = {
-      name = "sax";
-      packageName = "sax";
-      version = "1.2.4";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz";
-        sha512 = "NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==";
-      };
-    };
-    "scheduler-0.23.0" = {
-      name = "scheduler";
-      packageName = "scheduler";
-      version = "0.23.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz";
-        sha512 = "CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==";
-      };
-    };
-    "semver-5.7.2" = {
-      name = "semver";
-      packageName = "semver";
-      version = "5.7.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz";
-        sha512 = "cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==";
-      };
-    };
-    "semver-6.3.1" = {
-      name = "semver";
-      packageName = "semver";
-      version = "6.3.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz";
-        sha512 = "BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==";
-      };
-    };
-    "semver-7.5.4" = {
-      name = "semver";
-      packageName = "semver";
-      version = "7.5.4";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz";
-        sha512 = "1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==";
-      };
-    };
-    "shebang-command-2.0.0" = {
-      name = "shebang-command";
-      packageName = "shebang-command";
-      version = "2.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz";
-        sha512 = "kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==";
-      };
-    };
-    "shebang-regex-3.0.0" = {
-      name = "shebang-regex";
-      packageName = "shebang-regex";
-      version = "3.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz";
-        sha512 = "7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==";
-      };
-    };
-    "slash-3.0.0" = {
-      name = "slash";
-      packageName = "slash";
-      version = "3.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz";
-        sha512 = "g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==";
-      };
-    };
-    "source-map-0.5.7" = {
-      name = "source-map";
-      packageName = "source-map";
-      version = "0.5.7";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz";
-        sha512 = "LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==";
-      };
-    };
-    "source-map-0.6.1" = {
-      name = "source-map";
-      packageName = "source-map";
-      version = "0.6.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz";
-        sha512 = "UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==";
-      };
-    };
-    "source-map-0.7.4" = {
-      name = "source-map";
-      packageName = "source-map";
-      version = "0.7.4";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz";
-        sha512 = "l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==";
-      };
-    };
-    "source-map-js-1.0.2" = {
-      name = "source-map-js";
-      packageName = "source-map-js";
-      version = "1.0.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz";
-        sha512 = "R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==";
-      };
-    };
-    "source-map-support-0.5.21" = {
-      name = "source-map-support";
-      packageName = "source-map-support";
-      version = "0.5.21";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz";
-        sha512 = "uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==";
-      };
-    };
-    "strip-ansi-6.0.1" = {
-      name = "strip-ansi";
-      packageName = "strip-ansi";
-      version = "6.0.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz";
-        sha512 = "Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==";
-      };
-    };
-    "strip-json-comments-3.1.1" = {
-      name = "strip-json-comments";
-      packageName = "strip-json-comments";
-      version = "3.1.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz";
-        sha512 = "6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==";
-      };
-    };
-    "stylis-4.2.0" = {
-      name = "stylis";
-      packageName = "stylis";
-      version = "4.2.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz";
-        sha512 = "Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==";
-      };
-    };
-    "stylus-0.59.0" = {
-      name = "stylus";
-      packageName = "stylus";
-      version = "0.59.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/stylus/-/stylus-0.59.0.tgz";
-        sha512 = "lQ9w/XIOH5ZHVNuNbWW8D822r+/wBSO/d6XvtyHLF7LW4KaCIDeVbvn5DF8fGCJAUCwVhVi/h6J0NUcnylUEjg==";
-      };
-    };
-    "sugarss-4.0.1" = {
-      name = "sugarss";
-      packageName = "sugarss";
-      version = "4.0.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/sugarss/-/sugarss-4.0.1.tgz";
-        sha512 = "WCjS5NfuVJjkQzK10s8WOBY+hhDxxNt/N6ZaGwxFZ+wN3/lKKFSaaKUNecULcTTvE4urLcKaZFQD8vO0mOZujw==";
-      };
-    };
-    "supports-color-5.5.0" = {
-      name = "supports-color";
-      packageName = "supports-color";
-      version = "5.5.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz";
-        sha512 = "QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==";
-      };
-    };
-    "supports-color-7.2.0" = {
-      name = "supports-color";
-      packageName = "supports-color";
-      version = "7.2.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz";
-        sha512 = "qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==";
-      };
-    };
-    "supports-preserve-symlinks-flag-1.0.0" = {
-      name = "supports-preserve-symlinks-flag";
-      packageName = "supports-preserve-symlinks-flag";
-      version = "1.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz";
-        sha512 = "ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==";
-      };
-    };
-    "terser-5.19.2" = {
-      name = "terser";
-      packageName = "terser";
-      version = "5.19.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/terser/-/terser-5.19.2.tgz";
-        sha512 = "qC5+dmecKJA4cpYxRa5aVkKehYsQKc+AHeKl0Oe62aYjBL8ZA33tTljktDHJSaxxMnbI5ZYw+o/S2DxxLu8OfA==";
-      };
-    };
-    "text-table-0.2.0" = {
-      name = "text-table";
-      packageName = "text-table";
-      version = "0.2.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz";
-        sha512 = "N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==";
-      };
-    };
-    "to-fast-properties-2.0.0" = {
-      name = "to-fast-properties";
-      packageName = "to-fast-properties";
-      version = "2.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz";
-        sha512 = "/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==";
-      };
-    };
-    "to-regex-range-5.0.1" = {
-      name = "to-regex-range";
-      packageName = "to-regex-range";
-      version = "5.0.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz";
-        sha512 = "65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==";
-      };
-    };
-    "tslib-1.14.1" = {
-      name = "tslib";
-      packageName = "tslib";
-      version = "1.14.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz";
-        sha512 = "Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==";
-      };
-    };
-    "tslib-2.6.2" = {
-      name = "tslib";
-      packageName = "tslib";
-      version = "2.6.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz";
-        sha512 = "AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==";
-      };
-    };
-    "tsutils-3.21.0" = {
-      name = "tsutils";
-      packageName = "tsutils";
-      version = "3.21.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz";
-        sha512 = "mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==";
-      };
-    };
-    "type-check-0.4.0" = {
-      name = "type-check";
-      packageName = "type-check";
-      version = "0.4.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz";
-        sha512 = "XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==";
-      };
-    };
-    "type-fest-0.20.2" = {
-      name = "type-fest";
-      packageName = "type-fest";
-      version = "0.20.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz";
-        sha512 = "Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==";
-      };
-    };
-    "typescript-5.2.2" = {
-      name = "typescript";
-      packageName = "typescript";
-      version = "5.2.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz";
-        sha512 = "mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==";
-      };
-    };
-    "unload-2.2.0" = {
-      name = "unload";
-      packageName = "unload";
-      version = "2.2.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/unload/-/unload-2.2.0.tgz";
-        sha512 = "B60uB5TNBLtN6/LsgAf3udH9saB5p7gqJwcFfbOEZ8BcBHnGwCf6G/TGiEqkRAxX7zAFIUtzdrXQSdL3Q/wqNA==";
-      };
-    };
-    "update-browserslist-db-1.0.11" = {
-      name = "update-browserslist-db";
-      packageName = "update-browserslist-db";
-      version = "1.0.11";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz";
-        sha512 = "dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==";
-      };
-    };
-    "uri-js-4.4.1" = {
-      name = "uri-js";
-      packageName = "uri-js";
-      version = "4.4.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz";
-        sha512 = "7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==";
-      };
-    };
-    "vite-4.4.9" = {
-      name = "vite";
-      packageName = "vite";
-      version = "4.4.9";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/vite/-/vite-4.4.9.tgz";
-        sha512 = "2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==";
-      };
-    };
-    "which-2.0.2" = {
-      name = "which";
-      packageName = "which";
-      version = "2.0.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/which/-/which-2.0.2.tgz";
-        sha512 = "BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==";
-      };
-    };
-    "wrappy-1.0.2" = {
-      name = "wrappy";
-      packageName = "wrappy";
-      version = "1.0.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz";
-        sha512 = "l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==";
-      };
-    };
-    "yallist-3.1.1" = {
-      name = "yallist";
-      packageName = "yallist";
-      version = "3.1.1";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz";
-        sha512 = "a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==";
-      };
-    };
-    "yallist-4.0.0" = {
-      name = "yallist";
-      packageName = "yallist";
-      version = "4.0.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz";
-        sha512 = "3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==";
-      };
-    };
-    "yaml-1.10.2" = {
-      name = "yaml";
-      packageName = "yaml";
-      version = "1.10.2";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz";
-        sha512 = "r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==";
-      };
-    };
-    "yocto-queue-0.1.0" = {
-      name = "yocto-queue";
-      packageName = "yocto-queue";
-      version = "0.1.0";
-      src = fetchurl {
-        url = "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz";
-        sha512 = "rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==";
-      };
-    };
-  };
-  args = {
-    name = "voltaire-voting-app";
-    packageName = "voltaire-voting-app";
-    version = "0.0.0";
-    src = ./.;
-    dependencies = [
-      sources."@aashutoshrathi/word-wrap-1.2.6"
-      sources."@adobe/css-tools-4.3.1"
-      sources."@ampproject/remapping-2.2.1"
-      sources."@babel/code-frame-7.22.10"
-      sources."@babel/compat-data-7.22.9"
-      (sources."@babel/core-7.22.11" // {
-        dependencies = [
-          sources."semver-6.3.1"
-        ];
-      })
-      sources."@babel/generator-7.22.10"
-      (sources."@babel/helper-compilation-targets-7.22.10" // {
-        dependencies = [
-          sources."lru-cache-5.1.1"
-          sources."semver-6.3.1"
-          sources."yallist-3.1.1"
-        ];
-      })
-      sources."@babel/helper-environment-visitor-7.22.5"
-      sources."@babel/helper-function-name-7.22.5"
-      sources."@babel/helper-hoist-variables-7.22.5"
-      sources."@babel/helper-module-imports-7.22.5"
-      sources."@babel/helper-module-transforms-7.22.9"
-      sources."@babel/helper-plugin-utils-7.22.5"
-      sources."@babel/helper-simple-access-7.22.5"
-      sources."@babel/helper-split-export-declaration-7.22.6"
-      sources."@babel/helper-string-parser-7.22.5"
-      sources."@babel/helper-validator-identifier-7.22.5"
-      sources."@babel/helper-validator-option-7.22.5"
-      sources."@babel/helpers-7.22.11"
-      sources."@babel/highlight-7.22.10"
-      sources."@babel/parser-7.22.11"
-      sources."@babel/plugin-transform-react-jsx-self-7.22.5"
-      sources."@babel/plugin-transform-react-jsx-source-7.22.5"
-      sources."@babel/runtime-7.22.11"
-      sources."@babel/template-7.22.5"
-      sources."@babel/traverse-7.22.11"
-      sources."@babel/types-7.22.11"
-      sources."@emotion/babel-plugin-11.11.0"
-      sources."@emotion/cache-11.11.0"
-      sources."@emotion/hash-0.9.1"
-      sources."@emotion/is-prop-valid-1.2.1"
-      sources."@emotion/memoize-0.8.1"
-      sources."@emotion/react-11.11.1"
-      sources."@emotion/serialize-1.1.2"
-      sources."@emotion/sheet-1.2.2"
-      sources."@emotion/styled-11.11.0"
-      sources."@emotion/unitless-0.8.1"
-      sources."@emotion/use-insertion-effect-with-fallbacks-1.0.1"
-      sources."@emotion/utils-1.2.1"
-      sources."@emotion/weak-memoize-0.3.1"
-      sources."@emurgo/cardano-serialization-lib-asmjs-11.5.0"
-      sources."@esbuild/android-arm-0.18.20"
-      sources."@esbuild/android-arm64-0.18.20"
-      sources."@esbuild/android-x64-0.18.20"
-      sources."@esbuild/darwin-arm64-0.18.20"
-      sources."@esbuild/darwin-x64-0.18.20"
-      sources."@esbuild/freebsd-arm64-0.18.20"
-      sources."@esbuild/freebsd-x64-0.18.20"
-      sources."@esbuild/linux-arm-0.18.20"
-      sources."@esbuild/linux-arm64-0.18.20"
-      sources."@esbuild/linux-ia32-0.18.20"
-      sources."@esbuild/linux-loong64-0.18.20"
-      sources."@esbuild/linux-mips64el-0.18.20"
-      sources."@esbuild/linux-ppc64-0.18.20"
-      sources."@esbuild/linux-riscv64-0.18.20"
-      sources."@esbuild/linux-s390x-0.18.20"
-      sources."@esbuild/linux-x64-0.18.20"
-      sources."@esbuild/netbsd-x64-0.18.20"
-      sources."@esbuild/openbsd-x64-0.18.20"
-      sources."@esbuild/sunos-x64-0.18.20"
-      sources."@esbuild/win32-arm64-0.18.20"
-      sources."@esbuild/win32-ia32-0.18.20"
-      sources."@esbuild/win32-x64-0.18.20"
-      sources."@eslint-community/eslint-utils-4.4.0"
-      sources."@eslint-community/regexpp-4.7.0"
-      (sources."@eslint/eslintrc-2.1.2" // {
-        dependencies = [
-          sources."globals-13.21.0"
-        ];
-      })
-      sources."@eslint/js-8.47.0"
-      sources."@floating-ui/core-1.4.1"
-      sources."@floating-ui/dom-1.5.1"
-      sources."@floating-ui/react-dom-2.0.1"
-      sources."@floating-ui/utils-0.1.1"
-      sources."@humanwhocodes/config-array-0.11.10"
-      sources."@humanwhocodes/module-importer-1.0.1"
-      sources."@humanwhocodes/object-schema-1.2.1"
-      sources."@jridgewell/gen-mapping-0.3.3"
-      sources."@jridgewell/resolve-uri-3.1.1"
-      sources."@jridgewell/set-array-1.1.2"
-      sources."@jridgewell/source-map-0.3.5"
-      sources."@jridgewell/sourcemap-codec-1.4.15"
-      sources."@jridgewell/trace-mapping-0.3.19"
-      (sources."@mui/base-5.0.0-beta.12" // {
-        dependencies = [
-          sources."react-is-18.2.0"
-        ];
-      })
-      sources."@mui/core-downloads-tracker-5.14.6"
-      sources."@mui/icons-material-5.14.6"
-      (sources."@mui/material-5.14.6" // {
-        dependencies = [
-          sources."react-is-18.2.0"
-        ];
-      })
-      sources."@mui/private-theming-5.14.6"
-      sources."@mui/styled-engine-5.14.6"
-      sources."@mui/system-5.14.6"
-      sources."@mui/types-7.2.4"
-      (sources."@mui/utils-5.14.6" // {
-        dependencies = [
-          sources."react-is-18.2.0"
-        ];
-      })
-      sources."@nodelib/fs.scandir-2.1.5"
-      sources."@nodelib/fs.stat-2.0.5"
-      sources."@nodelib/fs.walk-1.2.8"
-      sources."@popperjs/core-2.11.8"
-      sources."@remix-run/router-1.8.0"
-      sources."@types/json-schema-7.0.12"
-      sources."@types/node-20.5.6"
-      sources."@types/parse-json-4.0.0"
-      sources."@types/prop-types-15.7.5"
-      sources."@types/react-18.2.21"
-      sources."@types/react-dom-18.2.7"
-      sources."@types/react-is-18.2.1"
-      sources."@types/react-transition-group-4.4.6"
-      sources."@types/scheduler-0.16.3"
-      sources."@types/semver-7.5.0"
-      sources."@typescript-eslint/eslint-plugin-5.62.0"
-      sources."@typescript-eslint/parser-5.62.0"
-      sources."@typescript-eslint/scope-manager-5.62.0"
-      sources."@typescript-eslint/type-utils-5.62.0"
-      sources."@typescript-eslint/types-5.62.0"
-      sources."@typescript-eslint/typescript-estree-5.62.0"
-      sources."@typescript-eslint/utils-5.62.0"
-      sources."@typescript-eslint/visitor-keys-5.62.0"
-      sources."@vitejs/plugin-react-4.0.4"
-      sources."acorn-8.10.0"
-      sources."acorn-jsx-5.3.2"
-      sources."ajv-6.12.6"
-      sources."ansi-regex-5.0.1"
-      sources."ansi-styles-3.2.1"
-      sources."anymatch-3.1.3"
-      sources."argparse-2.0.1"
-      sources."array-union-2.1.0"
-      sources."asynckit-0.4.0"
-      sources."axios-1.4.0"
-      sources."babel-plugin-macros-3.1.0"
-      sources."balanced-match-1.0.2"
-      sources."base64-js-1.5.1"
-      sources."bech32-2.0.0"
-      sources."big-integer-1.6.51"
-      sources."binary-extensions-2.2.0"
-      sources."blakejs-1.2.1"
-      sources."brace-expansion-1.1.11"
-      sources."braces-3.0.2"
-      sources."broadcast-channel-3.7.0"
-      sources."browserslist-4.21.10"
-      sources."buffer-6.0.3"
-      sources."buffer-from-1.1.2"
-      sources."callsites-3.1.0"
-      sources."caniuse-lite-1.0.30001523"
-      (sources."chalk-2.4.2" // {
-        dependencies = [
-          sources."escape-string-regexp-1.0.5"
-        ];
-      })
-      sources."chokidar-3.5.3"
-      sources."clsx-2.0.0"
-      sources."color-convert-1.9.3"
-      sources."color-name-1.1.3"
-      sources."combined-stream-1.0.8"
-      sources."commander-2.20.3"
-      sources."concat-map-0.0.1"
-      sources."convert-source-map-1.9.0"
-      sources."copy-anything-2.0.6"
-      sources."cosmiconfig-7.1.0"
-      sources."cross-spawn-7.0.3"
-      sources."csstype-3.1.2"
-      sources."date-fns-2.30.0"
-      sources."debug-4.3.4"
-      sources."deep-is-0.1.4"
-      sources."delayed-stream-1.0.0"
-      sources."detect-libc-1.0.3"
-      sources."detect-node-2.1.0"
-      sources."dir-glob-3.0.1"
-      sources."doctrine-3.0.0"
-      sources."dom-helpers-5.2.1"
-      sources."electron-to-chromium-1.4.502"
-      sources."errno-0.1.8"
-      sources."error-ex-1.3.2"
-      sources."esbuild-0.18.20"
-      sources."escalade-3.1.1"
-      sources."escape-string-regexp-4.0.0"
-      (sources."eslint-8.47.0" // {
-        dependencies = [
-          sources."ansi-styles-4.3.0"
-          sources."chalk-4.1.2"
-          sources."color-convert-2.0.1"
-          sources."color-name-1.1.4"
-          sources."eslint-scope-7.2.2"
-          sources."estraverse-5.3.0"
-          sources."glob-parent-6.0.2"
-          sources."globals-13.21.0"
-          sources."has-flag-4.0.0"
-          sources."supports-color-7.2.0"
-        ];
-      })
-      sources."eslint-plugin-react-hooks-4.6.0"
-      sources."eslint-plugin-react-refresh-0.3.5"
-      sources."eslint-scope-5.1.1"
-      sources."eslint-visitor-keys-3.4.3"
-      sources."espree-9.6.1"
-      (sources."esquery-1.5.0" // {
-        dependencies = [
-          sources."estraverse-5.3.0"
-        ];
-      })
-      (sources."esrecurse-4.3.0" // {
-        dependencies = [
-          sources."estraverse-5.3.0"
-        ];
-      })
-      sources."estraverse-4.3.0"
-      sources."esutils-2.0.3"
-      sources."fast-deep-equal-3.1.3"
-      sources."fast-glob-3.3.1"
-      sources."fast-json-stable-stringify-2.1.0"
-      sources."fast-levenshtein-2.0.6"
-      sources."fastq-1.15.0"
-      sources."file-entry-cache-6.0.1"
-      sources."fill-range-7.0.1"
-      sources."find-root-1.1.0"
-      sources."find-up-5.0.0"
-      sources."flat-cache-3.0.4"
-      sources."flatted-3.2.7"
-      sources."follow-redirects-1.15.2"
-      sources."form-data-4.0.0"
-      sources."fs.realpath-1.0.0"
-      sources."fsevents-2.3.3"
-      sources."function-bind-1.1.1"
-      sources."gensync-1.0.0-beta.2"
-      sources."glob-7.2.3"
-      sources."glob-parent-5.1.2"
-      sources."globals-11.12.0"
-      sources."globby-11.1.0"
-      sources."graceful-fs-4.2.11"
-      sources."graphemer-1.4.0"
-      sources."has-1.0.3"
-      sources."has-flag-3.0.0"
-      sources."hoist-non-react-statics-3.3.2"
-      sources."iconv-lite-0.6.3"
-      sources."ieee754-1.2.1"
-      sources."ignore-5.2.4"
-      sources."image-size-0.5.5"
-      sources."immutable-4.3.3"
-      sources."import-fresh-3.3.0"
-      sources."imurmurhash-0.1.4"
-      sources."inflight-1.0.6"
-      sources."inherits-2.0.4"
-      sources."is-arrayish-0.2.1"
-      sources."is-binary-path-2.1.0"
-      sources."is-core-module-2.13.0"
-      sources."is-extglob-2.1.1"
-      sources."is-glob-4.0.3"
-      sources."is-number-7.0.0"
-      sources."is-path-inside-3.0.3"
-      sources."is-what-3.14.1"
-      sources."isexe-2.0.0"
-      sources."js-sha3-0.8.0"
-      sources."js-tokens-4.0.0"
-      sources."js-yaml-4.1.0"
-      sources."jsesc-2.5.2"
-      sources."json-parse-even-better-errors-2.3.1"
-      sources."json-schema-traverse-0.4.1"
-      sources."json-stable-stringify-without-jsonify-1.0.1"
-      sources."json5-2.2.3"
-      sources."keen-slider-6.8.6"
-      (sources."less-4.2.0" // {
-        dependencies = [
-          sources."source-map-0.6.1"
-          sources."tslib-2.6.2"
-        ];
-      })
-      sources."levn-0.4.1"
-      sources."lightningcss-1.21.7"
-      sources."lightningcss-darwin-arm64-1.21.7"
-      sources."lightningcss-darwin-x64-1.21.7"
-      sources."lightningcss-freebsd-x64-1.21.7"
-      sources."lightningcss-linux-arm-gnueabihf-1.21.7"
-      sources."lightningcss-linux-arm64-gnu-1.21.7"
-      sources."lightningcss-linux-arm64-musl-1.21.7"
-      sources."lightningcss-linux-x64-gnu-1.21.7"
-      sources."lightningcss-linux-x64-musl-1.21.7"
-      sources."lightningcss-win32-x64-msvc-1.21.7"
-      sources."lines-and-columns-1.2.4"
-      sources."locate-path-6.0.0"
-      sources."lodash.merge-4.6.2"
-      sources."loose-envify-1.4.0"
-      sources."lru-cache-6.0.0"
-      (sources."make-dir-2.1.0" // {
-        dependencies = [
-          sources."semver-5.7.2"
-        ];
-      })
-      sources."match-sorter-6.3.1"
-      sources."merge2-1.4.1"
-      sources."micromatch-4.0.5"
-      sources."microseconds-0.2.0"
-      sources."mime-1.6.0"
-      sources."mime-db-1.52.0"
-      sources."mime-types-2.1.35"
-      sources."minimatch-3.1.2"
-      sources."ms-2.1.2"
-      sources."nano-time-1.0.0"
-      sources."nanoid-3.3.6"
-      sources."natural-compare-1.4.0"
-      sources."natural-compare-lite-1.4.0"
-      (sources."needle-3.2.0" // {
-        dependencies = [
-          sources."debug-3.2.7"
-        ];
-      })
-      sources."node-releases-2.0.13"
-      sources."normalize-path-3.0.0"
-      sources."object-assign-4.1.1"
-      sources."oblivious-set-1.0.0"
-      sources."once-1.4.0"
-      sources."optionator-0.9.3"
-      sources."p-limit-3.1.0"
-      sources."p-locate-5.0.0"
-      sources."parent-module-1.0.1"
-      sources."parse-json-5.2.0"
-      sources."parse-node-version-1.0.1"
-      sources."path-exists-4.0.0"
-      sources."path-is-absolute-1.0.1"
-      sources."path-key-3.1.1"
-      sources."path-parse-1.0.7"
-      sources."path-type-4.0.0"
-      sources."picocolors-1.0.0"
-      sources."picomatch-2.3.1"
-      sources."pify-4.0.1"
-      sources."postcss-8.4.28"
-      sources."prelude-ls-1.2.1"
-      sources."prop-types-15.8.1"
-      sources."proxy-from-env-1.1.0"
-      sources."prr-1.0.1"
-      sources."punycode-2.3.0"
-      sources."queue-microtask-1.2.3"
-      sources."react-18.2.0"
-      sources."react-dom-18.2.0"
-      sources."react-is-16.13.1"
-      sources."react-query-3.39.3"
-      sources."react-refresh-0.14.0"
-      sources."react-router-6.15.0"
-      sources."react-router-dom-6.15.0"
-      sources."react-transition-group-4.4.5"
-      sources."readdirp-3.6.0"
-      sources."regenerator-runtime-0.14.0"
-      sources."remove-accents-0.4.2"
-      sources."resolve-1.22.4"
-      sources."resolve-from-4.0.0"
-      sources."reusify-1.0.4"
-      sources."rimraf-3.0.2"
-      sources."rollup-3.28.1"
-      sources."run-parallel-1.2.0"
-      sources."safer-buffer-2.1.2"
-      sources."sass-1.66.1"
-      sources."sax-1.2.4"
-      sources."scheduler-0.23.0"
-      sources."semver-7.5.4"
-      sources."shebang-command-2.0.0"
-      sources."shebang-regex-3.0.0"
-      sources."slash-3.0.0"
-      sources."source-map-0.5.7"
-      sources."source-map-js-1.0.2"
-      (sources."source-map-support-0.5.21" // {
-        dependencies = [
-          sources."source-map-0.6.1"
-        ];
-      })
-      sources."strip-ansi-6.0.1"
-      sources."strip-json-comments-3.1.1"
-      sources."stylis-4.2.0"
-      (sources."stylus-0.59.0" // {
-        dependencies = [
-          sources."source-map-0.7.4"
-        ];
-      })
-      sources."sugarss-4.0.1"
-      sources."supports-color-5.5.0"
-      sources."supports-preserve-symlinks-flag-1.0.0"
-      sources."terser-5.19.2"
-      sources."text-table-0.2.0"
-      sources."to-fast-properties-2.0.0"
-      sources."to-regex-range-5.0.1"
-      sources."tslib-1.14.1"
-      sources."tsutils-3.21.0"
-      sources."type-check-0.4.0"
-      sources."type-fest-0.20.2"
-      sources."typescript-5.2.2"
-      sources."unload-2.2.0"
-      sources."update-browserslist-db-1.0.11"
-      sources."uri-js-4.4.1"
-      sources."vite-4.4.9"
-      sources."which-2.0.2"
-      sources."wrappy-1.0.2"
-      sources."yallist-4.0.0"
-      sources."yaml-1.10.2"
-      sources."yocto-queue-0.1.0"
-    ];
-    buildInputs = globalBuildInputs;
-    meta = {
-    };
-    production = false;
-    bypassCache = true;
-    reconstructLock = true;
-  };
-in
-{
-  args = args;
-  sources = sources;
-  tarball = nodeEnv.buildNodeSourceDist args;
-  package = nodeEnv.buildNodePackage args;
-  shell = nodeEnv.buildNodeShell args;
-  nodeDependencies = nodeEnv.buildNodeDependencies (lib.overrideExisting args {
-    src = stdenv.mkDerivation {
-      name = args.name + "-package-json";
-      src = nix-gitignore.gitignoreSourcePure [
-        "*"
-        "!package.json"
-        "!package-lock.json"
-      ] args.src;
-      dontBuild = true;
-      installPhase = "mkdir -p $out; cp -r ./* $out;";
-    };
-  });
-}

From e914dfb7c457b41b36e4374a59f3d3f73c7f8687 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Thu, 7 Mar 2024 11:22:13 +0100
Subject: [PATCH 048/109] [#188] Introduce yarn2nix based package definition
 for frontend

This commit introduces a new yarn2nix based package definition for the
frontend application. By adding this Nix expression, developers can
easily incorporate the project into their nix-shell based environment.

Changes:
- Added a new file `govtool/frontend/default.nix` that defines the
  yarn2nix based package configuration for the frontend application
  "govtool-frontend". This file includes settings for the project name,
  source directory, package.json file, and yarn.lock file wrapped in the
  `mkYarnPackage` function, enabling developers to utilize the project
  seamlessly in their nix-shell based environments.
---
 govtool/frontend/default.nix | 10 ++++++++++
 1 file changed, 10 insertions(+)
 create mode 100644 govtool/frontend/default.nix

diff --git a/govtool/frontend/default.nix b/govtool/frontend/default.nix
new file mode 100644
index 000000000..e96a00e56
--- /dev/null
+++ b/govtool/frontend/default.nix
@@ -0,0 +1,10 @@
+{ pkgs ? import <nixpkgs> {} }:
+let
+  project = pkgs.mkYarnPackage {
+    name = "govtool-frontend";
+    src = ./.;
+    packageJSON = ./package.json;
+    yarnLock = ./yarn.lock;
+  };
+in
+project

From 172aab4d4f0cb118997b0d095b8d70bc5b51cf93 Mon Sep 17 00:00:00 2001
From: jankun4 <michaljankun@gmail.com>
Date: Thu, 29 Feb 2024 18:55:44 +0100
Subject: [PATCH 049/109] [#317] do not list sole voters in drep/list endpoint

Signed-off-by: jankun4 <michaljankun@gmail.com>
---
 CHANGELOG.md                       | 1 +
 govtool/backend/sql/list-dreps.sql | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f2ac952b3..e3d5d4601 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -35,6 +35,7 @@ changes.
 
 ### Changed
 - `drep/list` and `drep/info` endpoints now return additional data such as metadata url and hash, and voting power [Issue 223](https://github.com/IntersectMBO/govtool/issues/223)
+- `drep/info` now does not return sole voters (dreps without metadata) [Issue 317](https://github.com/IntersectMBO/govtool/issues/317)
 - `isRegistered` and `wasRegistered` fields in the drep/info endpoint changed to `isRegisteredAsDRep` and `wasRegisteredAsDRep` respectively [Issue 212](https://github.com/IntersectMBO/govtool/issues/212)
 - Update Cardano-Serialization-Lib to 12.0.0-alpha.16 [Issue 156](https://github.com/IntersectMBO/govtool/issues/156)
 - Changed and improved working conventions docs, PR template and codeowners file, addressing [Issue 88](https://github.com/IntersectMBO/govtool/issues/88).
diff --git a/govtool/backend/sql/list-dreps.sql b/govtool/backend/sql/list-dreps.sql
index e9cc14221..a0a0979ac 100644
--- a/govtool/backend/sql/list-dreps.sql
+++ b/govtool/backend/sql/list-dreps.sql
@@ -27,6 +27,7 @@ LEFT JOIN (
   FROM drep_registration dr
 ) as dr_voting_anchor
 on dr_voting_anchor.drep_hash_id = dh.id and dr_voting_anchor.rn = 1
-left JOIN voting_anchor va ON va.id = dr_voting_anchor.voting_anchor_id
 LEFT JOIN DRepDistr
 on DRepDistr.hash_id = dh.id and DRepDistr.rn = 1
+JOIN voting_anchor va ON va.id = dr_voting_anchor.voting_anchor_id
+

From 8435f5d73d7e1f1307a06b80befd168f526fbc1a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Mon, 4 Mar 2024 15:43:24 +0100
Subject: [PATCH 050/109] [#385] Refactor Makefile structure for enhanced
 modularity and deployment efficiency

This commit reorganizes the build and deployment scripts by introducing
separate Makefiles for the backend and frontend components, along with
common utilities and informational targets. The new structure aims to
improve modularity, maintainability, and clarity of the deployment
process. Component-specific Makefiles handle Docker image construction
and deployment more effectively, while shared utilities and variables
are centralized for ease of use. Additionally, the update simplifies
Docker tag generation by incorporating it directly into the Makefiles,
eliminating the need for separate versioning scripts. The README has
been updated to guide users through the new deployment process.
---
 govtool/backend/Makefile                   |  31 ++++
 govtool/frontend/Makefile                  |  33 ++++
 scripts/govtool/Makefile                   | 179 ++-------------------
 scripts/govtool/README.md                  |  86 +++++++---
 scripts/govtool/common.mk                  |  47 ++++++
 scripts/govtool/info.mk                    |  34 ++++
 scripts/govtool/utils.mk                   |  23 +++
 scripts/govtool/utils/backend-base-version |   9 --
 scripts/govtool/utils/backend-version      |   8 -
 scripts/govtool/utils/frontend-version     |   4 -
 10 files changed, 250 insertions(+), 204 deletions(-)
 create mode 100644 govtool/backend/Makefile
 create mode 100644 govtool/frontend/Makefile
 create mode 100644 scripts/govtool/common.mk
 create mode 100644 scripts/govtool/info.mk
 create mode 100644 scripts/govtool/utils.mk
 delete mode 100755 scripts/govtool/utils/backend-base-version
 delete mode 100755 scripts/govtool/utils/backend-version
 delete mode 100755 scripts/govtool/utils/frontend-version

diff --git a/govtool/backend/Makefile b/govtool/backend/Makefile
new file mode 100644
index 000000000..1919d4847
--- /dev/null
+++ b/govtool/backend/Makefile
@@ -0,0 +1,31 @@
+common_mk := ../../scripts/govtool/common.mk
+ifeq ($(origin $(common_mk)), undefined)
+  $(eval $(common_mk) := included)
+  include $(common_mk)
+endif
+
+.DEFAULT_GOAL := push-backend
+
+# image tags
+base_backend_image_tag := $(shell git hash-object $(root_dir)/govtool/backend/vva-be.cabal)
+backend_image_tag := $(shell git log -n 1 --format="%H" -- $(root_dir)/govtool/backend)
+
+.PHONY: build-backend-base
+build-backend-base: docker-login
+	$(call check_image_on_ecr,backend-base,$(base_backend_image_tag)) || \
+	$(docker) build --file $(root_dir)/govtool/backend/Dockerfile.base --tag "$(repo_url)/backend-base:$(base_backend_image_tag)" $(root_dir)/govtool/backend
+
+.PHONY: push-backend-base
+push-backend-base: build-backend-base
+	$(call check_image_on_ecr,backend-base,$(base_backend_image_tag)) || \
+	$(docker) push $(repo_url)/backend-base:$(base_backend_image_tag)
+
+.PHONY: build-backend
+build-backend: build-backend-base
+	$(call check_image_on_ecr,backend,$(backend_image_tag)) || \
+	$(docker) build --build-arg BASE_IMAGE_TAG=$(base_backend_image_tag) --tag "$(repo_url)/backend:$(backend_image_tag)" $(root_dir)/govtool/backend
+
+.PHONY: push-backend
+push-backend: push-backend-base build-backend
+	$(call check_image_on_ecr,backend,$(backend_image_tag)) || \
+	$(docker) push $(repo_url)/backend:$(backend_image_tag)
diff --git a/govtool/frontend/Makefile b/govtool/frontend/Makefile
new file mode 100644
index 000000000..4c5c964bd
--- /dev/null
+++ b/govtool/frontend/Makefile
@@ -0,0 +1,33 @@
+common_mk := ../../scripts/govtool/common.mk
+ifeq ($(origin $(common_mk)), undefined)
+  $(eval $(common_mk) := included)
+  include $(common_mk)
+endif
+
+.DEFAULT_GOAL := push-frontend
+
+# environment variables
+gtm_id := $(shell echo $${GTM_ID})
+sentry_dsn := $(shell echo $${SENTRY_DSN})
+
+# image tags
+frontend_image_tag := $(shell git log -n 1 --format="%H" -- $(root_dir)/govtool/frontend)
+
+.PHONY: build-frontend
+build-frontend: docker-login
+	@:$(call check_defined, cardano_network)
+	@:$(call check_defined, gtm_id)
+	@:$(call check_defined, sentry_dsn)
+	if [[ "$(cardano_network)" = "mainnet" ]]; then NETWORK_FLAG=1; else NETWORK_FLAG=0; fi; \
+	$(call check_image_on_ecr,frontend,$(frontend_image_tag)) || \
+	$(docker) build --tag "$(repo_url)/frontend:$(frontend_image_tag)" \
+		--build-arg VITE_BASE_URL="https://$(domain)/api" \
+		--build-arg VITE_GTM_ID="$(gtm_id)" \
+		--build-arg VITE_NETWORK_FLAG="$$NETWORK_FLAG" \
+		--build-arg VITE_SENTRY_DSN="$(sentry_dsn)" \
+		$(root_dir)/govtool/frontend
+
+.PHONY: push-frontend
+push-frontend: build-frontend
+	$(call check_image_on_ecr,frontend,$(frontend_image_tag)) || \
+	$(docker) push $(repo_url)/frontend:$(frontend_image_tag)
diff --git a/scripts/govtool/Makefile b/scripts/govtool/Makefile
index 9cf35b773..619d73d6b 100644
--- a/scripts/govtool/Makefile
+++ b/scripts/govtool/Makefile
@@ -1,77 +1,34 @@
-SHELL := bash
-ONESHELL:
-.SHELLFLAGS := -eu -o pipefail -c
+include ../../govtool/backend/Makefile
+include ../../govtool/frontend/Makefile
+include utils.mk
+include info.mk
+
+.DEFAULT_GOAL := info
 
 # tools
-docker ?= docker
 curl ?= curl
+rsync ?= rsync
+ssh-keyscan ?= ssh-keyscan
 
 # environment variables
-env := $(shell echo $${ENVIRONMENT})
-cardano_network := $(shell echo $${CARDANO_NETWORK})
 grafana_admin_password := $(shell echo $${GRAFANA_ADMIN_PASSWORD})
 grafana_slack_recipient := $(shell echo $${GRAFANA_SLACK_RECIPIENT})
 grafana_slack_oauth_token := $(shell echo $${GRAFANA_SLACK_OAUTH_TOKEN})
-gtm_id := $(shell echo $${GTM_ID})
-sentry_dsn := $(shell echo $${SENTRY_DSN})
-
-# git state
-commit := $(shell git rev-parse HEAD)
-branch := $(shell git rev-parse --abbrev-ref HEAD)
 
 # target addresses
-domain := $(shell echo $${DOMAIN:-$(env)-$(cardano_network).govtool.byron.network})
-repo_url ?= 733019650473.dkr.ecr.eu-west-1.amazonaws.com
 docker_host := $(domain)
 docker_user := ubuntu
 ssh_url := $(docker_user)@$(docker_host)
 
 # stack configuration
 docker_compose_file := docker-compose.$(env).yml
-compose_stack_name := govtool-$(env)-$(cardano_network)
-
-# pipeline information
-pipeline_url := $(shell echo $${PIPELINE_URL:-})
-ifeq ($(PIPELINE_URL),)
-  pipeline_info := _Deployed from local machine._
-else
-  pipeline_info := _Deployed from <$(pipeline_url)|GitHub>._
-endif
 
 # image tags
 cardano_node_image_tag := 8.8.0-pre
 cardano_db_sync_image_tag := sancho-4-0-0-fix-config
-base_backend_image_tag := $(shell ./utils/backend-base-version)
-backend_image_tag := $(shell ./utils/backend-version)
-frontend_image_tag := $(shell ./utils/frontend-version)
-
-# helper function for checking undefined variables
-check_defined = \
-    $(strip $(foreach 1,$1, \
-        $(call __check_defined,$1,$(strip $(value 2)))))
-__check_defined = \
-    $(if $(value $1),, \
-      $(error Undefined $1$(if $2, ($2))))
-
-# helper function for checking if image exists on ECR
-check_image_on_ecr = \
-	$(docker) manifest inspect "$(repo_url)/$1:$2" > /dev/null 2>&1
 
 .PHONY: all
-all: docker-login prepare-config upload-config build-backend push-backend build-frontend push-frontend deploy-stack info notify
-
-.PHONY: check-env-defined
-check-env-defined:
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	@grep -q "module \"$(compose_stack_name)\"" ../../infra/terraform/main.tf && \
-	echo "Environment $(env) for network $(cardano_network) is defined in Terraform" || \
-	{ echo "Environment $(env) for network $(cardano_network) is NOT defined in Terraform, cannot deploy there"; exit 1; }
-
-.PHONY: docker-login
-docker-login:
-	aws ecr get-login-password --region eu-west-1 | $(docker) login --username AWS --password-stdin $(repo_url)/backend
-	aws ecr get-login-password --region eu-west-1 | $(docker) login --username AWS --password-stdin $(repo_url)/frontend
+all: deploy-stack info #notify
 
 .PHONY: prepare-config
 prepare-config:
@@ -84,64 +41,13 @@ prepare-config:
 	./prepare-config.sh
 
 .PHONY: upload-config
-upload-config: prepare-config
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	rsync -av -e 'ssh -o StrictHostKeyChecking=no' config/target/. $(ssh_url):config
-
-.PHONY: build-backend
-build-backend: docker-login build-backend-base
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	$(call check_image_on_ecr,backend,$(backend_image_tag)) || \
-	$(docker) build --build-arg BASE_IMAGE_TAG=$(base_backend_image_tag) --tag "$(repo_url)/backend:$(backend_image_tag)" ../../govtool/backend
-
-.PHONY: build-backend-base
-build-backend-base: docker-login
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	$(call check_image_on_ecr,backend-base,$(base_backend_image_tag)) || \
-	$(docker) build --file ../../govtool/backend/Dockerfile.base --tag "$(repo_url)/backend-base:$(base_backend_image_tag)" ../../govtool/backend
-	@echo "Using backend-base image: $(repo_url)/backend-base:$(base_backend_image_tag)"
-
-.PHONY: push-backend
-push-backend: docker-login push-backend-base build-backend
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	$(call check_image_on_ecr,backend,$(backend_image_tag)) || \
-	$(docker) push $(repo_url)/backend:$(backend_image_tag)
-
-.PHONY: push-backend-base
-push-backend-base: docker-login build-backend-base
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	$(call check_image_on_ecr,backend-base,$(base_backend_image_tag)) || \
-	$(docker) push $(repo_url)/backend-base:$(base_backend_image_tag)
-
-.PHONY: build-frontend
-build-frontend: docker-login
+upload-config: check-env-defined prepare-config
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
-	@:$(call check_defined, gtm_id)
-	@:$(call check_defined, sentry_dsn)
-	if [[ "$(cardano_network)" = "mainnet" ]]; then NETWORK_FLAG=1; else NETWORK_FLAG=0; fi; \
-	$(call check_image_on_ecr,frontend,$(frontend_image_tag)) || \
-	$(docker) build --tag "$(repo_url)/frontend:$(frontend_image_tag)" \
-		--build-arg VITE_BASE_URL="https://$(domain)/api" \
-		--build-arg VITE_GTM_ID="$(gtm_id)" \
-		--build-arg VITE_NETWORK_FLAG="$$NETWORK_FLAG" \
-		--build-arg VITE_SENTRY_DSN="$(sentry_dsn)" \
-		../../govtool/frontend
-
-.PHONY: push-frontend
-push-frontend: docker-login build-frontend
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	$(call check_image_on_ecr,frontend,$(frontend_image_tag)) || \
-	$(docker) push $(repo_url)/frontend:$(frontend_image_tag)
+	$(rsync) -av -e 'ssh -o StrictHostKeyChecking=no' config/target/. $(ssh_url):config
 
 .PHONY: deploy-stack
-deploy-stack: docker-login
+deploy-stack: upload-config push-backend push-frontend
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
 	@:$(call check_defined, grafana_admin_password)
@@ -153,12 +59,12 @@ deploy-stack: docker-login
 	export FRONTEND_TAG=$(frontend_image_tag); \
 	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \
 	export CARDANO_DB_SYNC_TAG=$(cardano_db_sync_image_tag); \
-	ssh-keyscan $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
+	$(ssh-keyscan) $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
 	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) pull; \
 	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) up -d
 
 .PHONY: destroy-cardano-node-and-dbsync
-destroy-cardano-node-and-dbsync:
+destroy-cardano-node-and-dbsync: check-env-defined
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
 	export CARDANO_NETWORK=$(cardano_network); \
@@ -168,7 +74,7 @@ destroy-cardano-node-and-dbsync:
 	export FRONTEND_TAG=$(frontend_image_tag); \
 	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \
 	export CARDANO_DB_SYNC_TAG=$(cardano_db_sync_image_tag); \
-	ssh-keyscan $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
+	$(ssh-keyscan) $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
 	containers="$$(docker container ls --no-trunc --format '{{.Names}}' -f name=cardano-node -f name=cardano-db-sync -f name=postgres)"; \
 	volumes="$$(docker volume ls --format '{{.Name}}' -f name=db-sync-data -f name=node-db -f name=node-ipc -f name=postgres)"; \
 	$(docker) container stop $${containers}; \
@@ -176,7 +82,7 @@ destroy-cardano-node-and-dbsync:
 	$(docker) volume rm $${volumes}
 
 .PHONY: toggle-maintenance
-toggle-maintenance:
+toggle-maintenance: check-env-defined
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
 	@:$(call check_defined, maintenance)
@@ -187,57 +93,6 @@ toggle-maintenance:
 	export FRONTEND_TAG=$(frontend_image_tag); \
 	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \
 	export CARDANO_DB_SYNC_TAG=$(cardano_db_sync_image_tag); \
-	ssh-keyscan $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
+	$(ssh-keyscan) $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
 	if [[ "$(maintenance)" = "enable" ]]; then $(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) exec frontend touch /var/run/maintenance_enabled; \
 	else $(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) exec frontend rm /var/run/maintenance_enabled; fi
-
-.DEFAULT_GOAL := info
-.PHONY: info
-info:
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	@echo "+-----------"
-	@echo "|  TIME      $(shell date +'%Y-%m-%d %H:%M:%S%z')"
-	@echo "|  BRANCH    $(branch) [$(commit)]"
-	@echo "|  ENV       $(env)"
-	@echo "I  NETWORK   $(cardano_network)"
-	@echo "N  BACKEND   $(repo_url)/backend:$(backend_image_tag)"
-	@echo "F  FRONTEND  $(repo_url)/frontend:$(frontend_image_tag)"
-	@echo "O  NODE      ghcr.io/intersectmbo/cardano-node:$(cardano_node_image_tag)"
-	@echo "|  DBSYNC    ghcr.io/intersectmbo/cardano-db-sync:$(cardano_db_sync_image_tag)"
-	@echo "|  SSH       $(ssh_url)"
-	@echo "|  URL       https://$(docker_host)"
-	@echo "+-----------"
-
-.PHONY: notify
-notify:
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	$(curl) -X POST https://slack.com/api/chat.postMessage\
-		-H "Authorization: Bearer $(grafana_slack_oauth_token)" \
-		-H "Content-Type: application/json; charset=utf-8" \
-		--data "{ \"channel\":\"$(grafana_slack_recipient)\", \"text\":\":rocket: *Deploy performed on \`$(env)\`*\n- from *branch* \`$(branch)\` (\`$(commit)\`),\n- using *Cardano Node* version \`$(cardano_node_image_tag)\`,\n- using *Cardano DB Sync* version \`$(cardano_db_sync_image_tag)\`,\n- using *GovTool backend* version \`$(backend_image_tag)\`,\n- using *Govtool frontend* version \`$(frontend_image_tag)\`.\n$(pipeline_info)\" }"
-
-.PHONY: ssh
-ssh:
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	export TERM=xterm-256color; \
-	ssh $(ssh_url)
-
-.PHONY: docker
-docker:
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	@:$(call check_defined, grafana_admin_password)
-	@:$(call check_defined, cmd)
-	export CARDANO_NETWORK=$(cardano_network); \
-	export DOCKER_HOST=ssh://$(ssh_url); \
-	export ENVIRONMENT=$(env); \
-	export GRAFANA_ADMIN_PASSWORD=$(grafana_admin_password); \
-	export BACKEND_TAG=$(backend_image_tag); \
-	export FRONTEND_TAG=$(frontend_image_tag); \
-	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \
-	export CARDANO_DB_SYNC_TAG=$(cardano_db_sync_image_tag); \
-	ssh-keyscan $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
-	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) $(cmd)
diff --git a/scripts/govtool/README.md b/scripts/govtool/README.md
index 6e3d2b070..56d2059b4 100644
--- a/scripts/govtool/README.md
+++ b/scripts/govtool/README.md
@@ -51,15 +51,16 @@ files. For an example configuration, refer to the `.env.example` file.
 
 ## Deployment process
 
-The deployment process is automated using a Makefile, which includes several
-targets to streamline the deployment steps:
+The deployment process is automated using a system of Makefiles, which include
+several targets to streamline the deployment steps:
 
-### `docker-login`
+### [Deployment `Makefile`](./Makefile)
 
-Ensures that the user is logged into the correct Docker account, providing
-access to necessary Docker resources.
+This is the main Makefile that provides full support for the deployment and
+maintenance of the stack. It includes backend and frontend modules and uses
+particular Makefiles for additional purposes.
 
-### `prepare-config`
+#### `prepare-config`
 
 Prepares the configuration files required for the application. This involves
 generating or fetching files, then placing them in the appropriate directory
@@ -72,36 +73,79 @@ structure. Key components include:
 - `prometheus.yml` and `grafana-provisioning` for monitoring setup.
 - `nginx` configuration for basic authentication where necessary.
 
-### `upload-config`
+#### `upload-config`
 
 Uploads the generated configuration to the target server.
 
-### `build-backend`
+#### `deploy-stack`
 
-Builds the backend image locally and a base image for the backend when changes
-are detected in the Cabal file.
+Updates the target server with the latest images and (re)launches the Docker
+Compose stack.
 
-### `push-backend`
+#### `destroy-cardano-node-and-dbsync`
 
-Pushes the backend and backend-base images to the Docker repository.
+Removes the Cardano Node and Cardano DB Sync services, purges their volumes, and
+removes PostgreSQL database files. This step ensures that the Cardano network's
+state has been fully removed so the blockchain will be synchronized from the
+beginning.
 
-### `build-frontend`
+#### `toggle-maintenance`
 
-Handles the construction of the frontend image.
+This step turns on the "maintenance page" that blocks users from usage of the
+application and provides an explanation of that in form of the simple page with
+error message.
 
-### `push-frontend`
+### Helpers, variables and targets in [`common.mk`](./common.mk) file
 
-Pushes the frontend image to the Docker repository.
+This Makefile defines some common variables and helpers, as well as highly
+reused targets, such as:
 
-### `deploy-stack`
+#### `check-env-defined`
 
-Updates the target server with the latest images and (re)launches the Docker
-Compose stack.
+Verifies the given environment value. When there is no definition for such
+environment in Terraform configuration it stops the execution.
+
+#### `docker-login`
+
+Ensures that the user is logged into the correct Docker account, providing
+access to necessary Docker resources.
+
+### Notifications in [`info.mk`](./info.mk) file
+
+This file is responsible for giving the proper notifications and feedback about
+the current execution:
 
-### `info`
+#### `info`
 
 Displays deployment parameters for review and verification.
 
-### `notify`
+#### `notify`
 
 Sends a notification to stakeholders about the deployment status via Slack.
+
+### Building backend images steps in [backend `Makefile`](../../govtool/backend/Makefile)
+
+This file is responsible for generating images for backend and for pushing them
+to the ECR repository.
+
+#### `build-backend`
+
+Builds the backend image locally and a base image for the backend when changes
+are detected in the Cabal file.
+
+#### `push-backend`
+
+Pushes the backend and backend-base images to the Docker repository.
+
+### Building frontend images steps in [frontend `Makefile`](../../govtool/frontend/Makefile)
+
+This file is responsible for generating images for frontend and for pushing them
+to the ECR repository.
+
+#### `build-frontend`
+
+Handles the construction of the frontend image.
+
+#### `push-frontend`
+
+Pushes the frontend image to the Docker repository.
diff --git a/scripts/govtool/common.mk b/scripts/govtool/common.mk
new file mode 100644
index 000000000..b80940a08
--- /dev/null
+++ b/scripts/govtool/common.mk
@@ -0,0 +1,47 @@
+SHELL := bash
+ONESHELL:
+.SHELLFLAGS := -eu -o pipefail -c
+
+# tools
+docker ?= docker
+
+# environment variables
+env := $(shell echo $${ENVIRONMENT})
+cardano_network := $(shell echo $${CARDANO_NETWORK})
+
+# git state
+commit := $(shell git rev-parse HEAD)
+branch := $(shell git rev-parse --abbrev-ref HEAD)
+root_dir := $(shell git rev-parse --show-toplevel)
+
+# target addresses
+domain := $(shell echo $${DOMAIN})
+repo_url ?= 733019650473.dkr.ecr.eu-west-1.amazonaws.com
+
+# stack configuration
+compose_stack_name := govtool-$(env)-$(cardano_network)
+
+# helper function for checking undefined variables
+check_defined = \
+    $(strip $(foreach 1,$1, \
+        $(call __check_defined,$1,$(strip $(value 2)))))
+__check_defined = \
+    $(if $(value $1),, \
+      $(error Undefined $1$(if $2, ($2))))
+
+# helper function for checking if image exists on ECR
+check_image_on_ecr = \
+	$(docker) manifest inspect "$(repo_url)/$1:$2" > /dev/null 2>&1
+
+.PHONY: check-env-defined
+check-env-defined:
+	@:$(call check_defined, cardano_network)
+	@:$(call check_defined, env)
+	@grep -q "module \"$(compose_stack_name)\"" ../../infra/terraform/main.tf && \
+	echo "Environment $(env) for network $(cardano_network) is defined in Terraform" || \
+	{ echo "Environment $(env) for network $(cardano_network) is NOT defined in Terraform, cannot deploy there"; exit 1; }
+
+.PHONY: docker-login
+docker-login:
+	aws ecr get-login-password --region eu-west-1 | $(docker) login --username AWS --password-stdin $(repo_url)/backend
+	aws ecr get-login-password --region eu-west-1 | $(docker) login --username AWS --password-stdin $(repo_url)/frontend
diff --git a/scripts/govtool/info.mk b/scripts/govtool/info.mk
new file mode 100644
index 000000000..da245e32f
--- /dev/null
+++ b/scripts/govtool/info.mk
@@ -0,0 +1,34 @@
+# pipeline information
+pipeline_url := $(shell echo $${PIPELINE_URL:-})
+ifeq ($(PIPELINE_URL),)
+  pipeline_info := _Deployed from local machine._
+else
+  pipeline_info := _Deployed from <$(pipeline_url)|GitHub>._
+endif
+
+.PHONY: info
+info:
+	@:$(call check_defined, cardano_network)
+	@:$(call check_defined, env)
+	@echo "+-----------"
+	@echo "|  TIME      $(shell date +'%Y-%m-%d %H:%M:%S%z')"
+	@echo "|  BRANCH    $(branch) [$(commit)]"
+	@echo "|  ENV       $(env)"
+	@echo "I  NETWORK   $(cardano_network)"
+	@echo "N  BACKEND   $(repo_url)/backend:$(backend_image_tag)"
+	@echo "F  FRONTEND  $(repo_url)/frontend:$(frontend_image_tag)"
+	@echo "O  NODE      ghcr.io/intersectmbo/cardano-node:$(cardano_node_image_tag)"
+	@echo "|  DBSYNC    ghcr.io/intersectmbo/cardano-db-sync:$(cardano_db_sync_image_tag)"
+	@echo "|  SSH       $(ssh_url)"
+	@echo "|  URL       https://$(docker_host)"
+	@echo "+-----------"
+
+.PHONY: notify
+notify:
+	@:$(call check_defined, cardano_network)
+	@:$(call check_defined, env)
+	$(curl) -X POST https://slack.com/api/chat.postMessage\
+		-H "Authorization: Bearer $(grafana_slack_oauth_token)" \
+		-H "Content-Type: application/json; charset=utf-8" \
+		--data "{ \"channel\":\"$${GRAFANA_SLACK_RECIPIENT}\", \"text\":\":rocket: *Deploy performed on \`$(env)\`*\n- from *branch* \`$(branch)\` (\`$(commit)\`),\n- using *Cardano Node* version \`$(cardano_node_image_tag)\`,\n- using *Cardano DB Sync* version \`$(cardano_db_sync_image_tag)\`,\n- using *GovTool backend* version \`$(backend_image_tag)\`,\n- using *Govtool frontend* version \`$(frontend_image_tag)\`.\n$(pipeline_info)\" }"
+
diff --git a/scripts/govtool/utils.mk b/scripts/govtool/utils.mk
new file mode 100644
index 000000000..37ccda6e6
--- /dev/null
+++ b/scripts/govtool/utils.mk
@@ -0,0 +1,23 @@
+.PHONY: ssh
+ssh:
+	@:$(call check_defined, cardano_network)
+	@:$(call check_defined, env)
+	export TERM=xterm-256color; \
+	ssh $(ssh_url)
+
+.PHONY: docker
+docker:
+	@:$(call check_defined, cardano_network)
+	@:$(call check_defined, env)
+	@:$(call check_defined, grafana_admin_password)
+	@:$(call check_defined, cmd)
+	export CARDANO_NETWORK=$(cardano_network); \
+	export DOCKER_HOST=ssh://$(ssh_url); \
+	export ENVIRONMENT=$(env); \
+	export GRAFANA_ADMIN_PASSWORD=$(grafana_admin_password); \
+	export BACKEND_TAG=$(backend_image_tag); \
+	export FRONTEND_TAG=$(frontend_image_tag); \
+	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \
+	export CARDANO_DB_SYNC_TAG=$(cardano_db_sync_image_tag); \
+	$(ssh-keyscan) $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
+	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) $(cmd)
diff --git a/scripts/govtool/utils/backend-base-version b/scripts/govtool/utils/backend-base-version
deleted file mode 100755
index 85ffe5389..000000000
--- a/scripts/govtool/utils/backend-base-version
+++ /dev/null
@@ -1,9 +0,0 @@
-#!/usr/bin/env bash
-# This script returns a version string for the base image used to build the
-# backend Docker image. The version string is the SHA1 hash of the vva-be.cabal
-# file in the backend directory. This is used to tag the base image with the
-# version of the backend code that it was built from. It means that any changes
-# made in cabal file should result in building a new base docker image for
-# backend.
-
-git hash-object $(git rev-parse --show-toplevel)/govtool/backend/vva-be.cabal
diff --git a/scripts/govtool/utils/backend-version b/scripts/govtool/utils/backend-version
deleted file mode 100755
index 2c96d3bf6..000000000
--- a/scripts/govtool/utils/backend-version
+++ /dev/null
@@ -1,8 +0,0 @@
-#!/usr/bin/env bash
-# This script returns a version string for the backend code. The version string
-# is the SHA1 hash of the most recent commit in the backend directory. This is
-# used to tag the backend Docker image with the version of the backend code that
-# it was built from. It means that any changes made in the backend code should
-# result in building a new backend docker image.
-
-git log -n 1 --format="%H" -- $(git rev-parse --show-toplevel)/govtool/backend
diff --git a/scripts/govtool/utils/frontend-version b/scripts/govtool/utils/frontend-version
deleted file mode 100755
index 6eed4e906..000000000
--- a/scripts/govtool/utils/frontend-version
+++ /dev/null
@@ -1,4 +0,0 @@
-#!/usr/bin/env bash
-# This script returns a version string for the base image used to build the frontend Docker image. The version string is the SHA1 hash of the most recent commit in the frontend directory. This is used to tag the image with the version of the frontend code that it was built from. It means that any changes made in the frontend code should result in building a new docker image for frontend.
-
-git log -n 1 --format="%H" -- $(git rev-parse --show-toplevel)/govtool/frontend

From 2ffb3e9bc532f9bbbe5a26fbfe63a632b5ff5b6b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 5 Mar 2024 07:42:55 +0100
Subject: [PATCH 051/109] [#385] Integrate prepare-config script functionality
 into Makefile system

This commit eliminates the prepare-config.sh script, incorporating its
configuration preparation logic into the Makefile workflow with a new
config.mk file. This adjustment enhances the consistency of the
deployment process, aligning it with the modular Makefile approach. It
simplifies the management of configurations by dynamically generating
necessary files from templates, thereby improving the security and
maintainability of configuration secrets. Adjustments to related
Makefiles files have been made to accommodate these changes,
streamlining the entire configuration and deployment pipeline.
---
 govtool/frontend/Makefile                     | 10 +--
 scripts/govtool/Makefile                      | 37 +-------
 scripts/govtool/common.mk                     |  6 ++
 scripts/govtool/config.mk                     | 82 ++++++++++++++++++
 .../config/secrets/backend-config.json        | 18 ----
 scripts/govtool/config/secrets/postgres_db    |  1 -
 .../govtool/config/secrets/postgres_password  |  1 -
 scripts/govtool/config/secrets/postgres_user  |  1 -
 .../backend-config.json.tpl                   |  0
 .../alerting/alerting.yml                     |  0
 .../dashboards/dashboard.yml                  |  0
 .../dashboards/govtool.json                   |  0
 .../dashboards/traefik_rev4.json              |  0
 .../datasources/datasource.yml                |  0
 .../govtool/config/templates/prometheus.yml   | 23 +++++
 scripts/govtool/info.mk                       |  2 +-
 scripts/govtool/prepare-config.sh             | 85 -------------------
 scripts/govtool/utils.mk                      |  5 +-
 18 files changed, 118 insertions(+), 153 deletions(-)
 create mode 100644 scripts/govtool/config.mk
 delete mode 100644 scripts/govtool/config/secrets/backend-config.json
 delete mode 100644 scripts/govtool/config/secrets/postgres_db
 delete mode 100644 scripts/govtool/config/secrets/postgres_password
 delete mode 100644 scripts/govtool/config/secrets/postgres_user
 rename scripts/govtool/config/{secrets => templates}/backend-config.json.tpl (100%)
 rename scripts/govtool/config/{ => templates}/grafana-provisioning/alerting/alerting.yml (100%)
 rename scripts/govtool/config/{ => templates}/grafana-provisioning/dashboards/dashboard.yml (100%)
 rename scripts/govtool/config/{ => templates}/grafana-provisioning/dashboards/govtool.json (100%)
 rename scripts/govtool/config/{ => templates}/grafana-provisioning/dashboards/traefik_rev4.json (100%)
 rename scripts/govtool/config/{ => templates}/grafana-provisioning/datasources/datasource.yml (100%)
 create mode 100644 scripts/govtool/config/templates/prometheus.yml
 delete mode 100755 scripts/govtool/prepare-config.sh

diff --git a/govtool/frontend/Makefile b/govtool/frontend/Makefile
index 4c5c964bd..2721792b7 100644
--- a/govtool/frontend/Makefile
+++ b/govtool/frontend/Makefile
@@ -6,25 +6,19 @@ endif
 
 .DEFAULT_GOAL := push-frontend
 
-# environment variables
-gtm_id := $(shell echo $${GTM_ID})
-sentry_dsn := $(shell echo $${SENTRY_DSN})
-
 # image tags
 frontend_image_tag := $(shell git log -n 1 --format="%H" -- $(root_dir)/govtool/frontend)
 
 .PHONY: build-frontend
 build-frontend: docker-login
 	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, gtm_id)
-	@:$(call check_defined, sentry_dsn)
 	if [[ "$(cardano_network)" = "mainnet" ]]; then NETWORK_FLAG=1; else NETWORK_FLAG=0; fi; \
 	$(call check_image_on_ecr,frontend,$(frontend_image_tag)) || \
 	$(docker) build --tag "$(repo_url)/frontend:$(frontend_image_tag)" \
 		--build-arg VITE_BASE_URL="https://$(domain)/api" \
-		--build-arg VITE_GTM_ID="$(gtm_id)" \
+		--build-arg VITE_GTM_ID="$${GTM_ID}" \
 		--build-arg VITE_NETWORK_FLAG="$$NETWORK_FLAG" \
-		--build-arg VITE_SENTRY_DSN="$(sentry_dsn)" \
+		--build-arg VITE_SENTRY_DSN="$${SENTRY_DSN}" \
 		$(root_dir)/govtool/frontend
 
 .PHONY: push-frontend
diff --git a/scripts/govtool/Makefile b/scripts/govtool/Makefile
index 619d73d6b..e20289a86 100644
--- a/scripts/govtool/Makefile
+++ b/scripts/govtool/Makefile
@@ -2,24 +2,10 @@ include ../../govtool/backend/Makefile
 include ../../govtool/frontend/Makefile
 include utils.mk
 include info.mk
+include config.mk
 
 .DEFAULT_GOAL := info
 
-# tools
-curl ?= curl
-rsync ?= rsync
-ssh-keyscan ?= ssh-keyscan
-
-# environment variables
-grafana_admin_password := $(shell echo $${GRAFANA_ADMIN_PASSWORD})
-grafana_slack_recipient := $(shell echo $${GRAFANA_SLACK_RECIPIENT})
-grafana_slack_oauth_token := $(shell echo $${GRAFANA_SLACK_OAUTH_TOKEN})
-
-# target addresses
-docker_host := $(domain)
-docker_user := ubuntu
-ssh_url := $(docker_user)@$(docker_host)
-
 # stack configuration
 docker_compose_file := docker-compose.$(env).yml
 
@@ -28,33 +14,16 @@ cardano_node_image_tag := 8.8.0-pre
 cardano_db_sync_image_tag := sancho-4-0-0-fix-config
 
 .PHONY: all
-all: deploy-stack info #notify
-
-.PHONY: prepare-config
-prepare-config:
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, grafana_slack_recipient)
-	@:$(call check_defined, grafana_slack_oauth_token)
-	export CARDANO_NETWORK=$(cardano_network); \
-	export GRAFANA_SLACK_RECIPIENT=$(grafana_slack_recipient); \
-	export GRAFANA_SLACK_OAUTH_TOKEN=$(grafana_slack_oauth_token); \
-	./prepare-config.sh
-
-.PHONY: upload-config
-upload-config: check-env-defined prepare-config
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
-	$(rsync) -av -e 'ssh -o StrictHostKeyChecking=no' config/target/. $(ssh_url):config
+all: deploy-stack info notify
 
 .PHONY: deploy-stack
 deploy-stack: upload-config push-backend push-frontend
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
-	@:$(call check_defined, grafana_admin_password)
 	export CARDANO_NETWORK=$(cardano_network); \
 	export DOCKER_HOST=ssh://$(ssh_url); \
 	export ENVIRONMENT=$(env); \
-	export GRAFANA_ADMIN_PASSWORD=$(grafana_admin_password); \
+	export GRAFANA_ADMIN_PASSWORD=$${GRAFANA_ADMIN_PASSWORD}; \
 	export BACKEND_TAG=$(backend_image_tag); \
 	export FRONTEND_TAG=$(frontend_image_tag); \
 	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \
diff --git a/scripts/govtool/common.mk b/scripts/govtool/common.mk
index b80940a08..79d71b77a 100644
--- a/scripts/govtool/common.mk
+++ b/scripts/govtool/common.mk
@@ -4,6 +4,9 @@ ONESHELL:
 
 # tools
 docker ?= docker
+curl ?= curl
+rsync ?= rsync
+ssh-keyscan ?= ssh-keyscan
 
 # environment variables
 env := $(shell echo $${ENVIRONMENT})
@@ -17,6 +20,9 @@ root_dir := $(shell git rev-parse --show-toplevel)
 # target addresses
 domain := $(shell echo $${DOMAIN})
 repo_url ?= 733019650473.dkr.ecr.eu-west-1.amazonaws.com
+docker_host := $(domain)
+docker_user := ubuntu
+ssh_url := $(docker_user)@$(docker_host)
 
 # stack configuration
 compose_stack_name := govtool-$(env)-$(cardano_network)
diff --git a/scripts/govtool/config.mk b/scripts/govtool/config.mk
new file mode 100644
index 000000000..45fb00880
--- /dev/null
+++ b/scripts/govtool/config.mk
@@ -0,0 +1,82 @@
+common_mk := ../../scripts/govtool/common.mk
+ifeq ($(origin $(common_mk)), undefined)
+  $(eval $(common_mk) := included)
+  include $(common_mk)
+endif
+
+# directory paths
+config_dir := $(root_dir)/scripts/govtool/config
+target_config_dir := $(config_dir)/target
+template_config_dir := $(config_dir)/templates
+cardano_node_config_dir := $(target_config_dir)/cardano-node
+dbsync_secrets_dir := $(target_config_dir)/dbsync-secrets
+grafana_provisioning_dir := $(target_config_dir)/grafana-provisioning
+nginx_config_dir := $(target_config_dir)/nginx
+
+# metadata
+cardano_config_provider := https://book.world.dev.cardano.org
+
+.PHONY: prepare-config
+prepare-config: clear enable-prometheus prepare-dbsync-secrets prepare-backend-config prepare-prometheus-config prepare-grafana-provisioning prepare-nginx-config
+
+.PHONY: clear
+clear:
+	rm -rf $(target_config_dir)
+
+.PHONY: fetch-cardano-node-config
+fetch-cardano-node-config:
+	@:$(call check_defined, cardano_network)
+	mkdir -p $(cardano_node_config_dir)
+	$(curl) -s "$(cardano_config_provider)/env-$(cardano_network).html" | \
+		grep -E -o '[a-z-]+\.json' | \
+		sort -u | \
+		xargs -I"{}" $(curl) -s "$(cardano_config_provider)/environments/$(cardano_network)/{}" -o "$(cardano_node_config_dir)/{}"
+
+.PHONY: enable-prometheus
+enable-prometheus: fetch-cardano-node-config
+	sed -i '/"hasPrometheus"/ { N; s/"127\.0\.0\.1"/"0.0.0.0"/ }' "$(cardano_node_config_dir)/config.json"
+
+.PHONY: prepare-dbsync-secrets
+prepare-dbsync-secrets:
+	mkdir -p $(dbsync_secrets_dir)
+	echo "$${DBSYNC_POSTGRES_USER}" > "$(dbsync_secrets_dir)/postgres_user"; \
+	echo "$${DBSYNC_POSTGRES_PASSWORD}" > "$(dbsync_secrets_dir)/postgres_password"; \
+	echo "$${DBSYNC_POSTGRES_DB}" > "$(dbsync_secrets_dir)/postgres_db"
+
+.PHONY: prepare-backend-config
+prepare-backend-config:
+	sed -e "s/DBSYNC_POSTGRES_DB/$${DBSYNC_POSTGRES_DB}/" \
+		-e "s/DBSYNC_POSTGRES_USER/$${DBSYNC_POSTGRES_USER}/" \
+		-e "s/DBSYNC_POSTGRES_PASSWORD/$${DBSYNC_POSTGRES_PASSWORD}/" \
+		-e "s|SENTRY_DSN|$${SENTRY_DSN_BACKEND}|" \
+		"$(config_dir)/templates/backend-config.json.tpl" \
+		> "$(target_config_dir)/backend-config.json"
+
+.PHONY: prepare-prometheus-config
+prepare-prometheus-config:
+	cp -a "$(template_config_dir)/prometheus.yml" "$(target_config_dir)/prometheus.yml"
+
+ PHONY: prepare-grafana-provisioning
+prepare-grafana-provisioning:
+	mkdir -p $(grafana_provisioning_dir)
+	cp -a $(template_config_dir)/grafana-provisioning/* $(grafana_provisioning_dir)
+	sed -e "s/GRAFANA_SLACK_RECIPIENT/$${GRAFANA_SLACK_RECIPIENT}/" \
+		-e "s|GRAFANA_SLACK_OAUTH_TOKEN|$${GRAFANA_SLACK_OAUTH_TOKEN}|" \
+		-i $(grafana_provisioning_dir)/alerting/alerting.yml
+
+.PHONY: prepare-nginx-config
+prepare-nginx-config:
+	@:$(call check_defined, domain)
+	mkdir -p $(nginx_config_dir)
+	touch "$(nginx_config_dir)/auth.conf"
+	touch "$(nginx_config_dir)/govtool.htpasswd"
+	if [[ "$(domain)" == *"sanchonet.govtool.byron.network"* ]]; then \
+	echo "$${NGINX_BASIC_AUTH}" > "$(nginx_config_dir)/govtool.htpasswd"; \
+	echo "auth_basic \"Restricted\";" > "$(nginx_config_dir)/auth.conf"; \
+	echo "auth_basic_user_file /etc/nginx/conf.d/govtool.htpasswd;" >> "$(nginx_config_dir)/auth.conf"; \
+	fi
+
+.PHONY: upload-config
+upload-config: check-env-defined prepare-config
+	@:$(call check_defined, ssh_url)
+	$(rsync) -av -e 'ssh -o StrictHostKeyChecking=no' config/target/. $(ssh_url):config
diff --git a/scripts/govtool/config/secrets/backend-config.json b/scripts/govtool/config/secrets/backend-config.json
deleted file mode 100644
index d60da33f1..000000000
--- a/scripts/govtool/config/secrets/backend-config.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-    "dbsyncconfig" : {
-        "host"     : "postgres",
-        "dbname"   : "cexplorer",
-        "user"     : "postgres",
-        "password" : "pSa8JCpQOACMUdGb",
-        "port"     : 5432
-      },
-    "fakedbsyncconfig" : {
-        "host"     : "postgres-fakedbsync",
-        "dbname"   : "govtool",
-        "user"     : "test",
-        "password" : "test",
-        "port"     : 5432
-    },
-    "port" : 9876,
-    "host" : "0.0.0.0"
-}
diff --git a/scripts/govtool/config/secrets/postgres_db b/scripts/govtool/config/secrets/postgres_db
deleted file mode 100644
index cdc4e3a7e..000000000
--- a/scripts/govtool/config/secrets/postgres_db
+++ /dev/null
@@ -1 +0,0 @@
-cexplorer
\ No newline at end of file
diff --git a/scripts/govtool/config/secrets/postgres_password b/scripts/govtool/config/secrets/postgres_password
deleted file mode 100644
index 1a27864b8..000000000
--- a/scripts/govtool/config/secrets/postgres_password
+++ /dev/null
@@ -1 +0,0 @@
-pSa8JCpQOACMUdGb
diff --git a/scripts/govtool/config/secrets/postgres_user b/scripts/govtool/config/secrets/postgres_user
deleted file mode 100644
index 7d72bd782..000000000
--- a/scripts/govtool/config/secrets/postgres_user
+++ /dev/null
@@ -1 +0,0 @@
-postgres
\ No newline at end of file
diff --git a/scripts/govtool/config/secrets/backend-config.json.tpl b/scripts/govtool/config/templates/backend-config.json.tpl
similarity index 100%
rename from scripts/govtool/config/secrets/backend-config.json.tpl
rename to scripts/govtool/config/templates/backend-config.json.tpl
diff --git a/scripts/govtool/config/grafana-provisioning/alerting/alerting.yml b/scripts/govtool/config/templates/grafana-provisioning/alerting/alerting.yml
similarity index 100%
rename from scripts/govtool/config/grafana-provisioning/alerting/alerting.yml
rename to scripts/govtool/config/templates/grafana-provisioning/alerting/alerting.yml
diff --git a/scripts/govtool/config/grafana-provisioning/dashboards/dashboard.yml b/scripts/govtool/config/templates/grafana-provisioning/dashboards/dashboard.yml
similarity index 100%
rename from scripts/govtool/config/grafana-provisioning/dashboards/dashboard.yml
rename to scripts/govtool/config/templates/grafana-provisioning/dashboards/dashboard.yml
diff --git a/scripts/govtool/config/grafana-provisioning/dashboards/govtool.json b/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json
similarity index 100%
rename from scripts/govtool/config/grafana-provisioning/dashboards/govtool.json
rename to scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json
diff --git a/scripts/govtool/config/grafana-provisioning/dashboards/traefik_rev4.json b/scripts/govtool/config/templates/grafana-provisioning/dashboards/traefik_rev4.json
similarity index 100%
rename from scripts/govtool/config/grafana-provisioning/dashboards/traefik_rev4.json
rename to scripts/govtool/config/templates/grafana-provisioning/dashboards/traefik_rev4.json
diff --git a/scripts/govtool/config/grafana-provisioning/datasources/datasource.yml b/scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml
similarity index 100%
rename from scripts/govtool/config/grafana-provisioning/datasources/datasource.yml
rename to scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml
diff --git a/scripts/govtool/config/templates/prometheus.yml b/scripts/govtool/config/templates/prometheus.yml
new file mode 100644
index 000000000..0d637f3f1
--- /dev/null
+++ b/scripts/govtool/config/templates/prometheus.yml
@@ -0,0 +1,23 @@
+global:
+  scrape_interval: 15s
+  evaluation_interval: 15s
+  external_labels:
+    monitor: 'govtool'
+scrape_configs:
+  - job_name: 'traefik'
+    scrape_interval: 5s
+    static_configs:
+      - targets: ['traefik:8082']
+  - job_name: 'cardano'
+    scrape_interval: 5s
+    static_configs:
+      - targets: ['cardano-node:12798']
+  - job_name: 'cardano_db_sync'
+    scrape_interval: 5s
+    metrics_path: /
+    static_configs:
+      - targets: ['cardano-db-sync:8080']
+  - job_name: 'host'
+    scrape_interval: 5s
+    static_configs:
+      - targets: ['host.docker.internal:9100']
diff --git a/scripts/govtool/info.mk b/scripts/govtool/info.mk
index da245e32f..741e457c4 100644
--- a/scripts/govtool/info.mk
+++ b/scripts/govtool/info.mk
@@ -28,7 +28,7 @@ notify:
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
 	$(curl) -X POST https://slack.com/api/chat.postMessage\
-		-H "Authorization: Bearer $(grafana_slack_oauth_token)" \
+		-H "Authorization: Bearer $${GRAFANA_SLACK_OAUTH_TOKEN}" \
 		-H "Content-Type: application/json; charset=utf-8" \
 		--data "{ \"channel\":\"$${GRAFANA_SLACK_RECIPIENT}\", \"text\":\":rocket: *Deploy performed on \`$(env)\`*\n- from *branch* \`$(branch)\` (\`$(commit)\`),\n- using *Cardano Node* version \`$(cardano_node_image_tag)\`,\n- using *Cardano DB Sync* version \`$(cardano_db_sync_image_tag)\`,\n- using *GovTool backend* version \`$(backend_image_tag)\`,\n- using *Govtool frontend* version \`$(frontend_image_tag)\`.\n$(pipeline_info)\" }"
 
diff --git a/scripts/govtool/prepare-config.sh b/scripts/govtool/prepare-config.sh
deleted file mode 100755
index 78ce75a9d..000000000
--- a/scripts/govtool/prepare-config.sh
+++ /dev/null
@@ -1,85 +0,0 @@
-#!/usr/bin/env bash
-
-set -eu pipefail
-
-repo_root_dir="$(git rev-parse --show-toplevel)"
-config_dir="$repo_root_dir/scripts/govtool/config"
-target_config_dir="$repo_root_dir/scripts/govtool/config/target"
-mkdir -p "$target_config_dir"
-
-# cardano node config
-cardano_node_config_dir="$target_config_dir/cardano-node"
-mkdir -p "$cardano_node_config_dir"
-for file in $(curl -s https://book.world.dev.cardano.org/env-"$CARDANO_NETWORK".html | grep -E -o '[a-z-]+\.json' | sort -u); do
-	curl -s "https://book.world.dev.cardano.org/environments/$CARDANO_NETWORK/$file" -o "$cardano_node_config_dir/$file"
-done
-# enable prometheus in node config
-sed -i '/"hasPrometheus"/ { N; s/"127\.0\.0\.1"/"0.0.0.0"/ }' "$cardano_node_config_dir/config.json"
-
-# dbsync secret files
-dbsync_secrets_dir="$target_config_dir/dbsync-secrets"
-mkdir -p "$dbsync_secrets_dir"
-echo "$DBSYNC_POSTGRES_USER" > "$dbsync_secrets_dir/postgres_user"
-echo "$DBSYNC_POSTGRES_PASSWORD" > "$dbsync_secrets_dir/postgres_password"
-echo "$DBSYNC_POSTGRES_DB" > "$dbsync_secrets_dir/postgres_db"
-
-# backend config file
-sed -e "s/DBSYNC_POSTGRES_DB/$DBSYNC_POSTGRES_DB/" \
-    -e "s/DBSYNC_POSTGRES_USER/$DBSYNC_POSTGRES_USER/" \
-    -e "s/DBSYNC_POSTGRES_PASSWORD/$DBSYNC_POSTGRES_PASSWORD/" \
-    -e "s|SENTRY_DSN|$SENTRY_DSN_BACKEND|" \
-    "$config_dir/secrets/backend-config.json.tpl" \
-    > "$target_config_dir/backend-config.json"
-
-# prometheus config file
-cat >"$target_config_dir/prometheus.yml" <<_EOF_
-global:
-  scrape_interval: 15s
-  evaluation_interval: 15s
-  external_labels:
-    monitor: 'govtool'
-scrape_configs:
-  - job_name: 'traefik'
-    scrape_interval: 5s
-    static_configs:
-      - targets: ['traefik:8082']
-  - job_name: 'cardano'
-    scrape_interval: 5s
-    static_configs:
-      - targets: ['cardano-node:12798']
-  - job_name: 'cardano_db_sync'
-    scrape_interval: 5s
-    metrics_path: /
-    static_configs:
-      - targets: ['cardano-db-sync:8080']
-  - job_name: 'host'
-    scrape_interval: 5s
-    static_configs:
-      - targets: ['host.docker.internal:9100']
-_EOF_
-
-# grafana provisioning dir
-grafana_provisioning_dir="$target_config_dir/grafana-provisioning"
-mkdir -p "$grafana_provisioning_dir"
-cp -a "$config_dir/grafana-provisioning/"* "$grafana_provisioning_dir"
-sed -e "s/GRAFANA_SLACK_RECIPIENT/$GRAFANA_SLACK_RECIPIENT/" \
-    -e "s|GRAFANA_SLACK_OAUTH_TOKEN|$GRAFANA_SLACK_OAUTH_TOKEN|" \
-    -i "$grafana_provisioning_dir/alerting/alerting.yml"
-
-# nginx config for frontend optional basic auth
-nginx_config_dir="$target_config_dir/nginx"
-rm -rf "$nginx_config_dir"
-mkdir -p "$nginx_config_dir"
-if [[ "$DOMAIN" == *"sanchonet.govtool.byron.network"* ]]; then
-  cat >"$nginx_config_dir/auth.conf" <<_EOF_
-auth_basic "Restricted";
-auth_basic_user_file /etc/nginx/conf.d/govtool.htpasswd;
-_EOF_
-  cat >"$nginx_config_dir/govtool.htpasswd" <<_EOF_
-$NGINX_BASIC_AUTH
-_EOF_
-else
-  # create empty files if no basic auth is needed
-  touch "$nginx_config_dir/auth.conf"
-  touch "$nginx_config_dir/govtool.htpasswd"
-fi
diff --git a/scripts/govtool/utils.mk b/scripts/govtool/utils.mk
index 37ccda6e6..3cb2bcc27 100644
--- a/scripts/govtool/utils.mk
+++ b/scripts/govtool/utils.mk
@@ -1,7 +1,5 @@
 .PHONY: ssh
 ssh:
-	@:$(call check_defined, cardano_network)
-	@:$(call check_defined, env)
 	export TERM=xterm-256color; \
 	ssh $(ssh_url)
 
@@ -9,12 +7,11 @@ ssh:
 docker:
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
-	@:$(call check_defined, grafana_admin_password)
 	@:$(call check_defined, cmd)
 	export CARDANO_NETWORK=$(cardano_network); \
 	export DOCKER_HOST=ssh://$(ssh_url); \
 	export ENVIRONMENT=$(env); \
-	export GRAFANA_ADMIN_PASSWORD=$(grafana_admin_password); \
+	export GRAFANA_ADMIN_PASSWORD=$${GRAFANA_ADMIN_PASSWORD}; \
 	export BACKEND_TAG=$(backend_image_tag); \
 	export FRONTEND_TAG=$(frontend_image_tag); \
 	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \

From 621e221fcbd990ce5a77268956004640cf132f20 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 5 Mar 2024 09:54:13 +0100
Subject: [PATCH 052/109] [#385] Centralize Docker Compose configurations using
 a dynamic template

This commit streamlines the deployment process by consolidating the
Docker Compose configurations into a single template file, which is then
dynamically adjusted by the Makefile based on specific deployment
environments. This enhancement reduces redundancy and facilitates easier
management of environment-specific settings. The transition involves
updating the `Makefile` and `config.mk` to support the generation of
Docker Compose files from the template, as well as modifying the
`README.md` to align with the new configuration approach. This change
marks a significant improvement in the deployment workflow, making it
more efficient and maintainable.
---
 scripts/govtool/Makefile                      |   7 +-
 scripts/govtool/README.md                     |   4 +-
 scripts/govtool/config.mk                     |  16 +-
 .../templates/docker-compose.yml.tpl}         |  40 ++-
 scripts/govtool/docker-compose.dev.yml        | 233 ------------------
 scripts/govtool/docker-compose.staging.yml    | 233 ------------------
 scripts/govtool/docker-compose.test.yml       | 233 ------------------
 7 files changed, 37 insertions(+), 729 deletions(-)
 rename scripts/govtool/{docker-compose.beta.yml => config/templates/docker-compose.yml.tpl} (83%)
 delete mode 100644 scripts/govtool/docker-compose.dev.yml
 delete mode 100644 scripts/govtool/docker-compose.staging.yml
 delete mode 100644 scripts/govtool/docker-compose.test.yml

diff --git a/scripts/govtool/Makefile b/scripts/govtool/Makefile
index e20289a86..e88073db7 100644
--- a/scripts/govtool/Makefile
+++ b/scripts/govtool/Makefile
@@ -6,9 +6,6 @@ include config.mk
 
 .DEFAULT_GOAL := info
 
-# stack configuration
-docker_compose_file := docker-compose.$(env).yml
-
 # image tags
 cardano_node_image_tag := 8.8.0-pre
 cardano_db_sync_image_tag := sancho-4-0-0-fix-config
@@ -33,7 +30,7 @@ deploy-stack: upload-config push-backend push-frontend
 	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) up -d
 
 .PHONY: destroy-cardano-node-and-dbsync
-destroy-cardano-node-and-dbsync: check-env-defined
+destroy-cardano-node-and-dbsync: prepare-config
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
 	export CARDANO_NETWORK=$(cardano_network); \
@@ -51,7 +48,7 @@ destroy-cardano-node-and-dbsync: check-env-defined
 	$(docker) volume rm $${volumes}
 
 .PHONY: toggle-maintenance
-toggle-maintenance: check-env-defined
+toggle-maintenance: prepare-config
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
 	@:$(call check_defined, maintenance)
diff --git a/scripts/govtool/README.md b/scripts/govtool/README.md
index 56d2059b4..227a8955d 100644
--- a/scripts/govtool/README.md
+++ b/scripts/govtool/README.md
@@ -34,8 +34,8 @@ effectively. This includes configurations for:
 - Monitoring solutions with Prometheus and Grafana to ensure optimal performance
   and availability.
 
-Each environment has its own Docker Compose file, enabling tailored setups that
-meet specific requirements.
+Each environment has its own Docker Compose file, generated from the template,
+enabling tailored setups that meet specific requirements.
 
 ## Nix shell
 
diff --git a/scripts/govtool/config.mk b/scripts/govtool/config.mk
index 45fb00880..c808ec32f 100644
--- a/scripts/govtool/config.mk
+++ b/scripts/govtool/config.mk
@@ -12,16 +12,28 @@ cardano_node_config_dir := $(target_config_dir)/cardano-node
 dbsync_secrets_dir := $(target_config_dir)/dbsync-secrets
 grafana_provisioning_dir := $(target_config_dir)/grafana-provisioning
 nginx_config_dir := $(target_config_dir)/nginx
+docker_compose_file := $(target_config_dir)/docker-compose.yml
 
 # metadata
 cardano_config_provider := https://book.world.dev.cardano.org
 
 .PHONY: prepare-config
-prepare-config: clear enable-prometheus prepare-dbsync-secrets prepare-backend-config prepare-prometheus-config prepare-grafana-provisioning prepare-nginx-config
+prepare-config: clear generate-docker-compose-file enable-prometheus prepare-dbsync-secrets prepare-backend-config prepare-prometheus-config prepare-grafana-provisioning prepare-nginx-config
 
 .PHONY: clear
 clear:
 	rm -rf $(target_config_dir)
+	mkdir -p $(target_config_dir)
+
+.PHONY: generate-docker-compose-file
+generate-docker-compose-file: check-env-defined
+	if [[ "$(env)" == "dev" ]]; then CSP_ALLOWED_HOSTS=",http://localhost"; else CSP_ALLOWED_HOSTS=; fi; \
+	sed -e "s|<DOMAIN>|$(domain)|g" \
+		-e "s|<DOCKER_USER>|$(docker_user)|g" \
+		-e "s|<REPO_URL>|$(repo_url)|g" \
+		-e "s|<CSP_ALLOWED_HOSTS>|$${CSP_ALLOWED_HOSTS}|g" \
+		"$(template_config_dir)/docker-compose.yml.tpl" \
+		> "$(target_config_dir)/docker-compose.yml"
 
 .PHONY: fetch-cardano-node-config
 fetch-cardano-node-config:
@@ -56,7 +68,7 @@ prepare-backend-config:
 prepare-prometheus-config:
 	cp -a "$(template_config_dir)/prometheus.yml" "$(target_config_dir)/prometheus.yml"
 
- PHONY: prepare-grafana-provisioning
+.PHONY: prepare-grafana-provisioning
 prepare-grafana-provisioning:
 	mkdir -p $(grafana_provisioning_dir)
 	cp -a $(template_config_dir)/grafana-provisioning/* $(grafana_provisioning_dir)
diff --git a/scripts/govtool/docker-compose.beta.yml b/scripts/govtool/config/templates/docker-compose.yml.tpl
similarity index 83%
rename from scripts/govtool/docker-compose.beta.yml
rename to scripts/govtool/config/templates/docker-compose.yml.tpl
index aa036970d..83124a106 100644
--- a/scripts/govtool/docker-compose.beta.yml
+++ b/scripts/govtool/config/templates/docker-compose.yml.tpl
@@ -40,7 +40,7 @@ services:
     image: prom/prometheus:v2.47.1
     volumes:
       - prometheus-data:/prometheus
-      - /home/ubuntu/config/prometheus.yml:/etc/prometheus/prometheus.yml
+      - /home/<DOCKER_USER>/config/prometheus.yml:/etc/prometheus/prometheus.yml
     extra_hosts:
       - "host.docker.internal:host-gateway"
     restart: always
@@ -50,18 +50,18 @@ services:
     image: grafana/grafana:10.0.8
     volumes:
       - grafana-data:/var/lib/grafana
-      - /home/ubuntu/config/grafana-provisioning:/etc/grafana/provisioning
+      - /home/<DOCKER_USER>/config/grafana-provisioning:/etc/grafana/provisioning
     environment:
       - GF_SECURITY_ADMIN_PASSWORD=${GRAFANA_ADMIN_PASSWORD}
       - GF_USERS_ALLOW_SIGN_UP=false
       - GF_INSTALL_PLUGINS=grafana-piechart-panel
-      - GF_SERVER_ROOT_URL=https://sanchogov.tools/grafana/login
+      - GF_SERVER_ROOT_URL=https://<DOMAIN>/grafana
       - GF_SERVER_SERVE_FROM_SUB_PATH=true
     restart: always
     logging: *logging
     labels:
       - "traefik.enable=true"
-      - "traefik.http.routers.grafana.rule=Host(`sanchogov.tools`) && PathPrefix(`/grafana`)"
+      - "traefik.http.routers.grafana.rule=Host(`<DOMAIN>`) && PathPrefix(`/grafana`)"
       - "traefik.http.routers.grafana.entrypoints=websecure"
       - "traefik.http.routers.grafana.tls.certresolver=myresolver"
       - "traefik.http.services.grafana.loadbalancer.server.port=3000"
@@ -76,7 +76,7 @@ services:
     logging: *logging
     labels:
       - "traefik.enable=true"
-      - "traefik.http.routers.status-service.rule=Host(`sanchogov.tools`) && PathPrefix(`/status`)"
+      - "traefik.http.routers.status-service.rule=Host(`<DOMAIN>`) && PathPrefix(`/status`)"
       - "traefik.http.routers.status-service.entrypoints=websecure"
       - "traefik.http.routers.status-service.tls.certresolver=myresolver"
       - "traefik.http.services.status-service.loadbalancer.server.port=8000"
@@ -129,11 +129,11 @@ services:
       - "--disable-delayed-os-memory-return"
       - "-RTS"
     environment:
-      - NETWORK=${CARDANO_NETWORK:-sanchonet}
+      - NETWORK=${CARDANO_NETWORK}
     volumes:
       - node-db:/data/db
       - node-ipc:/ipc
-      - /home/ubuntu/config/cardano-node:/configuration
+      - /home/<DOCKER_USER>/config/cardano-node:/configuration
     restart: always
     healthcheck:
       test: ["CMD-SHELL", "curl -f 127.0.0.1:12788 || exit 1"]
@@ -145,12 +145,10 @@ services:
   cardano-db-sync:
     image: ghcr.io/intersectmbo/cardano-db-sync:${CARDANO_DB_SYNC_TAG}
     environment:
-      - NETWORK=${CARDANO_NETWORK:-sanchonet}
+      - NETWORK=${CARDANO_NETWORK}
       - POSTGRES_HOST=postgres
       - POSTGRES_PORT=5432
-      - RESTORE_SNAPSHOT=${RESTORE_SNAPSHOT:-}
       - RESTORE_RECREATE_DB=N
-      - EXTRA_DB_SYNC_ARGS=${EXTRA_DB_SYNC_ARGS:-}
     depends_on:
       cardano-node:
         condition: service_healthy
@@ -167,7 +165,7 @@ services:
     logging: *logging
 
   backend:
-    image: ${VVA_BE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/backend}:${BACKEND_TAG}
+    image: <REPO_URL>/backend:${BACKEND_TAG}
     command: /usr/local/bin/vva-be -c /run/secrets/backend-config.json start-app
     depends_on:
       cardano-node:
@@ -180,11 +178,11 @@ services:
     logging: *logging
     labels:
       - "traefik.enable=true"
-      - "traefik.http.routers.backend.rule=Host(`sanchogov.tools`) && PathPrefix(`/api`)"
+      - "traefik.http.routers.backend.rule=Host(`<DOMAIN>`) && PathPrefix(`/api`)"
       - "traefik.http.middlewares.backend-stripprefix.stripprefix.prefixes=/api"
       - "traefik.http.middlewares.backend-cors.headers.accesscontrolallowmethods=GET,HEAD,OPTIONS"
       - "traefik.http.middlewares.backend-cors.headers.accesscontrolallowheaders=*"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolalloworiginlist=https://sanchogov.tools"
+      - "traefik.http.middlewares.backend-cors.headers.accesscontrolalloworiginlist=https://<DOMAIN><CSP_ALLOWED_HOSTS>"
       - "traefik.http.middlewares.backend-cors.headers.accesscontrolmaxage=100"
       - "traefik.http.middlewares.backend-cors.headers.addvaryheader=true"
       - "traefik.http.routers.backend.middlewares=backend-stripprefix@docker,backend-cors@docker"
@@ -193,10 +191,10 @@ services:
       - "traefik.http.services.backend.loadbalancer.server.port=9876"
 
   frontend:
-    image: ${VVA_FE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/frontend}:${FRONTEND_TAG}
+    image: <REPO_URL>/frontend:${FRONTEND_TAG}
     volumes:
-      - /home/ubuntu/config/nginx/auth.conf:/etc/nginx/conf.d/auth.conf
-      - /home/ubuntu/config/nginx/govtool.htpasswd:/etc/nginx/conf.d/govtool.htpasswd
+      - /home/<DOCKER_USER>/config/nginx/auth.conf:/etc/nginx/conf.d/auth.conf
+      - /home/<DOCKER_USER>/config/nginx/govtool.htpasswd:/etc/nginx/conf.d/govtool.htpasswd
     depends_on:
       cardano-node:
         condition: service_healthy
@@ -206,7 +204,7 @@ services:
     logging: *logging
     labels:
       - "traefik.enable=true"
-      - "traefik.http.routers.frontend.rule=Host(`sanchogov.tools`)"
+      - "traefik.http.routers.frontend.rule=Host(`<DOMAIN>`)"
       - "traefik.http.routers.frontend.entrypoints=websecure"
       - "traefik.http.routers.frontend.tls.certresolver=myresolver"
       - "traefik.http.middlewares.frontend-csp.headers.contentSecurityPolicy=default-src 'self'; img-src *.usersnap.com 'self' data:; script-src *.usersnap.com 'self' 'unsafe-inline' https://www.googletagmanager.com https://browser.sentry-cdn.com; style-src *.usersnap.com *.googleapis.com 'self' 'unsafe-inline' https://fonts.googleapis.com; connect-src *.usersnap.com https://s3.eu-central-1.amazonaws.com/upload.usersnap.com 'self' o4506155985141760.ingest.sentry.io *.google-analytics.com; font-src *.usersnap.com *.gstatic.com 'self' 'unsafe-inline' https://fonts.gstatic.com; worker-src blob:"
@@ -215,13 +213,13 @@ services:
 
 secrets:
   postgres_db:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_db
+    file: /home/<DOCKER_USER>/config/dbsync-secrets/postgres_db
   postgres_password:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_password
+    file: /home/<DOCKER_USER>/config/dbsync-secrets/postgres_password
   postgres_user:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_user
+    file: /home/<DOCKER_USER>/config/dbsync-secrets/postgres_user
   backend-config.json:
-    file: /home/ubuntu/config/backend-config.json
+    file: /home/<DOCKER_USER>/config/backend-config.json
 
 volumes:
   letsencrypt:
diff --git a/scripts/govtool/docker-compose.dev.yml b/scripts/govtool/docker-compose.dev.yml
deleted file mode 100644
index e938195ac..000000000
--- a/scripts/govtool/docker-compose.dev.yml
+++ /dev/null
@@ -1,233 +0,0 @@
-version: "3.9"
-
-services:
-  traefik:
-    image: traefik:v2.10
-    command:
-      - "--providers.docker=true"
-      - "--providers.docker.exposedbydefault=false"
-      - "--entrypoints.web.address=:80"
-      - "--entrypoints.websecure.address=:443"
-      - "--certificatesresolvers.myresolver.acme.httpchallenge=true"
-      - "--certificatesresolvers.myresolver.acme.httpchallenge.entrypoint=web"
-      - "--certificatesresolvers.myresolver.acme.email=${TRAEFIK_LE_EMAIL}"
-      - "--certificatesresolvers.myresolver.acme.storage=/letsencrypt/acme.json"
-      - "--log.level=DEBUG"
-      - "--entryPoints.metrics.address=:8082"
-      - "--metrics.prometheus=true"
-      - "--metrics.prometheus.entryPoint=metrics"
-      - "--metrics.prometheus.buckets=0.1,0.3,1.2,5.0"
-    ports:
-      - 80:80
-      - 443:443
-    volumes:
-      - letsencrypt:/letsencrypt
-      - "/var/run/docker.sock:/var/run/docker.sock:ro"
-    restart: always
-    logging: &logging
-      driver: "json-file"
-      options:
-        max-size: "200k"
-        max-file: "10"
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.middlewares.redirect-to-https.redirectscheme.scheme=https"
-      - "traefik.http.routers.http-catchall.rule=hostregexp(`{host:.+}`)"
-      - "traefik.http.routers.http-catchall.entrypoints=web"
-      - "traefik.http.routers.http-catchall.middlewares=redirect-to-https"
-
-  prometheus:
-    image: prom/prometheus:v2.47.1
-    volumes:
-      - prometheus-data:/prometheus
-      - /home/ubuntu/config/prometheus.yml:/etc/prometheus/prometheus.yml
-    extra_hosts:
-      - "host.docker.internal:host-gateway"
-    restart: always
-    logging: *logging
-
-  grafana:
-    image: grafana/grafana:10.0.8
-    volumes:
-      - grafana-data:/var/lib/grafana
-      - /home/ubuntu/config/grafana-provisioning:/etc/grafana/provisioning
-    environment:
-      - GF_SECURITY_ADMIN_PASSWORD=${GRAFANA_ADMIN_PASSWORD}
-      - GF_USERS_ALLOW_SIGN_UP=false
-      - GF_INSTALL_PLUGINS=grafana-piechart-panel
-      - GF_SERVER_ROOT_URL=https://dev-sanchonet.govtool.byron.network/grafana
-      - GF_SERVER_SERVE_FROM_SUB_PATH=true
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.grafana.rule=Host(`dev-sanchonet.govtool.byron.network`) && PathPrefix(`/grafana`)"
-      - "traefik.http.routers.grafana.entrypoints=websecure"
-      - "traefik.http.routers.grafana.tls.certresolver=myresolver"
-      - "traefik.http.services.grafana.loadbalancer.server.port=3000"
-
-  status-service:
-    build:
-      context: ../../govtool/status-service
-    environment:
-      - GRAFANA_USERNAME=admin
-      - GRAFANA_PASSWORD=${GRAFANA_ADMIN_PASSWORD}
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.status-service.rule=Host(`dev-sanchonet.govtool.byron.network`) && PathPrefix(`/status`)"
-      - "traefik.http.routers.status-service.entrypoints=websecure"
-      - "traefik.http.routers.status-service.tls.certresolver=myresolver"
-      - "traefik.http.services.status-service.loadbalancer.server.port=8000"
-
-  postgres:
-    image: postgres:15-alpine
-    environment:
-      - POSTGRES_LOGGING=true
-      - POSTGRES_DB_FILE=/run/secrets/postgres_db
-      - POSTGRES_PASSWORD_FILE=/run/secrets/postgres_password
-      - POSTGRES_USER_FILE=/run/secrets/postgres_user
-    secrets:
-      - postgres_password
-      - postgres_user
-      - postgres_db
-    volumes:
-      - postgres:/var/lib/postgresql/data
-    restart: always
-    healthcheck:
-      test: ["CMD-SHELL", "pg_isready -U postgres"]
-      interval: 10s
-      timeout: 5s
-      retries: 5
-    command: ${POSTGRES_ARGS:--c maintenance_work_mem=1GB -c max_parallel_maintenance_workers=4}
-    logging: *logging
-
-  cardano-node:
-    image: ghcr.io/intersectmbo/cardano-node:${CARDANO_NODE_TAG}
-    entrypoint:
-      - "cardano-node"
-      - "run"
-      - "--topology"
-      - "/configuration/topology.json"
-      - "--database-path"
-      - "/data/db"
-      - "--socket-path"
-      - "/ipc/node.socket"
-      - "--host-addr"
-      - "0.0.0.0"
-      - "--port"
-      - "3001"
-      - "--config"
-      - "/configuration/config.json"
-      - "+RTS"
-      - "-N2"
-      - "-I0"
-      - "-A16m"
-      - "-qg"
-      - "-qb"
-      - "--disable-delayed-os-memory-return"
-      - "-RTS"
-    environment:
-      - NETWORK=${CARDANO_NETWORK:-sanchonet}
-    volumes:
-      - node-db:/data/db
-      - node-ipc:/ipc
-      - /home/ubuntu/config/cardano-node:/configuration
-    restart: always
-    healthcheck:
-      test: ["CMD-SHELL", "curl -f 127.0.0.1:12788 || exit 1"]
-      interval: 60s
-      timeout: 10s
-      retries: 5
-    logging: *logging
-
-  cardano-db-sync:
-    image: ghcr.io/intersectmbo/cardano-db-sync:${CARDANO_DB_SYNC_TAG}
-    environment:
-      - NETWORK=${CARDANO_NETWORK:-sanchonet}
-      - POSTGRES_HOST=postgres
-      - POSTGRES_PORT=5432
-      - RESTORE_SNAPSHOT=${RESTORE_SNAPSHOT:-}
-      - RESTORE_RECREATE_DB=N
-      - EXTRA_DB_SYNC_ARGS=${EXTRA_DB_SYNC_ARGS:-}
-    depends_on:
-      cardano-node:
-        condition: service_healthy
-      postgres:
-        condition: service_healthy
-    secrets:
-      - postgres_password
-      - postgres_user
-      - postgres_db
-    volumes:
-      - db-sync-data:/var/lib/cexplorer
-      - node-ipc:/node-ipc
-    restart: always
-    logging: *logging
-
-  backend:
-    image: ${VVA_BE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/backend}:${BACKEND_TAG}
-    command: /usr/local/bin/vva-be -c /run/secrets/backend-config.json start-app
-    depends_on:
-      cardano-node:
-        condition: service_healthy
-      postgres:
-        condition: service_healthy
-    secrets:
-      - backend-config.json
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.backend.rule=Host(`dev-sanchonet.govtool.byron.network`) && PathPrefix(`/api`)"
-      - "traefik.http.middlewares.backend-stripprefix.stripprefix.prefixes=/api"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolallowmethods=GET,HEAD,OPTIONS"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolallowheaders=*"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolalloworiginlist=https://dev-sanchonet.govtool.byron.network,http://localhost"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolmaxage=100"
-      - "traefik.http.middlewares.backend-cors.headers.addvaryheader=true"
-      - "traefik.http.routers.backend.middlewares=backend-stripprefix@docker,backend-cors@docker"
-      - "traefik.http.routers.backend.entrypoints=websecure"
-      - "traefik.http.routers.backend.tls.certresolver=myresolver"
-      - "traefik.http.services.backend.loadbalancer.server.port=9876"
-
-  frontend:
-    image: ${VVA_FE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/frontend}:${FRONTEND_TAG}
-    volumes:
-      - /home/ubuntu/config/nginx/auth.conf:/etc/nginx/conf.d/auth.conf
-      - /home/ubuntu/config/nginx/govtool.htpasswd:/etc/nginx/conf.d/govtool.htpasswd
-    depends_on:
-      cardano-node:
-        condition: service_healthy
-      postgres:
-        condition: service_healthy
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.frontend.rule=Host(`dev-sanchonet.govtool.byron.network`)"
-      - "traefik.http.routers.frontend.entrypoints=websecure"
-      - "traefik.http.routers.frontend.tls.certresolver=myresolver"
-      - "traefik.http.middlewares.frontend-csp.headers.contentSecurityPolicy=default-src 'self'; img-src *.usersnap.com 'self' data:; script-src *.usersnap.com 'self' 'unsafe-inline' https://www.googletagmanager.com https://browser.sentry-cdn.com; style-src *.usersnap.com *.googleapis.com 'self' 'unsafe-inline' https://fonts.googleapis.com; connect-src *.usersnap.com https://s3.eu-central-1.amazonaws.com/upload.usersnap.com 'self' o4506155985141760.ingest.sentry.io *.google-analytics.com; font-src *.usersnap.com *.gstatic.com 'self' 'unsafe-inline' https://fonts.gstatic.com; worker-src blob:"
-      - "traefik.http.routers.frontend.middlewares=frontend-csp@docker"
-      - "traefik.http.services.frontend.loadbalancer.server.port=80"
-
-secrets:
-  postgres_db:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_db
-  postgres_password:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_password
-  postgres_user:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_user
-  backend-config.json:
-    file: /home/ubuntu/config/backend-config.json
-
-volumes:
-  letsencrypt:
-  db-sync-data:
-  grafana-data:
-  postgres:
-  prometheus-data:
-  node-db:
-  node-ipc:
diff --git a/scripts/govtool/docker-compose.staging.yml b/scripts/govtool/docker-compose.staging.yml
deleted file mode 100644
index 1aada972e..000000000
--- a/scripts/govtool/docker-compose.staging.yml
+++ /dev/null
@@ -1,233 +0,0 @@
-version: "3.9"
-
-services:
-  traefik:
-    image: traefik:v2.10
-    command:
-      - "--providers.docker=true"
-      - "--providers.docker.exposedbydefault=false"
-      - "--entrypoints.web.address=:80"
-      - "--entrypoints.websecure.address=:443"
-      - "--certificatesresolvers.myresolver.acme.httpchallenge=true"
-      - "--certificatesresolvers.myresolver.acme.httpchallenge.entrypoint=web"
-      - "--certificatesresolvers.myresolver.acme.email=${TRAEFIK_LE_EMAIL}"
-      - "--certificatesresolvers.myresolver.acme.storage=/letsencrypt/acme.json"
-      - "--log.level=DEBUG"
-      - "--entryPoints.metrics.address=:8082"
-      - "--metrics.prometheus=true"
-      - "--metrics.prometheus.entryPoint=metrics"
-      - "--metrics.prometheus.buckets=0.1,0.3,1.2,5.0"
-    ports:
-      - 80:80
-      - 443:443
-    volumes:
-      - letsencrypt:/letsencrypt
-      - "/var/run/docker.sock:/var/run/docker.sock:ro"
-    restart: always
-    logging: &logging
-      driver: "json-file"
-      options:
-        max-size: "200k"
-        max-file: "10"
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.middlewares.redirect-to-https.redirectscheme.scheme=https"
-      - "traefik.http.routers.http-catchall.rule=hostregexp(`{host:.+}`)"
-      - "traefik.http.routers.http-catchall.entrypoints=web"
-      - "traefik.http.routers.http-catchall.middlewares=redirect-to-https"
-
-  prometheus:
-    image: prom/prometheus:v2.47.1
-    volumes:
-      - prometheus-data:/prometheus
-      - /home/ubuntu/config/prometheus.yml:/etc/prometheus/prometheus.yml
-    extra_hosts:
-      - "host.docker.internal:host-gateway"
-    restart: always
-    logging: *logging
-
-  grafana:
-    image: grafana/grafana:10.0.8
-    volumes:
-      - grafana-data:/var/lib/grafana
-      - /home/ubuntu/config/grafana-provisioning:/etc/grafana/provisioning
-    environment:
-      - GF_SECURITY_ADMIN_PASSWORD=${GRAFANA_ADMIN_PASSWORD}
-      - GF_USERS_ALLOW_SIGN_UP=false
-      - GF_INSTALL_PLUGINS=grafana-piechart-panel
-      - GF_SERVER_ROOT_URL=https://staging.govtool.byron.network/grafana
-      - GF_SERVER_SERVE_FROM_SUB_PATH=true
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.grafana.rule=Host(`staging.govtool.byron.network`) && PathPrefix(`/grafana`)"
-      - "traefik.http.routers.grafana.entrypoints=websecure"
-      - "traefik.http.routers.grafana.tls.certresolver=myresolver"
-      - "traefik.http.services.grafana.loadbalancer.server.port=3000"
-
-  status-service:
-    build:
-      context: ../../govtool/status-service
-    environment:
-      - GRAFANA_USERNAME=admin
-      - GRAFANA_PASSWORD=${GRAFANA_ADMIN_PASSWORD}
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.status-service.rule=Host(`staging.govtool.byron.network`) && PathPrefix(`/status`)"
-      - "traefik.http.routers.status-service.entrypoints=websecure"
-      - "traefik.http.routers.status-service.tls.certresolver=myresolver"
-      - "traefik.http.services.status-service.loadbalancer.server.port=8000"
-
-  postgres:
-    image: postgres:15-alpine
-    environment:
-      - POSTGRES_LOGGING=true
-      - POSTGRES_DB_FILE=/run/secrets/postgres_db
-      - POSTGRES_PASSWORD_FILE=/run/secrets/postgres_password
-      - POSTGRES_USER_FILE=/run/secrets/postgres_user
-    secrets:
-      - postgres_password
-      - postgres_user
-      - postgres_db
-    volumes:
-      - postgres:/var/lib/postgresql/data
-    restart: always
-    healthcheck:
-      test: ["CMD-SHELL", "pg_isready -U postgres"]
-      interval: 10s
-      timeout: 5s
-      retries: 5
-    command: ${POSTGRES_ARGS:--c maintenance_work_mem=1GB -c max_parallel_maintenance_workers=4}
-    logging: *logging
-
-  cardano-node:
-    image: ghcr.io/intersectmbo/cardano-node:${CARDANO_NODE_TAG}
-    entrypoint:
-      - "cardano-node"
-      - "run"
-      - "--topology"
-      - "/configuration/topology.json"
-      - "--database-path"
-      - "/data/db"
-      - "--socket-path"
-      - "/ipc/node.socket"
-      - "--host-addr"
-      - "0.0.0.0"
-      - "--port"
-      - "3001"
-      - "--config"
-      - "/configuration/config.json"
-      - "+RTS"
-      - "-N2"
-      - "-I0"
-      - "-A16m"
-      - "-qg"
-      - "-qb"
-      - "--disable-delayed-os-memory-return"
-      - "-RTS"
-    environment:
-      - NETWORK=${CARDANO_NETWORK:-sanchonet}
-    volumes:
-      - node-db:/data/db
-      - node-ipc:/ipc
-      - /home/ubuntu/config/cardano-node:/configuration
-    restart: always
-    healthcheck:
-      test: ["CMD-SHELL", "curl -f 127.0.0.1:12788 || exit 1"]
-      interval: 60s
-      timeout: 10s
-      retries: 5
-    logging: *logging
-
-  cardano-db-sync:
-    image: ghcr.io/intersectmbo/cardano-db-sync:${CARDANO_DB_SYNC_TAG}
-    environment:
-      - NETWORK=${CARDANO_NETWORK:-sanchonet}
-      - POSTGRES_HOST=postgres
-      - POSTGRES_PORT=5432
-      - RESTORE_SNAPSHOT=${RESTORE_SNAPSHOT:-}
-      - RESTORE_RECREATE_DB=N
-      - EXTRA_DB_SYNC_ARGS=${EXTRA_DB_SYNC_ARGS:-}
-    depends_on:
-      cardano-node:
-        condition: service_healthy
-      postgres:
-        condition: service_healthy
-    secrets:
-      - postgres_password
-      - postgres_user
-      - postgres_db
-    volumes:
-      - db-sync-data:/var/lib/cexplorer
-      - node-ipc:/node-ipc
-    restart: always
-    logging: *logging
-
-  backend:
-    image: ${VVA_BE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/backend}:${BACKEND_TAG}
-    command: /usr/local/bin/vva-be -c /run/secrets/backend-config.json start-app
-    depends_on:
-      cardano-node:
-        condition: service_healthy
-      postgres:
-        condition: service_healthy
-    secrets:
-      - backend-config.json
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.backend.rule=Host(`staging.govtool.byron.network`) && PathPrefix(`/api`)"
-      - "traefik.http.middlewares.backend-stripprefix.stripprefix.prefixes=/api"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolallowmethods=GET,HEAD,OPTIONS"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolallowheaders=*"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolalloworiginlist=https://staging.govtool.byron.network"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolmaxage=100"
-      - "traefik.http.middlewares.backend-cors.headers.addvaryheader=true"
-      - "traefik.http.routers.backend.middlewares=backend-stripprefix@docker,backend-cors@docker"
-      - "traefik.http.routers.backend.entrypoints=websecure"
-      - "traefik.http.routers.backend.tls.certresolver=myresolver"
-      - "traefik.http.services.backend.loadbalancer.server.port=9876"
-
-  frontend:
-    image: ${VVA_FE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/frontend}:${FRONTEND_TAG}
-    volumes:
-      - /home/ubuntu/config/nginx/auth.conf:/etc/nginx/conf.d/auth.conf
-      - /home/ubuntu/config/nginx/govtool.htpasswd:/etc/nginx/conf.d/govtool.htpasswd
-    depends_on:
-      cardano-node:
-        condition: service_healthy
-      postgres:
-        condition: service_healthy
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.frontend.rule=Host(`staging.govtool.byron.network`)"
-      - "traefik.http.routers.frontend.entrypoints=websecure"
-      - "traefik.http.routers.frontend.tls.certresolver=myresolver"
-      - "traefik.http.middlewares.frontend-csp.headers.contentSecurityPolicy=default-src 'self'; img-src *.usersnap.com 'self' data:; script-src *.usersnap.com 'self' 'unsafe-inline' https://www.googletagmanager.com https://browser.sentry-cdn.com; style-src *.usersnap.com *.googleapis.com 'self' 'unsafe-inline' https://fonts.googleapis.com; connect-src *.usersnap.com https://s3.eu-central-1.amazonaws.com/upload.usersnap.com 'self' o4506155985141760.ingest.sentry.io *.google-analytics.com; font-src *.usersnap.com *.gstatic.com 'self' 'unsafe-inline' https://fonts.gstatic.com; worker-src blob:"
-      - "traefik.http.routers.frontend.middlewares=frontend-csp@docker"
-      - "traefik.http.services.frontend.loadbalancer.server.port=80"
-
-secrets:
-  postgres_db:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_db
-  postgres_password:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_password
-  postgres_user:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_user
-  backend-config.json:
-    file: /home/ubuntu/config/backend-config.json
-
-volumes:
-  letsencrypt:
-  db-sync-data:
-  grafana-data:
-  postgres:
-  prometheus-data:
-  node-db:
-  node-ipc:
diff --git a/scripts/govtool/docker-compose.test.yml b/scripts/govtool/docker-compose.test.yml
deleted file mode 100644
index bac614c18..000000000
--- a/scripts/govtool/docker-compose.test.yml
+++ /dev/null
@@ -1,233 +0,0 @@
-version: "3.9"
-
-services:
-  traefik:
-    image: traefik:v2.10
-    command:
-      - "--providers.docker=true"
-      - "--providers.docker.exposedbydefault=false"
-      - "--entrypoints.web.address=:80"
-      - "--entrypoints.websecure.address=:443"
-      - "--certificatesresolvers.myresolver.acme.httpchallenge=true"
-      - "--certificatesresolvers.myresolver.acme.httpchallenge.entrypoint=web"
-      - "--certificatesresolvers.myresolver.acme.email=${TRAEFIK_LE_EMAIL}"
-      - "--certificatesresolvers.myresolver.acme.storage=/letsencrypt/acme.json"
-      - "--log.level=DEBUG"
-      - "--entryPoints.metrics.address=:8082"
-      - "--metrics.prometheus=true"
-      - "--metrics.prometheus.entryPoint=metrics"
-      - "--metrics.prometheus.buckets=0.1,0.3,1.2,5.0"
-    ports:
-      - 80:80
-      - 443:443
-    volumes:
-      - letsencrypt:/letsencrypt
-      - "/var/run/docker.sock:/var/run/docker.sock:ro"
-    restart: always
-    logging: &logging
-      driver: "json-file"
-      options:
-        max-size: "200k"
-        max-file: "10"
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.middlewares.redirect-to-https.redirectscheme.scheme=https"
-      - "traefik.http.routers.http-catchall.rule=hostregexp(`{host:.+}`)"
-      - "traefik.http.routers.http-catchall.entrypoints=web"
-      - "traefik.http.routers.http-catchall.middlewares=redirect-to-https"
-
-  prometheus:
-    image: prom/prometheus:v2.47.1
-    volumes:
-      - prometheus-data:/prometheus
-      - /home/ubuntu/config/prometheus.yml:/etc/prometheus/prometheus.yml
-    extra_hosts:
-      - "host.docker.internal:host-gateway"
-    restart: always
-    logging: *logging
-
-  grafana:
-    image: grafana/grafana:10.0.8
-    volumes:
-      - grafana-data:/var/lib/grafana
-      - /home/ubuntu/config/grafana-provisioning:/etc/grafana/provisioning
-    environment:
-      - GF_SECURITY_ADMIN_PASSWORD=${GRAFANA_ADMIN_PASSWORD}
-      - GF_USERS_ALLOW_SIGN_UP=false
-      - GF_INSTALL_PLUGINS=grafana-piechart-panel
-      - GF_SERVER_ROOT_URL=https://test-sanchonet.govtool.byron.network/grafana
-      - GF_SERVER_SERVE_FROM_SUB_PATH=true
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.grafana.rule=Host(`test-sanchonet.govtool.byron.network`) && PathPrefix(`/grafana`)"
-      - "traefik.http.routers.grafana.entrypoints=websecure"
-      - "traefik.http.routers.grafana.tls.certresolver=myresolver"
-      - "traefik.http.services.grafana.loadbalancer.server.port=3000"
-
-  status-service:
-    build:
-      context: ../../govtool/status-service
-    environment:
-      - GRAFANA_USERNAME=admin
-      - GRAFANA_PASSWORD=${GRAFANA_ADMIN_PASSWORD}
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.status-service.rule=Host(`test-sanchonet.govtool.byron.network`) && PathPrefix(`/status`)"
-      - "traefik.http.routers.status-service.entrypoints=websecure"
-      - "traefik.http.routers.status-service.tls.certresolver=myresolver"
-      - "traefik.http.services.status-service.loadbalancer.server.port=8000"
-
-  postgres:
-    image: postgres:15-alpine
-    environment:
-      - POSTGRES_LOGGING=true
-      - POSTGRES_DB_FILE=/run/secrets/postgres_db
-      - POSTGRES_PASSWORD_FILE=/run/secrets/postgres_password
-      - POSTGRES_USER_FILE=/run/secrets/postgres_user
-    secrets:
-      - postgres_password
-      - postgres_user
-      - postgres_db
-    volumes:
-      - postgres:/var/lib/postgresql/data
-    restart: always
-    healthcheck:
-      test: ["CMD-SHELL", "pg_isready -U postgres"]
-      interval: 10s
-      timeout: 5s
-      retries: 5
-    command: ${POSTGRES_ARGS:--c maintenance_work_mem=1GB -c max_parallel_maintenance_workers=4}
-    logging: *logging
-
-  cardano-node:
-    image: ghcr.io/intersectmbo/cardano-node:${CARDANO_NODE_TAG}
-    entrypoint:
-      - "cardano-node"
-      - "run"
-      - "--topology"
-      - "/configuration/topology.json"
-      - "--database-path"
-      - "/data/db"
-      - "--socket-path"
-      - "/ipc/node.socket"
-      - "--host-addr"
-      - "0.0.0.0"
-      - "--port"
-      - "3001"
-      - "--config"
-      - "/configuration/config.json"
-      - "+RTS"
-      - "-N2"
-      - "-I0"
-      - "-A16m"
-      - "-qg"
-      - "-qb"
-      - "--disable-delayed-os-memory-return"
-      - "-RTS"
-    environment:
-      - NETWORK=${CARDANO_NETWORK:-sanchonet}
-    volumes:
-      - node-db:/data/db
-      - node-ipc:/ipc
-      - /home/ubuntu/config/cardano-node:/configuration
-    restart: always
-    healthcheck:
-      test: ["CMD-SHELL", "curl -f 127.0.0.1:12788 || exit 1"]
-      interval: 60s
-      timeout: 10s
-      retries: 5
-    logging: *logging
-
-  cardano-db-sync:
-    image: ghcr.io/intersectmbo/cardano-db-sync:${CARDANO_DB_SYNC_TAG}
-    environment:
-      - NETWORK=${CARDANO_NETWORK:-sanchonet}
-      - POSTGRES_HOST=postgres
-      - POSTGRES_PORT=5432
-      - RESTORE_SNAPSHOT=${RESTORE_SNAPSHOT:-}
-      - RESTORE_RECREATE_DB=N
-      - EXTRA_DB_SYNC_ARGS=${EXTRA_DB_SYNC_ARGS:-}
-    depends_on:
-      cardano-node:
-        condition: service_healthy
-      postgres:
-        condition: service_healthy
-    secrets:
-      - postgres_password
-      - postgres_user
-      - postgres_db
-    volumes:
-      - db-sync-data:/var/lib/cexplorer
-      - node-ipc:/node-ipc
-    restart: always
-    logging: *logging
-
-  backend:
-    image: ${VVA_BE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/backend}:${BACKEND_TAG}
-    command: /usr/local/bin/vva-be -c /run/secrets/backend-config.json start-app
-    depends_on:
-      cardano-node:
-        condition: service_healthy
-      postgres:
-        condition: service_healthy
-    secrets:
-      - backend-config.json
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.backend.rule=Host(`test-sanchonet.govtool.byron.network`) && PathPrefix(`/api`)"
-      - "traefik.http.middlewares.backend-stripprefix.stripprefix.prefixes=/api"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolallowmethods=GET,HEAD,OPTIONS"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolallowheaders=*"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolalloworiginlist=https://test-sanchonet.govtool.byron.network"
-      - "traefik.http.middlewares.backend-cors.headers.accesscontrolmaxage=100"
-      - "traefik.http.middlewares.backend-cors.headers.addvaryheader=true"
-      - "traefik.http.routers.backend.middlewares=backend-stripprefix@docker,backend-cors@docker"
-      - "traefik.http.routers.backend.entrypoints=websecure"
-      - "traefik.http.routers.backend.tls.certresolver=myresolver"
-      - "traefik.http.services.backend.loadbalancer.server.port=9876"
-
-  frontend:
-    image: ${VVA_FE_REPO:-733019650473.dkr.ecr.eu-west-1.amazonaws.com/frontend}:${FRONTEND_TAG}
-    volumes:
-      - /home/ubuntu/config/nginx/auth.conf:/etc/nginx/conf.d/auth.conf
-      - /home/ubuntu/config/nginx/govtool.htpasswd:/etc/nginx/conf.d/govtool.htpasswd
-    depends_on:
-      cardano-node:
-        condition: service_healthy
-      postgres:
-        condition: service_healthy
-    restart: always
-    logging: *logging
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.frontend.rule=Host(`test-sanchonet.govtool.byron.network`)"
-      - "traefik.http.routers.frontend.entrypoints=websecure"
-      - "traefik.http.routers.frontend.tls.certresolver=myresolver"
-      - "traefik.http.middlewares.frontend-csp.headers.contentSecurityPolicy=default-src 'self'; img-src *.usersnap.com 'self' data:; script-src *.usersnap.com 'self' 'unsafe-inline' https://www.googletagmanager.com https://browser.sentry-cdn.com; style-src *.usersnap.com *.googleapis.com 'self' 'unsafe-inline' https://fonts.googleapis.com; connect-src *.usersnap.com https://s3.eu-central-1.amazonaws.com/upload.usersnap.com 'self' o4506155985141760.ingest.sentry.io *.google-analytics.com; font-src *.usersnap.com *.gstatic.com 'self' 'unsafe-inline' https://fonts.gstatic.com; worker-src blob:"
-      - "traefik.http.routers.frontend.middlewares=frontend-csp@docker"
-      - "traefik.http.services.frontend.loadbalancer.server.port=80"
-
-secrets:
-  postgres_db:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_db
-  postgres_password:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_password
-  postgres_user:
-    file: /home/ubuntu/config/dbsync-secrets/postgres_user
-  backend-config.json:
-    file: /home/ubuntu/config/backend-config.json
-
-volumes:
-  letsencrypt:
-  db-sync-data:
-  grafana-data:
-  postgres:
-  prometheus-data:
-  node-db:
-  node-ipc:

From b0727cf9a3788bcea45026272349b426e04515b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 5 Mar 2024 10:42:10 +0100
Subject: [PATCH 053/109] Update CHANGELOG.md with Docker tagging policy and
 Makefile reorganisation

This commit updates the CHANGELOG.md to reflect two significant improvements:
- The adoption of a unified policy for tagging Docker images, addressing
  issue 320. This change ensures consistency in how Docker images are
  tagged across the project, facilitating easier management and deployment
  of images.
- The reorganisation of deployment Makefiles as part of issue 385. This
  enhancement aims at better documenting the deployment process and
  simplifying the management of deployment scripts. The new structure of
  Makefiles contributes to a more streamlined and understandable
  deployment process.

These updates are part of ongoing efforts to enhance the deployment
process by refining project documentation and operational scripts.
---
 CHANGELOG.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e3d5d4601..1e0a7fe34 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -46,6 +46,8 @@ changes.
 - Adjusted Nix configuration to meet projects needs [Issue 187](https://github.com/IntersectMBO/govtool/issues/187).
 - Integrated OAuth to securely notify about deployment status in Slack [Issue 194](https://github.com/IntersectMBO/govtool/issues/194).
 - Streamlined the application build and deployment process, thereby accelerating continuous delivery (CD) and reducing the resource burden [Issue 246](https://github.com/IntersectMBO/govtool/issues/246).
+- Applied unified policy on Docker images tagging [Issue 320](https://github.com/IntersectMBO/govtool/issues/320).
+- Reorganised deployment Makefiles in order to better document the process and easier management [Issue 385](https://github.com/IntersectMBO/govtool/issues/385).
 
 ### Removed
 -

From c4b354a36b32af2c9797293e46769e34b9abc481 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 5 Mar 2024 11:33:18 +0100
Subject: [PATCH 054/109] [#385] Refine GitHub Actions workflow for optimized
 Docker image handling

Optimized the build-and-deploy GitHub Actions workflow to streamline the
deployment process. Removed redundant `make docker-login` and `make
build-[backend|frontend]` steps, focusing directly on pushing the
pre-built Docker images with `make push-backend` and `make
push-frontend`. Added a crucial verification step to ensure the
deployment environment is properly defined, enhancing the reliability of
the deployment pipeline. This update ensures a more efficient and
error-resilient deployment process by minimizing unnecessary steps and
reinforcing environmental checks.
---
 .github/workflows/build-and-deploy.yml | 24 ++++++------------------
 1 file changed, 6 insertions(+), 18 deletions(-)

diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
index cf86e31cc..b00dfc6a6 100644
--- a/.github/workflows/build-and-deploy.yml
+++ b/.github/workflows/build-and-deploy.yml
@@ -45,6 +45,7 @@ jobs:
       - name: Check environment exists
         run: |
           make check-env-defined
+
   build_backend:
     name: Build and push backend Docker image
     if: ${{ ! inputs.skip_build }}
@@ -69,9 +70,8 @@ jobs:
           aws-region: eu-west-1
       - name: Build and push images
         run: |
-          make docker-login
-          make build-backend
           make push-backend
+
   build_frontend:
     name: Build and push frontend Docker image
     if: ${{ ! inputs.skip_build }}
@@ -99,11 +99,10 @@ jobs:
           GTM_ID: ${{ secrets.GTM_ID }}
           SENTRY_DSN: ${{ secrets.SENTRY_DSN_FRONTEND }}
         run: |
-          make docker-login
           if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
           if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          make build-frontend
           make push-frontend
+
   deploy:
     name: Deploy app
     needs:
@@ -143,24 +142,11 @@ jobs:
         uses: webfactory/ssh-agent@v0.8.0
         with:
           ssh-private-key: ${{ secrets.GHA_SSH_PRIVATE_KEY }}
-      - name: Prepare and upload app config
-        run: |
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          export DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
-          make prepare-config
-          make upload-config
-      - name: Destroy Cardano Node, DB sync and Postgres if required
-        if: ${{ inputs.resync_cardano_node_and_db }}
-        run: |
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          make destroy-cardano-node-and-dbsync;
       - name: Deploy app
         run: |
-          make docker-login
           if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
           if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
+          export DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
           make deploy-stack
       - name: Reprovision Grafana
         run: |
@@ -178,7 +164,9 @@ jobs:
         run: |
           if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
           if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
+          export DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
           make notify
+
   deploy_without_build:
     name: Deploy app without building
     if: ${{ inputs.skip_build }}

From 00ab083d4853a6b353d21e67be8c29d6a541f4e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 5 Mar 2024 11:45:19 +0100
Subject: [PATCH 055/109] [#385] Simplify GitHub Actions deployment workflow

Consolidated and streamlined the GitHub Actions workflow for deploying
the application by removing redundant build steps and focusing solely on
deployment tasks. This simplification entails a direct approach to
deploying the app, removing previous conditional steps for building
Docker images and checking environment existence. The workflow now
concentrates on setting up AWS credentials, SSH agent configuration, and
executing a singular deployment command. This change leads to a more
efficient, straightforward deployment process, enhancing the
maintainability and readability of the CI/CD pipeline.
---
 .github/workflows/build-and-deploy.yml | 167 ++-----------------------
 1 file changed, 8 insertions(+), 159 deletions(-)

diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
index b00dfc6a6..d8653b3c2 100644
--- a/.github/workflows/build-and-deploy.yml
+++ b/.github/workflows/build-and-deploy.yml
@@ -19,10 +19,6 @@ on:
           - "test"
           - "staging"
           - "beta"
-      skip_build:
-        required: true
-        type: boolean
-        default: false
       resync_cardano_node_and_db:
         required: true
         type: boolean
@@ -33,81 +29,8 @@ env:
   CARDANO_NETWORK: ${{ inputs.cardano_network || 'sanchonet' }}
 
 jobs:
-  check_environment_exists:
-    name: Check if target environment exists before proceeding
-    runs-on: ubuntu-latest
-    defaults:
-      run:
-        working-directory: ./scripts/govtool
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-      - name: Check environment exists
-        run: |
-          make check-env-defined
-
-  build_backend:
-    name: Build and push backend Docker image
-    if: ${{ ! inputs.skip_build }}
-    needs:
-      - check_environment_exists
-    runs-on: ubuntu-latest
-    defaults:
-      run:
-        working-directory: ./scripts/govtool
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-      - name: Configure AWS credentials
-        uses: aws-actions/configure-aws-credentials@v3
-        with:
-          aws-access-key-id: ${{ secrets.GHA_AWS_ACCESS_KEY_ID }}
-          aws-secret-access-key: ${{ secrets.GHA_AWS_SECRET_ACCESS_KEY }}
-          aws-region: eu-west-1
-      - name: Login to AWS ECR
-        uses: aws-actions/configure-aws-credentials@v2
-        with:
-          aws-region: eu-west-1
-      - name: Build and push images
-        run: |
-          make push-backend
-
-  build_frontend:
-    name: Build and push frontend Docker image
-    if: ${{ ! inputs.skip_build }}
-    needs:
-      - check_environment_exists
-    runs-on: ubuntu-latest
-    defaults:
-      run:
-        working-directory: ./scripts/govtool
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-      - name: Configure AWS credentials
-        uses: aws-actions/configure-aws-credentials@v3
-        with:
-          aws-access-key-id: ${{ secrets.GHA_AWS_ACCESS_KEY_ID }}
-          aws-secret-access-key: ${{ secrets.GHA_AWS_SECRET_ACCESS_KEY }}
-          aws-region: eu-west-1
-      - name: Login to AWS ECR
-        uses: aws-actions/configure-aws-credentials@v2
-        with:
-          aws-region: eu-west-1
-      - name: Build and push images
-        env:
-          GTM_ID: ${{ secrets.GTM_ID }}
-          SENTRY_DSN: ${{ secrets.SENTRY_DSN_FRONTEND }}
-        run: |
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          make push-frontend
-
   deploy:
     name: Deploy app
-    needs:
-      - build_backend
-      - build_frontend
     runs-on: ubuntu-latest
     defaults:
       run:
@@ -125,106 +48,37 @@ jobs:
       NGINX_BASIC_AUTH: ${{ secrets.NGINX_BASIC_AUTH }}
       SENTRY_DSN_BACKEND: ${{ secrets.SENTRY_DSN_BACKEND }}
       TRAEFIK_LE_EMAIL: "admin+govtool@binarapps.com"
+      GTM_ID: ${{ secrets.GTM_ID }}
+      SENTRY_DSN: ${{ secrets.SENTRY_DSN_FRONTEND }}
+      PIPELINE_URL: https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}
     steps:
       - name: Checkout code
         uses: actions/checkout@v3
+
       - name: Configure AWS credentials
         uses: aws-actions/configure-aws-credentials@v3
         with:
           aws-access-key-id: ${{ secrets.GHA_AWS_ACCESS_KEY_ID }}
           aws-secret-access-key: ${{ secrets.GHA_AWS_SECRET_ACCESS_KEY }}
           aws-region: eu-west-1
+
       - name: Login to AWS ECR
         uses: aws-actions/configure-aws-credentials@v2
         with:
           aws-region: eu-west-1
+
       - name: Setup SSH agent
         uses: webfactory/ssh-agent@v0.8.0
         with:
           ssh-private-key: ${{ secrets.GHA_SSH_PRIVATE_KEY }}
+
       - name: Deploy app
         run: |
           if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
           if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
           export DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
-          make deploy-stack
-      - name: Reprovision Grafana
-        run: |
-          sleep 30 # give grafana time to start up
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
-          curl -X POST -u "admin:$GRAFANA_ADMIN_PASSWORD" https://$DOMAIN/grafana/api/admin/provisioning/alerting/reload
-          curl -X POST -u "admin:$GRAFANA_ADMIN_PASSWORD" https://$DOMAIN/grafana/api/admin/provisioning/dashboards/reload
-          curl -X POST -u "admin:$GRAFANA_ADMIN_PASSWORD" https://$DOMAIN/grafana/api/admin/provisioning/notifications/reload
-      - name: Notify on Slack
-        env:
-          SLACK_WEBHOOK_URL: ${{ secrets.DEPLOY_NOTIFY_SLACK_WEBHOOK_URL }}
-          PIPELINE_URL: https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}
-        run: |
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          export DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
-          make notify
+          make all
 
-  deploy_without_build:
-    name: Deploy app without building
-    if: ${{ inputs.skip_build }}
-    needs:
-      - check_environment_exists
-    runs-on: ubuntu-latest
-    defaults:
-      run:
-        working-directory: ./scripts/govtool
-    env:
-      DBSYNC_POSTGRES_DB: "cexplorer"
-      DBSYNC_POSTGRES_USER: "postgres"
-      DBSYNC_POSTGRES_PASSWORD: "pSa8JCpQOACMUdGb"
-      FAKEDBSYNC_POSTGRES_DB: "govtool"
-      FAKEDBSYNC_POSTGRES_USER: "test"
-      FAKEDBSYNC_POSTGRES_PASSWORD: "test"
-      GRAFANA_ADMIN_PASSWORD: ${{ secrets.GRAFANA_ADMIN_PASSWORD }}
-      GRAFANA_SLACK_RECIPIENT: ${{ secrets.GRAFANA_SLACK_RECIPIENT }}
-      GRAFANA_SLACK_OAUTH_TOKEN: ${{ secrets.GRAFANA_SLACK_OAUTH_TOKEN }}
-      NGINX_BASIC_AUTH: ${{ secrets.NGINX_BASIC_AUTH }}
-      SENTRY_DSN_BACKEND: ${{ secrets.SENTRY_DSN_BACKEND }}
-      TRAEFIK_LE_EMAIL: "admin+govtool@binarapps.com"
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-      - name: Configure AWS credentials
-        uses: aws-actions/configure-aws-credentials@v3
-        with:
-          aws-access-key-id: ${{ secrets.GHA_AWS_ACCESS_KEY_ID }}
-          aws-secret-access-key: ${{ secrets.GHA_AWS_SECRET_ACCESS_KEY }}
-          aws-region: eu-west-1
-      - name: Login to AWS ECR
-        uses: aws-actions/configure-aws-credentials@v2
-        with:
-          aws-region: eu-west-1
-      - name: Setup SSH agent
-        uses: webfactory/ssh-agent@v0.8.0
-        with:
-          ssh-private-key: ${{ secrets.GHA_SSH_PRIVATE_KEY }}
-      - name: Prepare and upload app config
-        run: |
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          export DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
-          make prepare-config
-          make upload-config
-      - name: Destroy Cardano Node, DB sync and Postgres if required
-        if: ${{ inputs.resync_cardano_node_and_db }}
-        run: |
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          make destroy-cardano-node-and-dbsync;
-      - name: Deploy app
-        run: |
-          make docker-login
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          make deploy-stack
       - name: Reprovision Grafana
         run: |
           sleep 30 # give grafana time to start up
@@ -234,8 +88,3 @@ jobs:
           curl -X POST -u "admin:$GRAFANA_ADMIN_PASSWORD" https://$DOMAIN/grafana/api/admin/provisioning/alerting/reload
           curl -X POST -u "admin:$GRAFANA_ADMIN_PASSWORD" https://$DOMAIN/grafana/api/admin/provisioning/dashboards/reload
           curl -X POST -u "admin:$GRAFANA_ADMIN_PASSWORD" https://$DOMAIN/grafana/api/admin/provisioning/notifications/reload
-      - name: Notify on Slack
-        run: |
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          make notify

From f4ce07e15b15c8841345a73d5794e1f1037e34e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 5 Mar 2024 12:11:42 +0100
Subject: [PATCH 056/109] Remove unused fake DB sync configurations from
 deployment setup

Eliminated unnecessary fake database synchronization settings from the
GitHub Actions deployment workflow and the backend configuration
template. This action streamlines the deployment and configuration
process by removing redundant settings, focusing solely on the essential
configurations required for real database synchronization. The
simplification contributes to clearer, more maintainable deployment
scripts and backend configuration, ensuring an efficient setup for
actual operational needs.
---
 .github/workflows/build-and-deploy.yml                   | 3 ---
 scripts/govtool/config/templates/backend-config.json.tpl | 7 -------
 2 files changed, 10 deletions(-)

diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
index d8653b3c2..e556bb96e 100644
--- a/.github/workflows/build-and-deploy.yml
+++ b/.github/workflows/build-and-deploy.yml
@@ -39,9 +39,6 @@ jobs:
       DBSYNC_POSTGRES_DB: "cexplorer"
       DBSYNC_POSTGRES_USER: "postgres"
       DBSYNC_POSTGRES_PASSWORD: "pSa8JCpQOACMUdGb"
-      FAKEDBSYNC_POSTGRES_DB: "govtool"
-      FAKEDBSYNC_POSTGRES_USER: "test"
-      FAKEDBSYNC_POSTGRES_PASSWORD: "test"
       GRAFANA_ADMIN_PASSWORD: ${{ secrets.GRAFANA_ADMIN_PASSWORD }}
       GRAFANA_SLACK_RECIPIENT: ${{ secrets.GRAFANA_SLACK_RECIPIENT }}
       GRAFANA_SLACK_OAUTH_TOKEN: ${{ secrets.GRAFANA_SLACK_OAUTH_TOKEN }}
diff --git a/scripts/govtool/config/templates/backend-config.json.tpl b/scripts/govtool/config/templates/backend-config.json.tpl
index 521beaa15..f1fbd092f 100644
--- a/scripts/govtool/config/templates/backend-config.json.tpl
+++ b/scripts/govtool/config/templates/backend-config.json.tpl
@@ -6,13 +6,6 @@
         "password" : "DBSYNC_POSTGRES_PASSWORD",
         "port"     : 5432
       },
-    "fakedbsyncconfig" : {
-        "host"     : "postgres-fakedbsync",
-        "dbname"   : "FAKEDBSYNC_POSTGRES_DB",
-        "user"     : "FAKEDBSYNC_POSTGRES_USER",
-        "password" : "FAKEDBSYNC_POSTGRES_PASSWORD",
-        "port"     : 5432
-    },
     "port" : 9876,
     "host" : "0.0.0.0",
     "cachedurationseconds": 20,

From 3e05403c3d100493476350f7c05254991e7b4a5e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 5 Mar 2024 12:37:30 +0100
Subject: [PATCH 057/109] [#385] Unify placeholder usage in configuration
 templates

Standardized the format of placeholders within template files across the
deployment setup to improve the consistency and reliability of dynamic
configuration generation. Modified `config.mk`,
`backend-config.json.tpl`, and
`grafana-provisioning/alerting/alerting.yml` to use a uniform
placeholder notation, enclosed in angle brackets (e.g.,
`<PLACEHOLDER>`), for all configurable values. This refinement
simplifies the template processing logic, ensuring a more streamlined
and error-free substitution of environment-specific values during the
deployment process, thereby enhancing the overall maintainability of the
deployment infrastructure.
---
 scripts/govtool/config.mk                            | 12 ++++++------
 .../govtool/config/templates/backend-config.json.tpl |  8 ++++----
 .../grafana-provisioning/alerting/alerting.yml       |  4 ++--
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/scripts/govtool/config.mk b/scripts/govtool/config.mk
index c808ec32f..83bf76c03 100644
--- a/scripts/govtool/config.mk
+++ b/scripts/govtool/config.mk
@@ -57,10 +57,10 @@ prepare-dbsync-secrets:
 
 .PHONY: prepare-backend-config
 prepare-backend-config:
-	sed -e "s/DBSYNC_POSTGRES_DB/$${DBSYNC_POSTGRES_DB}/" \
-		-e "s/DBSYNC_POSTGRES_USER/$${DBSYNC_POSTGRES_USER}/" \
-		-e "s/DBSYNC_POSTGRES_PASSWORD/$${DBSYNC_POSTGRES_PASSWORD}/" \
-		-e "s|SENTRY_DSN|$${SENTRY_DSN_BACKEND}|" \
+	sed -e "s|<DBSYNC_POSTGRES_DB>|$${DBSYNC_POSTGRES_DB}|" \
+		-e "s|<DBSYNC_POSTGRES_USER>|$${DBSYNC_POSTGRES_USER}|" \
+		-e "s|<DBSYNC_POSTGRES_PASSWORD>|$${DBSYNC_POSTGRES_PASSWORD}|" \
+		-e "s|<SENTRY_DSN>|$${SENTRY_DSN_BACKEND}|" \
 		"$(config_dir)/templates/backend-config.json.tpl" \
 		> "$(target_config_dir)/backend-config.json"
 
@@ -72,8 +72,8 @@ prepare-prometheus-config:
 prepare-grafana-provisioning:
 	mkdir -p $(grafana_provisioning_dir)
 	cp -a $(template_config_dir)/grafana-provisioning/* $(grafana_provisioning_dir)
-	sed -e "s/GRAFANA_SLACK_RECIPIENT/$${GRAFANA_SLACK_RECIPIENT}/" \
-		-e "s|GRAFANA_SLACK_OAUTH_TOKEN|$${GRAFANA_SLACK_OAUTH_TOKEN}|" \
+	sed -e "s|<GRAFANA_SLACK_RECIPIENT>|$${GRAFANA_SLACK_RECIPIENT}|" \
+		-e "s|<GRAFANA_SLACK_OAUTH_TOKEN>|$${GRAFANA_SLACK_OAUTH_TOKEN}|" \
 		-i $(grafana_provisioning_dir)/alerting/alerting.yml
 
 .PHONY: prepare-nginx-config
diff --git a/scripts/govtool/config/templates/backend-config.json.tpl b/scripts/govtool/config/templates/backend-config.json.tpl
index f1fbd092f..c3851bbe1 100644
--- a/scripts/govtool/config/templates/backend-config.json.tpl
+++ b/scripts/govtool/config/templates/backend-config.json.tpl
@@ -1,13 +1,13 @@
 {
     "dbsyncconfig" : {
         "host"     : "postgres",
-        "dbname"   : "DBSYNC_POSTGRES_DB",
-        "user"     : "DBSYNC_POSTGRES_USER",
-        "password" : "DBSYNC_POSTGRES_PASSWORD",
+        "dbname"   : "<DBSYNC_POSTGRES_DB>",
+        "user"     : "<DBSYNC_POSTGRES_USER>",
+        "password" : "<DBSYNC_POSTGRES_PASSWORD>",
         "port"     : 5432
       },
     "port" : 9876,
     "host" : "0.0.0.0",
     "cachedurationseconds": 20,
-    "sentrydsn": "SENTRY_DSN"
+    "sentrydsn": "<SENTRY_DSN>"
 }
diff --git a/scripts/govtool/config/templates/grafana-provisioning/alerting/alerting.yml b/scripts/govtool/config/templates/grafana-provisioning/alerting/alerting.yml
index 5b3779a82..67be6d45a 100644
--- a/scripts/govtool/config/templates/grafana-provisioning/alerting/alerting.yml
+++ b/scripts/govtool/config/templates/grafana-provisioning/alerting/alerting.yml
@@ -8,8 +8,8 @@ contactPoints:
         name: Slack GovTool
         type: slack
         settings:
-          recipient: GRAFANA_SLACK_RECIPIENT
-          token: GRAFANA_SLACK_OAUTH_TOKEN
+          recipient: <GRAFANA_SLACK_RECIPIENT>
+          token: <GRAFANA_SLACK_OAUTH_TOKEN>
         disableResolveMessage: false
 
 policies:

From 958007692186fd50515b1bf9e42a0944b9d924a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Mon, 4 Mar 2024 20:25:05 +0100
Subject: [PATCH 058/109] [#358] [#359] [#151] choose GA type/ abadoning
 registration and creation modals

---
 govtool/frontend/src/App.tsx                  |  5 ++
 .../src/components/atoms/ActionRadio.tsx      | 22 ++---
 .../src/components/molecules/BackToButton.tsx | 26 ++++++
 .../src/components/molecules/index.ts         |  1 +
 .../src/components/molecules/types.ts         |  7 ++
 .../src/components/organisms/BgCard.tsx       |  2 +-
 .../organisms/ChooseGovernanceActionType.tsx  | 70 +++++++++++++++
 .../organisms/RegisterAsdRepStepOne.tsx       |  3 +
 .../src/components/organisms/index.ts         |  1 +
 .../src/consts/governanceActionTypes.ts       |  1 +
 govtool/frontend/src/consts/index.ts          |  1 +
 govtool/frontend/src/consts/paths.ts          |  1 +
 govtool/frontend/src/hooks/forms/index.ts     |  1 +
 .../forms/useCreateGovernanceActionForm.ts    | 45 ++++++++++
 govtool/frontend/src/i18n/locales/en.ts       | 12 +++
 .../src/pages/CreateGovernanceAction.tsx      | 85 +++++++++++++++++++
 govtool/frontend/src/pages/RegisterAsdRep.tsx | 37 +++++++-
 17 files changed, 308 insertions(+), 12 deletions(-)
 create mode 100644 govtool/frontend/src/components/molecules/BackToButton.tsx
 create mode 100644 govtool/frontend/src/components/molecules/types.ts
 create mode 100644 govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
 create mode 100644 govtool/frontend/src/consts/governanceActionTypes.ts
 create mode 100644 govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
 create mode 100644 govtool/frontend/src/pages/CreateGovernanceAction.tsx

diff --git a/govtool/frontend/src/App.tsx b/govtool/frontend/src/App.tsx
index 13bc34a7d..c380c6664 100644
--- a/govtool/frontend/src/App.tsx
+++ b/govtool/frontend/src/App.tsx
@@ -32,6 +32,7 @@ import {
 import { SetupInterceptors } from "./services";
 import { useGetVoterInfo, useWalletConnectionListener } from "./hooks";
 import { RegisterAsSoleVoter } from "./pages/RegisterAsSoleVoter";
+import { CreateGovernanceAction } from "./pages/CreateGovernanceAction";
 
 export default function App() {
   const { enable, setVoter, setIsDrepLoading } = useCardano();
@@ -115,6 +116,10 @@ export default function App() {
             element={<DashboardGovernanceActionsCategory />}
           />
         </Route>
+        <Route
+          path={PATHS.create_governance_action}
+          element={<CreateGovernanceAction />}
+        />
         <Route path={PATHS.delegateTodRep} element={<DelegateTodRep />} />
         <Route path={PATHS.registerAsdRep} element={<RegisterAsdRep />} />
         <Route
diff --git a/govtool/frontend/src/components/atoms/ActionRadio.tsx b/govtool/frontend/src/components/atoms/ActionRadio.tsx
index 148f919e6..dbea27895 100644
--- a/govtool/frontend/src/components/atoms/ActionRadio.tsx
+++ b/govtool/frontend/src/components/atoms/ActionRadio.tsx
@@ -1,4 +1,4 @@
-import { Dispatch, FC, SetStateAction } from "react";
+import { FC } from "react";
 import { Box, Typography } from "@mui/material";
 import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
 
@@ -9,8 +9,8 @@ import { theme } from "@/theme";
 type ActionRadioProps = {
   dataTestId?: string;
   isChecked?: boolean;
-  onChange: Dispatch<SetStateAction<string>>;
-  subtitle: string;
+  onChange: (newValue: string) => void;
+  subtitle?: string;
   title: string;
   tooltipText?: string;
   tooltipTitle?: string;
@@ -76,13 +76,15 @@ export const ActionRadio: FC<ActionRadioProps> = ({ ...props }) => {
             </Tooltip>
           )}
         </Box>
-        <Typography
-          variant="body2"
-          mt={1}
-          color={isChecked ? "white" : "textBlack"}
-        >
-          {subtitle}
-        </Typography>
+        {subtitle ? (
+          <Typography
+            variant="body2"
+            mt={1}
+            color={isChecked ? "white" : "textBlack"}
+          >
+            {subtitle}
+          </Typography>
+        ) : null}
       </Box>
     </Box>
   );
diff --git a/govtool/frontend/src/components/molecules/BackToButton.tsx b/govtool/frontend/src/components/molecules/BackToButton.tsx
new file mode 100644
index 000000000..e3a697d36
--- /dev/null
+++ b/govtool/frontend/src/components/molecules/BackToButton.tsx
@@ -0,0 +1,26 @@
+import { Box } from "@mui/material";
+import ArrowBackIosIcon from "@mui/icons-material/ArrowBackIos";
+
+import { Typography } from "@atoms";
+
+import { BackToLinkProps } from "./types";
+
+export const BackToButton = ({ label, onClick, sx }: BackToLinkProps) => {
+  return (
+    <Box
+      data-testid="back-to-dashboard-link"
+      sx={{
+        alignItems: "center",
+        cursor: "pointer",
+        display: "flex",
+        ...sx,
+      }}
+      onClick={onClick}
+    >
+      <ArrowBackIosIcon color="primary" sx={{ fontSize: 14 }} />
+      <Typography color="primary" fontWeight={400} variant="body2">
+        {label}
+      </Typography>
+    </Box>
+  );
+};
diff --git a/govtool/frontend/src/components/molecules/index.ts b/govtool/frontend/src/components/molecules/index.ts
index 7b4c1668f..3afe1db00 100644
--- a/govtool/frontend/src/components/molecules/index.ts
+++ b/govtool/frontend/src/components/molecules/index.ts
@@ -1,4 +1,5 @@
 export * from "./ActionCard";
+export * from "./BackToButton";
 export * from "./CenteredBoxBottomButtons";
 export * from "./CenteredBoxPageWrapper";
 export * from "./DashboardActionCard";
diff --git a/govtool/frontend/src/components/molecules/types.ts b/govtool/frontend/src/components/molecules/types.ts
new file mode 100644
index 000000000..6cafc8c4a
--- /dev/null
+++ b/govtool/frontend/src/components/molecules/types.ts
@@ -0,0 +1,7 @@
+import { SxProps } from "@mui/material";
+
+export type BackToLinkProps = {
+  label: string;
+  onClick: () => void;
+  sx?: SxProps;
+};
diff --git a/govtool/frontend/src/components/organisms/BgCard.tsx b/govtool/frontend/src/components/organisms/BgCard.tsx
index b430eb205..1995f06a3 100644
--- a/govtool/frontend/src/components/organisms/BgCard.tsx
+++ b/govtool/frontend/src/components/organisms/BgCard.tsx
@@ -89,7 +89,7 @@ export const BgCard = ({
           flexDirection: "column",
           height: "auto",
           maxWidth: screenWidth > 768 ? 600 : undefined,
-          my: isMobile ? undefined : 3,
+          mb: isMobile ? undefined : 3,
           pb: isMobile ? undefined : 10,
           pt: isMobile ? 6 : 10,
           px: isMobile ? 2 : 18.75,
diff --git a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
new file mode 100644
index 000000000..91eec706e
--- /dev/null
+++ b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
@@ -0,0 +1,70 @@
+import { Dispatch, SetStateAction } from "react";
+
+import { ActionRadio, Spacer, Typography } from "@atoms";
+import { GOVERNANCE_ACTION_TYPES } from "@consts";
+import {
+  useCreateGovernanceActionForm,
+  useScreenDimension,
+  useTranslation,
+} from "@hooks";
+
+import { BgCard } from "./BgCard";
+
+type ChooseGovernanceActionTypeProps = {
+  onClickCancel: () => void;
+  setStep: Dispatch<SetStateAction<number>>;
+};
+
+export const ChooseGovernanceActionType = ({
+  onClickCancel,
+  setStep,
+}: ChooseGovernanceActionTypeProps) => {
+  const { t } = useTranslation();
+  const { isMobile } = useScreenDimension();
+  const { getValues, setValue, watch } = useCreateGovernanceActionForm();
+
+  const isContinueButtonDisabled = !watch("type");
+
+  const onClickContinue = () => {
+    setStep(2);
+  };
+
+  // TODO: Add tooltips when they will be available
+  const renderGovernanceActionTypes = () => {
+    return GOVERNANCE_ACTION_TYPES.map((type, index) => {
+      const isChecked = getValues("type") === type;
+      return (
+        <>
+          <ActionRadio
+            isChecked={isChecked}
+            onChange={onChangeType}
+            title={type}
+            value={type}
+          />
+          {index + 1 < GOVERNANCE_ACTION_TYPES.length ? <Spacer y={2} /> : null}
+        </>
+      );
+    });
+  };
+
+  const onChangeType = (value: string) => {
+    setValue("type", value);
+  };
+
+  return (
+    <BgCard
+      actionButtonLabel={t("continue")}
+      backButtonLabel={t("cancel")}
+      isActionButtonDisabled={isContinueButtonDisabled}
+      onClickActionButton={onClickContinue}
+      onClickBackButton={onClickCancel}
+    >
+      <Typography sx={{ textAlign: "center" }} variant="headline4">
+        {t("createGovernanceAction.chooseGATypeTitle")}
+      </Typography>
+      <Spacer y={isMobile ? 4.25 : 7.5} />
+      {renderGovernanceActionTypes()}
+      <Spacer y={isMobile ? 6 : 7.5} />
+    </BgCard>
+  );
+};
diff --git a/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx b/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx
index 3a68ce015..04598720a 100644
--- a/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx
+++ b/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx
@@ -14,8 +14,10 @@ import {
 import { BgCard } from ".";
 
 export const RegisterAsdRepStepOne = ({
+  onClickCancel,
   setStep,
 }: {
+  onClickCancel: () => void;
   setStep: Dispatch<SetStateAction<number>>;
 }) => {
   const { t } = useTranslation();
@@ -35,6 +37,7 @@ export const RegisterAsdRepStepOne = ({
       actionButtonLabel={t("continue")}
       backButtonLabel={t("cancel")}
       onClickActionButton={onClickContinue}
+      onClickBackButton={onClickCancel}
       sx={{ paddingBottom: isMobile ? undefined : 3 }}
     >
       <Typography sx={{ textAlign: "center" }} variant="headline4">
diff --git a/govtool/frontend/src/components/organisms/index.ts b/govtool/frontend/src/components/organisms/index.ts
index 9b7ee74ce..749a01357 100644
--- a/govtool/frontend/src/components/organisms/index.ts
+++ b/govtool/frontend/src/components/organisms/index.ts
@@ -1,4 +1,5 @@
 export * from "./BgCard";
+export * from "./ChooseGovernanceActionType";
 export * from "./ChooseStakeKeyPanel";
 export * from "./ChooseWalletModal";
 export * from "./ControlledField";
diff --git a/govtool/frontend/src/consts/governanceActionTypes.ts b/govtool/frontend/src/consts/governanceActionTypes.ts
new file mode 100644
index 000000000..b3b6a8539
--- /dev/null
+++ b/govtool/frontend/src/consts/governanceActionTypes.ts
@@ -0,0 +1 @@
+export const GOVERNANCE_ACTION_TYPES = ["Info", "Treasury"];
diff --git a/govtool/frontend/src/consts/index.ts b/govtool/frontend/src/consts/index.ts
index 65168f9c6..12f9ae298 100644
--- a/govtool/frontend/src/consts/index.ts
+++ b/govtool/frontend/src/consts/index.ts
@@ -1,3 +1,4 @@
+export * from "./governanceActionTypes";
 export * from "./governanceActionsFilters";
 export * from "./governanceActionsSorting";
 export * from "./icons";
diff --git a/govtool/frontend/src/consts/paths.ts b/govtool/frontend/src/consts/paths.ts
index 4ac0cbde2..f230747d5 100644
--- a/govtool/frontend/src/consts/paths.ts
+++ b/govtool/frontend/src/consts/paths.ts
@@ -1,4 +1,5 @@
 export const PATHS = {
+  create_governance_action: "/create_governance_action",
   dashboard_governance_actions_action:
     "/connected/governance_actions/:proposalId",
   dashboard_governance_actions_category:
diff --git a/govtool/frontend/src/hooks/forms/index.ts b/govtool/frontend/src/hooks/forms/index.ts
index 2457ac6de..fe994e70b 100644
--- a/govtool/frontend/src/hooks/forms/index.ts
+++ b/govtool/frontend/src/hooks/forms/index.ts
@@ -1,3 +1,4 @@
+export * from "./useCreateGovernanceActionForm";
 export * from "./useDelegateTodRepForm";
 export * from "./useRegisterAsdRepFormContext";
 export * from "./useUpdatedRepMetadataForm";
diff --git a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
new file mode 100644
index 000000000..bb4335f71
--- /dev/null
+++ b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
@@ -0,0 +1,45 @@
+import { useCallback, useState } from "react";
+import { useFormContext } from "react-hook-form";
+
+type createGovernanceActionValues = {
+  type: string;
+};
+
+export const defaulCreateGovernanceActionValues: createGovernanceActionValues =
+  {
+    type: "",
+  };
+
+export const useCreateGovernanceActionForm = () => {
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+
+  const {
+    control,
+    formState: { errors, isValid },
+    getValues,
+    handleSubmit,
+    setValue,
+    watch,
+  } = useFormContext<createGovernanceActionValues>();
+
+  const onSubmit = useCallback(async (values: createGovernanceActionValues) => {
+    setIsLoading(true);
+    console.log(values);
+    try {
+    } catch (e: any) {
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+
+  return {
+    control,
+    errors,
+    getValues,
+    isLoading,
+    isValid,
+    setValue,
+    submitForm: handleSubmit(onSubmit),
+    watch,
+  };
+};
diff --git a/govtool/frontend/src/i18n/locales/en.ts b/govtool/frontend/src/i18n/locales/en.ts
index 3c9d6e006..8483755e6 100644
--- a/govtool/frontend/src/i18n/locales/en.ts
+++ b/govtool/frontend/src/i18n/locales/en.ts
@@ -122,6 +122,10 @@ export const en = {
         youAreSoleVoterTitle: "You are a Sole Voter",
       },
     },
+    createGovernanceAction: {
+      chooseGATypeTitle: "Choose a Governance Action type",
+      title: "Create a Governance Action",
+    },
     delegation: {
       description:
         "You can delegate your voting power to a DRep or to a pre-defined voting option.",
@@ -277,6 +281,11 @@ export const en = {
         goToDashboard: "Go to Dashboard",
         oops: "Oops!",
       },
+      createGovernanceAction: {
+        cancelModalDescription:
+          "If you return to the Dashboard, your information will not be saved.",
+        cancelModalTitle: "Do You Want to Cancel Registration ?",
+      },
       delegation: {
         message:
           "The confirmation of your actual delegation might take a bit of time but you can track it using",
@@ -292,6 +301,9 @@ export const en = {
         youAreAboutToOpen: "You are about to open an external link to:",
       },
       registration: {
+        cancelTitle: "Do You Want to Abandon Registration ?",
+        cancelDescription:
+          "If you return to the Dashboard, your information will not be saved.",
         message:
           "The confirmation of your registration might take a bit of time but you can track it using",
         title: "Registration Transaction Submitted!",
diff --git a/govtool/frontend/src/pages/CreateGovernanceAction.tsx b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
new file mode 100644
index 000000000..295dda462
--- /dev/null
+++ b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
@@ -0,0 +1,85 @@
+import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { FormProvider, useForm } from "react-hook-form";
+import { Box } from "@mui/material";
+
+import { Background } from "@atoms";
+import { PATHS } from "@consts";
+import { useModal } from "@context";
+import {
+  defaulCreateGovernanceActionValues,
+  useScreenDimension,
+  useTranslation,
+} from "@hooks";
+import { BackToButton } from "@molecules";
+import {
+  ChooseGovernanceActionType,
+  DashboardTopNav,
+  Footer,
+} from "@organisms";
+import { checkIsWalletConnected } from "@utils";
+
+export const CreateGovernanceAction = () => {
+  const navigate = useNavigate();
+  const { t } = useTranslation();
+  const { isMobile } = useScreenDimension();
+  const { closeModal, openModal } = useModal();
+  const [step, setStep] = useState(1);
+
+  const methods = useForm({
+    mode: "onBlur",
+    defaultValues: defaulCreateGovernanceActionValues,
+  });
+
+  useEffect(() => {
+    if (checkIsWalletConnected()) {
+      navigate(PATHS.home);
+    }
+  }, []);
+
+  const onClickBackToDashboard = () =>
+    openModal({
+      type: "statusModal",
+      state: {
+        status: "warning",
+        message: t("modals.createGovernanceAction.cancelModalDescription"),
+        buttonText: t("modals.common.goToDashboard"),
+        title: t("modals.createGovernanceAction.cancelModalTitle"),
+        dataTestId: "cancel-governance-action-creation-modal",
+        onSubmit: backToDashboard,
+      },
+    });
+
+  const backToDashboard = () => {
+    navigate(PATHS.dashboard);
+    closeModal();
+  };
+
+  return (
+    <Background isReverted>
+      <Box
+        sx={{ display: "flex", flexDirection: "column", minHeight: "100vh" }}
+      >
+        <DashboardTopNav title={t("createGovernanceAction.title")} />
+        <BackToButton
+          label={t("backToDashboard")}
+          onClick={onClickBackToDashboard}
+          sx={{
+            mb: isMobile ? 0 : 1.5,
+            ml: isMobile ? 2 : 5,
+            mt: isMobile ? 3 : 1.5,
+          }}
+        />
+        <FormProvider {...methods}>
+          {step === 1 && (
+            <ChooseGovernanceActionType
+              onClickCancel={onClickBackToDashboard}
+              setStep={setStep}
+            />
+          )}
+        </FormProvider>
+        {isMobile && <Footer />}
+      </Box>
+    </Background>
+  );
+};
diff --git a/govtool/frontend/src/pages/RegisterAsdRep.tsx b/govtool/frontend/src/pages/RegisterAsdRep.tsx
index b1788f106..06fb7fc00 100644
--- a/govtool/frontend/src/pages/RegisterAsdRep.tsx
+++ b/govtool/frontend/src/pages/RegisterAsdRep.tsx
@@ -5,11 +5,13 @@ import { Box } from "@mui/material";
 
 import { Background } from "@atoms";
 import { PATHS } from "@consts";
+import { useModal } from "@context";
 import {
   useScreenDimension,
   useUrlAndHashFormController as useRegisterAsdRepFormController,
   useTranslation,
 } from "@hooks";
+import { BackToButton } from "@molecules";
 import {
   DashboardTopNav,
   Footer,
@@ -24,6 +26,7 @@ export const RegisterAsdRep = () => {
   const { isMobile } = useScreenDimension();
   const navigate = useNavigate();
   const { t } = useTranslation();
+  const { closeModal, openModal } = useModal();
 
   const registerAsdRepFormMethods = useRegisterAsdRepFormController();
 
@@ -33,14 +36,46 @@ export const RegisterAsdRep = () => {
     }
   }, []);
 
+  const onClickBackToDashboard = () =>
+    openModal({
+      type: "statusModal",
+      state: {
+        status: "warning",
+        message: t("modals.registration.cancelDescription"),
+        buttonText: t("modals.common.goToDashboard"),
+        title: t("modals.registration.cancelTitle"),
+        dataTestId: "cancel-registration-modal",
+        onSubmit: backToDashboard,
+      },
+    });
+
+  const backToDashboard = () => {
+    navigate(PATHS.dashboard);
+    closeModal();
+  };
+
   return (
     <Background isReverted>
       <Box
         sx={{ display: "flex", flexDirection: "column", minHeight: "100vh" }}
       >
         <DashboardTopNav title={t("registration.becomeADRep")} />
+        <BackToButton
+          label={t("backToDashboard")}
+          onClick={onClickBackToDashboard}
+          sx={{
+            mb: isMobile ? 0 : 1.5,
+            ml: isMobile ? 2 : 5,
+            mt: isMobile ? 3 : 1.5,
+          }}
+        />
         <FormProvider {...registerAsdRepFormMethods}>
-          {step === 1 && <RegisterAsdRepStepOne setStep={setStep} />}
+          {step === 1 && (
+            <RegisterAsdRepStepOne
+              onClickCancel={onClickBackToDashboard}
+              setStep={setStep}
+            />
+          )}
           {step === 2 && <RegisterAsdRepStepTwo setStep={setStep} />}
           {step === 3 && <RegisterAsdRepStepThree setStep={setStep} />}
         </FormProvider>

From fe3af34c4ec9dc3f818b16d68bec60b209fb8987 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Mon, 4 Mar 2024 20:38:21 +0100
Subject: [PATCH 059/109] add to changelog

---
 CHANGELOG.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1e0a7fe34..daf513969 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,9 @@ As a minor extension, we also keep a semantic version for the `UNRELEASED`
 changes.
 
 ## [Unreleased]
+- Abandoning registration as DRep [Issue 151](https://github.com/IntersectMBO/govtool/issues/151)
+- Abandoning GA creation [Issue 359](https://github.com/IntersectMBO/govtool/issues/359)
+- Choose GA type - GA Submiter [Issue 358](https://github.com/IntersectMBO/govtool/issues/358)
 - Change step 3 components [Issue 152](https://github.com/intersectMBO/govtool/issues/152)
 - Add possibility to vote on behalf of myself - Sole Voter [Issue 119](https://github.com/IntersectMBO/govtool/issues/119)
 - Create DRep registration page about roles [Issue 205](https://github.com/IntersectMBO/govtool/issues/205)

From c9c01e221398d3586a299b4f205fd23aa530a982 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Tue, 5 Mar 2024 18:14:31 +0100
Subject: [PATCH 060/109] [#358] delete console.log

---
 .../frontend/src/hooks/forms/useCreateGovernanceActionForm.ts  | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
index bb4335f71..ce2aaadc0 100644
--- a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
+++ b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
@@ -22,9 +22,8 @@ export const useCreateGovernanceActionForm = () => {
     watch,
   } = useFormContext<createGovernanceActionValues>();
 
-  const onSubmit = useCallback(async (values: createGovernanceActionValues) => {
+  const onSubmit = useCallback(async () => {
     setIsLoading(true);
-    console.log(values);
     try {
     } catch (e: any) {
     } finally {

From 5d70919bdf7275638d84d9f73b7222e81579bb98 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Tue, 5 Mar 2024 08:33:53 +0100
Subject: [PATCH 061/109] [#360] [#110] add textarea atom/ form for GAs

---
 .../src/components/atoms/FormHelpfulText.tsx  |  23 +++
 .../src/components/atoms/InfoText.tsx         |   9 +
 .../frontend/src/components/atoms/Input.tsx   |   9 +-
 .../src/components/atoms/TextArea.tsx         |  70 ++++++++
 .../frontend/src/components/atoms/index.ts    |   3 +
 .../frontend/src/components/atoms/types.ts    |  16 ++
 .../src/components/molecules/Field/Input.tsx  |  20 ++-
 .../components/molecules/Field/TextArea.tsx   |  97 +++++++++++
 .../src/components/molecules/Field/index.tsx  |   3 +
 .../src/components/molecules/Field/types.ts   |  19 ++-
 .../organisms/ChooseGovernanceActionType.tsx  |   4 +-
 .../organisms/ControlledField/Input.tsx       |  49 +++---
 .../organisms/ControlledField/TextArea.tsx    |  32 ++++
 .../organisms/ControlledField/index.tsx       |   3 +
 .../organisms/ControlledField/types.ts        |  17 +-
 .../organisms/CreateGovernanceActionForm.tsx  | 156 ++++++++++++++++++
 .../src/components/organisms/index.ts         |   1 +
 .../src/consts/governanceActionTypes.ts       |  63 +++++++
 .../forms/useCreateGovernanceActionForm.ts    |   4 +
 govtool/frontend/src/i18n/locales/en.ts       |  11 ++
 .../src/pages/CreateGovernanceAction.tsx      |   2 +
 21 files changed, 578 insertions(+), 33 deletions(-)
 create mode 100644 govtool/frontend/src/components/atoms/FormHelpfulText.tsx
 create mode 100644 govtool/frontend/src/components/atoms/InfoText.tsx
 create mode 100644 govtool/frontend/src/components/atoms/TextArea.tsx
 create mode 100644 govtool/frontend/src/components/molecules/Field/TextArea.tsx
 create mode 100644 govtool/frontend/src/components/organisms/ControlledField/TextArea.tsx
 create mode 100644 govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx

diff --git a/govtool/frontend/src/components/atoms/FormHelpfulText.tsx b/govtool/frontend/src/components/atoms/FormHelpfulText.tsx
new file mode 100644
index 000000000..4ceed950a
--- /dev/null
+++ b/govtool/frontend/src/components/atoms/FormHelpfulText.tsx
@@ -0,0 +1,23 @@
+import { Typography } from "@mui/material";
+
+import { FormHelpfulTextProps } from "./types";
+
+export const FormHelpfulText = ({
+  helpfulText,
+  helpfulTextStyle,
+}: FormHelpfulTextProps) => {
+  return (
+    helpfulText && (
+      <Typography
+        color="#9792B5"
+        data-testid={`${helpfulText.replace(/\s+/g, "-").toLowerCase()}-error`}
+        fontSize={12}
+        fontWeight={400}
+        sx={{ mt: 0.5 }}
+        {...helpfulTextStyle}
+      >
+        {helpfulText}
+      </Typography>
+    )
+  );
+};
diff --git a/govtool/frontend/src/components/atoms/InfoText.tsx b/govtool/frontend/src/components/atoms/InfoText.tsx
new file mode 100644
index 000000000..399ea6804
--- /dev/null
+++ b/govtool/frontend/src/components/atoms/InfoText.tsx
@@ -0,0 +1,9 @@
+import { InfoTextProps, Typography } from ".";
+
+export const InfoText = ({ label, sx }: InfoTextProps) => {
+  return (
+    <Typography color="#FF833B" sx={sx} variant="body1">
+      {label.toLocaleUpperCase()}
+    </Typography>
+  );
+};
diff --git a/govtool/frontend/src/components/atoms/Input.tsx b/govtool/frontend/src/components/atoms/Input.tsx
index b29958aec..029b47a88 100644
--- a/govtool/frontend/src/components/atoms/Input.tsx
+++ b/govtool/frontend/src/components/atoms/Input.tsx
@@ -41,12 +41,19 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
         inputProps={{ "data-testid": dataTestId }}
         inputRef={inputRef}
         sx={{
-          backgroundColor: errorMessage ? "inputRed" : "transparent",
+          backgroundColor: errorMessage ? "inputRed" : "white",
           border: 1,
           borderColor: errorMessage ? "red" : "secondaryBlue",
           borderRadius: 50,
           padding: "8px 16px",
           width: "100%",
+          "& input.Mui-disabled": {
+            WebkitTextFillColor: "#4C495B",
+          },
+          "&.Mui-disabled": {
+            backgroundColor: "#F5F5F8",
+            borderColor: "#9792B5",
+          },
           ...sx,
         }}
         {...rest}
diff --git a/govtool/frontend/src/components/atoms/TextArea.tsx b/govtool/frontend/src/components/atoms/TextArea.tsx
new file mode 100644
index 000000000..06c778a04
--- /dev/null
+++ b/govtool/frontend/src/components/atoms/TextArea.tsx
@@ -0,0 +1,70 @@
+import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+import { TextareaAutosize, styled } from "@mui/material";
+
+import { useScreenDimension } from "@hooks";
+
+import { TextAreaProps } from "./types";
+
+const TextAreaBase = styled(TextareaAutosize)(
+  () => `
+  font-family: "Poppins";
+  font-size: 16px;
+  font-weight: 400;
+    ::placeholder {
+      font-family: "Poppins";
+      font-size: 16px;
+      font-weight: 400;
+      color: #a6a6a6;
+    }
+    `
+);
+
+export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
+  ({ errorMessage, maxLength = 500, onBlur, onFocus, ...props }, ref) => {
+    const { isMobile } = useScreenDimension();
+    const textAraeRef = useRef<HTMLTextAreaElement>(null);
+
+    const handleFocus = useCallback(
+      (e: React.FocusEvent<HTMLTextAreaElement>) => {
+        onFocus?.(e);
+        textAraeRef.current?.focus();
+      },
+      []
+    );
+
+    const handleBlur = useCallback(
+      (e: React.FocusEvent<HTMLTextAreaElement>) => {
+        onBlur?.(e);
+        textAraeRef.current?.blur();
+      },
+      []
+    );
+
+    useImperativeHandle(
+      ref,
+      () =>
+        ({
+          focus: handleFocus,
+          blur: handleBlur,
+          ...textAraeRef.current,
+        } as unknown as HTMLTextAreaElement),
+      [handleBlur, handleFocus]
+    );
+
+    return (
+      <TextAreaBase
+        style={{
+          border: `1px solid ${errorMessage ? "red" : "#6F99FF"}`,
+          borderRadius: "24px",
+          height: isMobile ? "104px" : "128px",
+          outline: "none",
+          padding: "12px 14px",
+          resize: "none",
+        }}
+        maxLength={maxLength}
+        ref={textAraeRef}
+        {...props}
+      />
+    );
+  }
+);
diff --git a/govtool/frontend/src/components/atoms/index.ts b/govtool/frontend/src/components/atoms/index.ts
index b022b4cea..7072b7635 100644
--- a/govtool/frontend/src/components/atoms/index.ts
+++ b/govtool/frontend/src/components/atoms/index.ts
@@ -6,7 +6,9 @@ export * from "./ClickOutside";
 export * from "./CopyButton";
 export * from "./DrawerLink";
 export * from "./FormErrorMessage";
+export * from "./FormHelpfulText";
 export * from "./HighlightedText";
+export * from "./InfoText";
 export * from "./Input";
 export * from "./Link";
 export * from "./LoadingButton";
@@ -19,6 +21,7 @@ export * from "./ScrollToManage";
 export * from "./ScrollToTop";
 export * from "./Spacer";
 export * from "./StakeRadio";
+export * from "./TextArea";
 export * from "./Tooltip";
 export * from "./Typography";
 export * from "./VotePill";
diff --git a/govtool/frontend/src/components/atoms/types.ts b/govtool/frontend/src/components/atoms/types.ts
index 8aafaaf39..34f0fdf14 100644
--- a/govtool/frontend/src/components/atoms/types.ts
+++ b/govtool/frontend/src/components/atoms/types.ts
@@ -4,6 +4,8 @@ import {
   CheckboxProps as MUICheckboxProps,
   InputBaseProps,
   TypographyProps as MUITypographyProps,
+  TextareaAutosizeProps,
+  SxProps,
 } from "@mui/material";
 
 export type ButtonProps = Omit<MUIButtonProps, "size"> & {
@@ -55,3 +57,17 @@ export type FormErrorMessageProps = {
   errorMessage?: string;
   errorStyles?: MUITypographyProps;
 };
+
+export type FormHelpfulTextProps = {
+  helpfulText?: string;
+  helpfulTextStyle?: MUITypographyProps;
+};
+
+export type TextAreaProps = TextareaAutosizeProps & {
+  errorMessage?: string;
+};
+
+export type InfoTextProps = {
+  label: string;
+  sx?: SxProps;
+};
diff --git a/govtool/frontend/src/components/molecules/Field/Input.tsx b/govtool/frontend/src/components/molecules/Field/Input.tsx
index 41b2875d6..58dbe521e 100644
--- a/govtool/frontend/src/components/molecules/Field/Input.tsx
+++ b/govtool/frontend/src/components/molecules/Field/Input.tsx
@@ -1,7 +1,12 @@
 import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
 import { Box } from "@mui/material";
 
-import { FormErrorMessage, Input as InputBase, Typography } from "@atoms";
+import {
+  FormErrorMessage,
+  FormHelpfulText,
+  Input as InputBase,
+  Typography,
+} from "@atoms";
 
 import { InputFieldProps } from "./types";
 
@@ -10,6 +15,8 @@ export const Input = forwardRef<HTMLInputElement, InputFieldProps>(
     {
       errorMessage,
       errorStyles,
+      helpfulText,
+      helpfulTextStyle,
       label,
       labelStyles,
       layoutStyles,
@@ -45,11 +52,20 @@ export const Input = forwardRef<HTMLInputElement, InputFieldProps>(
     return (
       <Box sx={{ width: "100%", ...layoutStyles }}>
         {label && (
-          <Typography fontWeight={400} variant="body2" {...labelStyles}>
+          <Typography
+            fontWeight={400}
+            sx={{ mb: 0.5 }}
+            variant="body2"
+            {...labelStyles}
+          >
             {label}
           </Typography>
         )}
         <InputBase errorMessage={errorMessage} {...rest} ref={inputRef} />
+        <FormHelpfulText
+          helpfulText={helpfulText}
+          helpfulTextStyle={helpfulTextStyle}
+        />
         <FormErrorMessage
           errorMessage={errorMessage}
           errorStyles={errorStyles}
diff --git a/govtool/frontend/src/components/molecules/Field/TextArea.tsx b/govtool/frontend/src/components/molecules/Field/TextArea.tsx
new file mode 100644
index 000000000..8a358a6db
--- /dev/null
+++ b/govtool/frontend/src/components/molecules/Field/TextArea.tsx
@@ -0,0 +1,97 @@
+import { Box } from "@mui/material";
+
+import {
+  FormErrorMessage,
+  FormHelpfulText,
+  TextArea as TextAreaBase,
+  Typography,
+} from "@atoms";
+
+import { TextAreaFieldProps } from "./types";
+import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+
+export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaFieldProps>(
+  (
+    {
+      errorMessage,
+      errorStyles,
+      helpfulText,
+      helpfulTextStyle,
+      label,
+      labelStyles,
+      layoutStyles,
+      maxLength = 500,
+      onBlur,
+      onFocus,
+      ...props
+    },
+    ref
+  ) => {
+    const textAreaRef = useRef<HTMLTextAreaElement>(null);
+
+    const handleFocus = useCallback(
+      (e: React.FocusEvent<HTMLTextAreaElement>) => {
+        onFocus?.(e);
+        textAreaRef.current?.focus();
+      },
+      []
+    );
+
+    const handleBlur = useCallback(
+      (e: React.FocusEvent<HTMLTextAreaElement>) => {
+        onBlur?.(e);
+        textAreaRef.current?.blur();
+      },
+      []
+    );
+
+    useImperativeHandle(
+      ref,
+      () =>
+        ({
+          focus: handleFocus,
+          blur: handleBlur,
+          ...textAreaRef.current,
+        } as unknown as HTMLTextAreaElement),
+      [handleBlur, handleFocus]
+    );
+    return (
+      <Box
+        sx={{
+          display: "flex",
+          flexDirection: "column",
+          width: "100%",
+          position: "relative",
+          ...layoutStyles,
+        }}
+      >
+        {label && (
+          <Typography
+            fontWeight={400}
+            sx={{ mb: 0.5 }}
+            variant="body2"
+            {...labelStyles}
+          >
+            {label}
+          </Typography>
+        )}
+        <TextAreaBase maxLength={maxLength} {...props} ref={textAreaRef} />
+        <FormHelpfulText
+          helpfulText={helpfulText}
+          helpfulTextStyle={helpfulTextStyle}
+        />
+        <FormErrorMessage
+          errorMessage={errorMessage}
+          errorStyles={errorStyles}
+        />
+        <Typography
+          color="#8E908E"
+          sx={{ bottom: 35, position: "absolute", right: 15 }}
+          variant="caption"
+        >
+          {props?.value?.toString()?.length ?? 0}/{maxLength}
+        </Typography>
+      </Box>
+    );
+  }
+);
diff --git a/govtool/frontend/src/components/molecules/Field/index.tsx b/govtool/frontend/src/components/molecules/Field/index.tsx
index c5e953689..b954e18b1 100644
--- a/govtool/frontend/src/components/molecules/Field/index.tsx
+++ b/govtool/frontend/src/components/molecules/Field/index.tsx
@@ -2,10 +2,12 @@ import React, { PropsWithChildren } from "react";
 
 import { Checkbox } from "./Checkbox";
 import { Input } from "./Input";
+import { TextArea } from "./TextArea";
 
 type FieldComposition = React.FC<PropsWithChildren> & {
   Input: typeof Input;
   Checkbox: typeof Checkbox;
+  TextArea: typeof TextArea;
 };
 
 const Field: FieldComposition = ({ children }) => {
@@ -14,6 +16,7 @@ const Field: FieldComposition = ({ children }) => {
 
 Field.Checkbox = Checkbox;
 Field.Input = Input;
+Field.TextArea = TextArea;
 
 export { Field };
 
diff --git a/govtool/frontend/src/components/molecules/Field/types.ts b/govtool/frontend/src/components/molecules/Field/types.ts
index 05382ef6d..8867231a9 100644
--- a/govtool/frontend/src/components/molecules/Field/types.ts
+++ b/govtool/frontend/src/components/molecules/Field/types.ts
@@ -1,10 +1,17 @@
 import { BoxProps, TypographyProps as MUITypographyProps } from "@mui/material";
 
-import { CheckboxProps, InputProps, TypographyProps } from "@atoms";
+import {
+  CheckboxProps,
+  InputProps,
+  TextAreaProps,
+  TypographyProps,
+} from "@atoms";
 
 export type InputFieldProps = InputProps & {
   errorMessage?: string;
   errorStyles?: MUITypographyProps;
+  helpfulText?: string;
+  helpfulTextStyle?: MUITypographyProps;
   label?: string;
   labelStyles?: TypographyProps;
   layoutStyles?: BoxProps;
@@ -17,3 +24,13 @@ export type CheckboxFieldProps = CheckboxProps & {
   labelStyles?: TypographyProps;
   layoutStyles?: BoxProps;
 };
+
+export type TextAreaFieldProps = TextAreaProps & {
+  errorMessage?: string;
+  errorStyles?: MUITypographyProps;
+  helpfulText?: string;
+  helpfulTextStyle?: MUITypographyProps;
+  label?: string;
+  labelStyles?: TypographyProps;
+  layoutStyles?: BoxProps;
+};
diff --git a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
index 91eec706e..40c50f17e 100644
--- a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
+++ b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
@@ -34,7 +34,7 @@ export const ChooseGovernanceActionType = ({
     return GOVERNANCE_ACTION_TYPES.map((type, index) => {
       const isChecked = getValues("type") === type;
       return (
-        <>
+        <div key={type}>
           <ActionRadio
             isChecked={isChecked}
             onChange={onChangeType}
@@ -42,7 +42,7 @@ export const ChooseGovernanceActionType = ({
             value={type}
           />
           {index + 1 < GOVERNANCE_ACTION_TYPES.length ? <Spacer y={2} /> : null}
-        </>
+        </div>
       );
     });
   };
diff --git a/govtool/frontend/src/components/organisms/ControlledField/Input.tsx b/govtool/frontend/src/components/organisms/ControlledField/Input.tsx
index a58d4c91d..d9a2e2f34 100644
--- a/govtool/frontend/src/components/organisms/ControlledField/Input.tsx
+++ b/govtool/frontend/src/components/organisms/ControlledField/Input.tsx
@@ -1,32 +1,33 @@
-import { useCallback } from "react";
+import { forwardRef, useCallback } from "react";
 import { Controller, get } from "react-hook-form";
 
 import { Field } from "@molecules";
 
 import { ControlledInputProps, RenderInputProps } from "./types";
 
-export const Input = ({
-  control,
-  name,
-  errors,
-  rules,
-  ...props
-}: ControlledInputProps) => {
-  const errorMessage = get(errors, name)?.message as string;
+export const Input = forwardRef<HTMLInputElement, ControlledInputProps>(
+  ({ control, name, errors, rules, ...props }, ref) => {
+    const errorMessage = get(errors, name)?.message as string;
 
-  const renderInput = useCallback(
-    ({ field }: RenderInputProps) => (
-      <Field.Input {...props} {...field} errorMessage={errorMessage} />
-    ),
-    [errorMessage, props]
-  );
+    const renderInput = useCallback(
+      ({ field }: RenderInputProps) => (
+        <Field.Input
+          {...props}
+          {...field}
+          errorMessage={errorMessage}
+          ref={ref}
+        />
+      ),
+      [errorMessage, props]
+    );
 
-  return (
-    <Controller
-      name={name}
-      control={control}
-      rules={rules}
-      render={renderInput}
-    />
-  );
-};
+    return (
+      <Controller
+        name={name}
+        control={control}
+        rules={rules}
+        render={renderInput}
+      />
+    );
+  }
+);
diff --git a/govtool/frontend/src/components/organisms/ControlledField/TextArea.tsx b/govtool/frontend/src/components/organisms/ControlledField/TextArea.tsx
new file mode 100644
index 000000000..163b6562d
--- /dev/null
+++ b/govtool/frontend/src/components/organisms/ControlledField/TextArea.tsx
@@ -0,0 +1,32 @@
+import { useCallback } from "react";
+import { Controller, get } from "react-hook-form";
+
+import { Field } from "@molecules";
+
+import { ControlledTextAreaProps, RenderInputProps } from "./types";
+
+export const TextArea = ({
+  control,
+  name,
+  errors,
+  rules,
+  ...props
+}: ControlledTextAreaProps) => {
+  const errorMessage = get(errors, name)?.message as string;
+
+  const renderInput = useCallback(
+    ({ field }: RenderInputProps) => (
+      <Field.TextArea {...props} {...field} errorMessage={errorMessage} />
+    ),
+    [errorMessage, props]
+  );
+
+  return (
+    <Controller
+      name={name}
+      control={control}
+      rules={rules}
+      render={renderInput}
+    />
+  );
+};
diff --git a/govtool/frontend/src/components/organisms/ControlledField/index.tsx b/govtool/frontend/src/components/organisms/ControlledField/index.tsx
index 1cb8c7d5c..e7a50f7ed 100644
--- a/govtool/frontend/src/components/organisms/ControlledField/index.tsx
+++ b/govtool/frontend/src/components/organisms/ControlledField/index.tsx
@@ -2,10 +2,12 @@ import React, { PropsWithChildren } from "react";
 
 import { Checkbox } from "./Checkbox";
 import { Input } from "./Input";
+import { TextArea } from "./TextArea";
 
 type ControlledFieldComposition = React.FC<PropsWithChildren> & {
   Checkbox: typeof Checkbox;
   Input: typeof Input;
+  TextArea: typeof TextArea;
 };
 
 const ControlledField: ControlledFieldComposition = ({ children }) => {
@@ -14,5 +16,6 @@ const ControlledField: ControlledFieldComposition = ({ children }) => {
 
 ControlledField.Checkbox = Checkbox;
 ControlledField.Input = Input;
+ControlledField.TextArea = TextArea;
 
 export { ControlledField };
diff --git a/govtool/frontend/src/components/organisms/ControlledField/types.ts b/govtool/frontend/src/components/organisms/ControlledField/types.ts
index f75c9b978..6bf85727d 100644
--- a/govtool/frontend/src/components/organisms/ControlledField/types.ts
+++ b/govtool/frontend/src/components/organisms/ControlledField/types.ts
@@ -1,4 +1,8 @@
-import { CheckboxFieldProps, InputFieldProps } from "@molecules";
+import {
+  CheckboxFieldProps,
+  InputFieldProps,
+  TextAreaFieldProps,
+} from "@molecules";
 import {
   Control,
   ControllerRenderProps,
@@ -9,8 +13,8 @@ import {
 } from "react-hook-form";
 
 export type ControlledInputProps = InputFieldProps & {
-  control: Control<any>;
-  errors: FieldErrors<any>;
+  control?: Control<any>;
+  errors?: FieldErrors<any>;
   name: Path<any>;
   rules?: Omit<RegisterOptions, "valueAsNumber" | "valueAsDate" | "setValueAs">;
 };
@@ -28,3 +32,10 @@ export type ControlledCheckboxProps = Omit<
 export type RenderInputProps = {
   field: ControllerRenderProps<FieldValues, string>;
 };
+
+export type ControlledTextAreaProps = TextAreaFieldProps & {
+  control: Control<any>;
+  errors: FieldErrors<any>;
+  name: Path<any>;
+  rules?: Omit<RegisterOptions, "valueAsNumber" | "valueAsDate" | "setValueAs">;
+};
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
new file mode 100644
index 000000000..cd6cf3157
--- /dev/null
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
@@ -0,0 +1,156 @@
+import { Dispatch, SetStateAction, useCallback } from "react";
+import { useFieldArray } from "react-hook-form";
+import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline";
+
+import { Button, InfoText, Spacer, Typography } from "@atoms";
+import { GOVERNANCE_ACTIONS_FIELDS } from "@consts";
+import { useCreateGovernanceActionForm, useTranslation } from "@hooks";
+import { Field } from "@molecules";
+
+import { BgCard } from "./BgCard";
+import { ControlledField } from "./ControlledField";
+
+const LINK_PLACEHOLDER = "https://website.com/";
+const MAX_NUMBER_OF_LINKS = 7;
+
+type ChooseGovernanceActionTypeProps = {
+  setStep: Dispatch<SetStateAction<number>>;
+};
+
+export const CreateGovernanceActionForm = ({
+  setStep,
+}: ChooseGovernanceActionTypeProps) => {
+  const { t } = useTranslation();
+  const { control, errors, getValues, register, watch } =
+    useCreateGovernanceActionForm();
+  const {
+    append,
+    fields: links,
+    remove,
+  } = useFieldArray({
+    control,
+    name: "links",
+  });
+
+  const governanceActionType = getValues("type");
+  const fields =
+    GOVERNANCE_ACTIONS_FIELDS.find(
+      (field) => field.name === governanceActionType
+    )?.fields ?? [];
+
+  // TODO: Replace any
+  const isContinueButtonDisabled = Object.keys(fields).some(
+    (field: any) => !watch(field)
+  );
+
+  const onClickContinue = () => {
+    setStep(3);
+  };
+
+  const onClickBack = () => {
+    setStep(1);
+  };
+
+  const renderGovernanceActionField = () => {
+    return Object.entries(fields).map(([key, value]) => {
+      const label =
+        key.charAt(0).toUpperCase() + key.slice(1).replace("_", " ");
+
+      if (value.component === "input") {
+        return (
+          <ControlledField.Input
+            {...{ control, errors }}
+            helpfulText={value.tip}
+            key={key}
+            label={label}
+            layoutStyles={{ mb: 3 }}
+            name={key}
+            placeholder={value.placeholder}
+          />
+        );
+      }
+      if (value.component === "textarea") {
+        return (
+          <ControlledField.TextArea
+            {...{ control, errors }}
+            helpfulText={value.tip}
+            key={key}
+            label={label}
+            layoutStyles={{ mb: 3 }}
+            name={key}
+            placeholder={value.placeholder}
+          />
+        );
+      }
+    });
+  };
+
+  const addLink = useCallback(() => {
+    append({ link: "" });
+  }, [append]);
+
+  const removeLink = useCallback(
+    (index: number) => {
+      remove(index);
+    },
+    [remove]
+  );
+
+  const renderLinks = useCallback(() => {
+    return links.map((field, index) => {
+      return (
+        <ControlledField.Input
+          {...register(`links.${index}.link`)}
+          endAdornment={
+            links.length > 1 ? (
+              <DeleteOutlineIcon
+                color="primary"
+                sx={{ cursor: "pointer", height: 24, with: 24 }}
+                onClick={() => removeLink(index)}
+              />
+            ) : null
+          }
+          key={field.id}
+          label={t("forms.link") + ` ${index + 1}`}
+          layoutStyles={{ mb: 3 }}
+          placeholder={LINK_PLACEHOLDER}
+        />
+      );
+    });
+  }, [links]);
+
+  return (
+    <BgCard
+      actionButtonLabel={t("continue")}
+      isActionButtonDisabled={isContinueButtonDisabled}
+      onClickActionButton={onClickContinue}
+      onClickBackButton={onClickBack}
+    >
+      <InfoText label={t("required")} sx={{ mb: 0.75, textAlign: "center" }} />
+      <Typography sx={{ textAlign: "center" }} variant="headline4">
+        {t("createGovernanceAction.formTitle")}
+      </Typography>
+      <Spacer y={4.25} />
+      <Field.Input
+        disabled={true}
+        helpfulText={t("forms.createGovernanceAction.typeTip")}
+        label={t("forms.createGovernanceAction.typeLabel")}
+        value={governanceActionType}
+      />
+      <Spacer y={3} />
+      {renderGovernanceActionField()}
+      <InfoText label={t("optional")} sx={{ mb: 0.75, textAlign: "center" }} />
+      <Typography sx={{ textAlign: "center" }} variant="headline4">
+        {t("createGovernanceAction.references")}
+      </Typography>
+      <Spacer y={4.25} />
+      {renderLinks()}
+      {links?.length < MAX_NUMBER_OF_LINKS ? (
+        <Button onClick={addLink} size="extraLarge" variant="text">
+          {t("addLink")}
+        </Button>
+      ) : null}
+      <Spacer y={3} />
+    </BgCard>
+  );
+};
diff --git a/govtool/frontend/src/components/organisms/index.ts b/govtool/frontend/src/components/organisms/index.ts
index 749a01357..c787e72aa 100644
--- a/govtool/frontend/src/components/organisms/index.ts
+++ b/govtool/frontend/src/components/organisms/index.ts
@@ -2,6 +2,7 @@ export * from "./BgCard";
 export * from "./ChooseGovernanceActionType";
 export * from "./ChooseStakeKeyPanel";
 export * from "./ChooseWalletModal";
+export * from "./CreateGovernanceActionForm";
 export * from "./ControlledField";
 export * from "./DashboardCards";
 export * from "./DashboardCards";
diff --git a/govtool/frontend/src/consts/governanceActionTypes.ts b/govtool/frontend/src/consts/governanceActionTypes.ts
index b3b6a8539..8930119d8 100644
--- a/govtool/frontend/src/consts/governanceActionTypes.ts
+++ b/govtool/frontend/src/consts/governanceActionTypes.ts
@@ -1 +1,64 @@
 export const GOVERNANCE_ACTION_TYPES = ["Info", "Treasury"];
+
+export const GOVERNANCE_ACTIONS_FIELDS = [
+  {
+    name: "Info",
+    fields: {
+      title: {
+        component: "input",
+        placeholder: "A name for this Action",
+        tip: "",
+      },
+      abstract: {
+        component: "textarea",
+        placeholder: "Summary",
+        tip: "General summary of the Action",
+      },
+      motivation: {
+        component: "textarea",
+        placeholder: "Problem this GA will solve",
+        tip: "How will this solve a problem",
+      },
+      rationale: {
+        component: "textarea",
+        placeholder: "Content of Governance Action",
+        tip: "Put all the content of the GA here",
+      },
+    },
+  },
+  {
+    name: "Treasury",
+    fields: {
+      title: {
+        component: "input",
+        placeholder: "A name for this Action",
+        tip: "",
+      },
+      abstract: {
+        component: "textarea",
+        placeholder: "Summary",
+        tip: "General summary of the Action",
+      },
+      motivation: {
+        component: "textarea",
+        placeholder: "Problem this GA will solve",
+        tip: "How will this solve a problem",
+      },
+      Rationale: {
+        component: "textarea",
+        placeholder: "Content of Governance Action",
+        tip: "Put all the content of the GA here",
+      },
+      receiving_address: {
+        component: "input",
+        placeholder: "Receiving address",
+        tip: "",
+      },
+      amount: {
+        component: "input",
+        placeholder: "e.g. 20000",
+        tip: "",
+      },
+    },
+  },
+];
diff --git a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
index ce2aaadc0..565cdca9b 100644
--- a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
+++ b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
@@ -3,11 +3,13 @@ import { useFormContext } from "react-hook-form";
 
 type createGovernanceActionValues = {
   type: string;
+  links?: { link: string }[];
 };
 
 export const defaulCreateGovernanceActionValues: createGovernanceActionValues =
   {
     type: "",
+    links: [{ link: "" }],
   };
 
 export const useCreateGovernanceActionForm = () => {
@@ -20,6 +22,7 @@ export const useCreateGovernanceActionForm = () => {
     handleSubmit,
     setValue,
     watch,
+    register,
   } = useFormContext<createGovernanceActionValues>();
 
   const onSubmit = useCallback(async () => {
@@ -40,5 +43,6 @@ export const useCreateGovernanceActionForm = () => {
     setValue,
     submitForm: handleSubmit(onSubmit),
     watch,
+    register,
   };
 };
diff --git a/govtool/frontend/src/i18n/locales/en.ts b/govtool/frontend/src/i18n/locales/en.ts
index 8483755e6..5b775de1a 100644
--- a/govtool/frontend/src/i18n/locales/en.ts
+++ b/govtool/frontend/src/i18n/locales/en.ts
@@ -124,6 +124,8 @@ export const en = {
     },
     createGovernanceAction: {
       chooseGATypeTitle: "Choose a Governance Action type",
+      formTitle: "Governance Action details",
+      references: "References and Supporting Information",
       title: "Create a Governance Action",
     },
     delegation: {
@@ -187,8 +189,14 @@ export const en = {
     forms: {
       hashPlaceholder: "The hash of metadata at URL",
       howCreateUrlAndHash: "How to create URL and hash?",
+      link: "Link",
       urlWithContextPlaceholder: "Your URL with with your context",
       urlWithInfoPlaceholder: "Your URL with extra info about you",
+      createGovernanceAction: {
+        typeLabel: "Governance Action Type",
+        typeTip:
+          "To change the Governance Action Type go back to the previous page.",
+      },
       errors: {
         hashInvalidFormat: "Invalid hash format",
         hashInvalidLength: "Hash must be exactly 64 characters long",
@@ -427,6 +435,7 @@ export const en = {
         "Warning, no registered stake keys, using unregistered stake keys",
     },
     abstain: "Abstain",
+    addLink: "+ Add link",
     back: "Back",
     backToDashboard: "Back to dashboard",
     backToList: "Back to the list",
@@ -443,7 +452,9 @@ export const en = {
     nextStep: "Next step",
     no: "No",
     ok: "Ok",
+    optional: "Optional",
     register: "Register",
+    required: "required",
     seeTransaction: "See transaction",
     select: "Select",
     skip: "Skip",
diff --git a/govtool/frontend/src/pages/CreateGovernanceAction.tsx b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
index 295dda462..bc7a8fb2c 100644
--- a/govtool/frontend/src/pages/CreateGovernanceAction.tsx
+++ b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
@@ -14,6 +14,7 @@ import {
 import { BackToButton } from "@molecules";
 import {
   ChooseGovernanceActionType,
+  CreateGovernanceActionForm,
   DashboardTopNav,
   Footer,
 } from "@organisms";
@@ -77,6 +78,7 @@ export const CreateGovernanceAction = () => {
               setStep={setStep}
             />
           )}
+          {step === 2 && <CreateGovernanceActionForm setStep={setStep} />}
         </FormProvider>
         {isMobile && <Footer />}
       </Box>

From c4daf59ba8a28f42cf43c29a28e3565e8100f3fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Tue, 5 Mar 2024 08:36:02 +0100
Subject: [PATCH 062/109] [#360] [#110] add to changelog

---
 CHANGELOG.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index daf513969..5b6662494 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,8 @@ As a minor extension, we also keep a semantic version for the `UNRELEASED`
 changes.
 
 ## [Unreleased]
+- Create GA creation form [Issue 360](https://github.com/IntersectMBO/govtool/issues/360)
+- Create TextArea [Issue 110](https://github.com/IntersectMBO/govtool/issues/110)
 - Abandoning registration as DRep [Issue 151](https://github.com/IntersectMBO/govtool/issues/151)
 - Abandoning GA creation [Issue 359](https://github.com/IntersectMBO/govtool/issues/359)
 - Choose GA type - GA Submiter [Issue 358](https://github.com/IntersectMBO/govtool/issues/358)

From 89aae6c18477e4f5689b46c2660c51f2daa5b3ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Sza=C5=82owski?= <michal.szalowski@gmail.com>
Date: Tue, 5 Mar 2024 16:47:41 +0100
Subject: [PATCH 063/109] [#379] create the propose a governance action card

---
 .../public/images/ProposeGovAction.png        | Bin 0 -> 10302 bytes
 govtool/frontend/src/App.tsx                  |  18 +++---
 .../src/components/atoms/ScrollToManage.tsx   |   8 +--
 .../molecules/GovernanceVotedOnCard.tsx       |   2 +-
 .../components/organisms/DashboardCards.tsx   |  29 ++++++++-
 .../DashboardGovernanceActionDetails.tsx      |   6 +-
 .../organisms/GovernanceActionsToVote.tsx     |   4 +-
 .../src/components/organisms/HomeCards.tsx    |  57 ++++++++++++------
 .../src/components/organisms/Slider.tsx       |  15 ++---
 govtool/frontend/src/consts/images.ts         |   5 +-
 govtool/frontend/src/consts/navItems.ts       |   4 +-
 govtool/frontend/src/consts/paths.ts          |  17 +++---
 .../src/hooks/forms/useVoteActionForm.tsx     |   2 +-
 govtool/frontend/src/i18n/locales/en.ts       |  47 ++++++++++-----
 govtool/frontend/src/pages/Dashboard.tsx      |   4 +-
 .../DashboardGovernanceActionsCategory.tsx    |   6 +-
 .../src/pages/GovernanceActionDetails.tsx     |   6 +-
 .../frontend/src/pages/GovernanceActions.tsx  |   2 +-
 .../src/pages/GovernanceActionsCategory.tsx   |   6 +-
 19 files changed, 150 insertions(+), 88 deletions(-)
 create mode 100644 govtool/frontend/public/images/ProposeGovAction.png

diff --git a/govtool/frontend/public/images/ProposeGovAction.png b/govtool/frontend/public/images/ProposeGovAction.png
new file mode 100644
index 0000000000000000000000000000000000000000..a355503a3a2813ba522dd44bcf3b64fea17ea3bb
GIT binary patch
literal 10302
zcmV-ED8bi>P)<h;3K|Lk000e1NJLTq002|~002}71^@s69BUB400009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsHC(}tpK~#7F?R*Q+
zZD(2D`>or){`Ygu$&CO(6F{^Hl&Ec`iWnnkt0@JCGOd-VLmh3krPC=oOqsURPO-p@
z#Y$%sOGiYMsUTP`BZP2~5EDX30+Rbl$hrLYeOZ_9^LgI)TYLWrCpqWja6&TUO4jUs
z{=N6wYd!0|Jn!?q-xhg>Y~hO`FYkKfZPh&|H=AR-Z<fE=&TX4~@t%J*y76ma@|O>U
z=Dy7kzBzfhJPo%*o&np&7w){Q+1-6hs2kC}swIeja|pr7(`<W20Ge%2-s&gSKzt+8
zU=R4;hpS|>`aXG@ZBKhZH$QUIbDGiQl@b7?Cz7_qG&{Ztuau|R_Ou7oHIsjl_`2_a
zV79g(+3HYSHxnZ2g1Z)OKai)<_Ou3+G1Arkx^!_Moo5}Eq~8^n;*=Y&fWq(pmaNOO
z9{ah?&CS(jvwpkZtZ!^KtKX2PaLeQ=+z3!}=Uu;(EG+(v>-W9@blxFL!;b@jRq@GB
z<1L?YtBW_Z@8A9KXMQ+aTfDq;#j{1GNJQ8j{tG--iRT^It*?Fv|GaJX9S`kZ9VY1q
zCGm%ey36FH^?LcGY^C^Jc?!1ko+SZdDko3AQS!9YeDm0YQZ?_9EORc);ksS;NU|NO
zDi7PEZj$HY(Cz+Oa^ZouIoRg-(>MQ4e%XbuOZxEY3NaKQGL8nuQaTs#be-b!?qKg4
zyx)fhcVE@i^}BuL*IbrKI_QX`j&J>xTgv_(-V@|JZ|4<IfSFWx-Tr^mZuffE8%o&S
zg_Tt>%oI7s+t(-N!eKN~N|Y3x;0C>4t6cBB*>v~wGU%-(%ZmUK?=35PZ;ibHuyxSS
z_}V`R5PLZGY5;mkw~%bmm2{~uuAh<>j9d|3?)v#><UDWZ70~+jn|>-J*&n(D7TM`4
zm;&nP(oBKz<1sAHtj<rSy1S5w8w`DRVBe0PmWu*QPS%!S%{{RDN<mdXEAEXn6Y$bW
z4NwCQEws#}2SBkCP#Gwo;u86w4AXxGD?K6SaXW8GiSZIJ{SvO!g=!*xX9K|1^ircf
zd~5*3XeaKl-kmLJwl<{s=EF&|zOksmvMj}a^Q8FW>o{9{h=xs<S4$<80-)Y&WOWPy
z`~rT?MO%r{0S~VV+sy-hv-!H;@*l$a9g*{}eOmwxx8Ax^Kk$v83CACPS=iY*#J^2$
z{nVwnife>n3qUsGEx2hDeInQncMo-`fHJ(%x{zgH$zySOreJY%8LW)pO{W$j+BjNs
z2f|HwG)Hxh<9JQz;{DIY<F$U*|0g*Q+c{_XaK{Y`O_qGcO(%z&s+43h_Wq&!{~|Qg
zTl{D{Q!4~1cfkV--oK#FNzIi45m<aK;C;!`sxVoFNeLHC419u_@V!oNi0k0>U8|V*
zZ@Ry<?#>fR=fFxlylw=28niwD0}xlsYhke`WtjX|naJ~Spb28^jkD`|ACl>h$VHON
zb8sB6km@csEdKIzc$_n!(|m9!PqM?b90%9)lidUf=OvP4FG-34t_O)GEpdivyg*zO
z|6{D|^(0+g6W)k`_$d`)Xuqcc&n!5dyRi3WrJab7TBf&0zJ|~6xEc~f>~pQ9@^7qI
zD+D3LUJVWXG{L+7rR@0E;7;sUwlS$+E8EkXe9`?W1gw|gxG$H+4fXqrw8Hj^JkLKN
z=M&J5cZE;X-pqxAxo4P;;O3Ta^a7JK#!icW%=82T{7JF{hoxCxH+M$NOnM7=KP)n`
z9Ke8zi62J{Ca4Gpp&rXjEFq|TZ<ZLq(Lj|lDWLdAX{<nB&+*-v(y0VM?~f5^A(Zla
zl64nAz+8LYlEytj5K6Mw;@SBH6o?!{tlIz>%LW{c5!MG6qpQ>9HLm3a;$Ce9j?$x^
z#Z<aIvb4(zoDE`Vr-$b;v<CxI0&i3Vs;bTHk?})`zm>7ZSNr7AfdvbIB3B%AQ|lCC
z2f!*Jm}yLKO_+srY>U!bd5Gw6j}GI#KXy7e&OIqT`-R7V)KN<y@sg6rFBOzVlahzU
zh6+}NjBjdDW3H;M?JObDg=x9mWAbt_qw9Mcb9=^9H9-)4wa~IrUTe=Qcm@(3U-OYo
zXvi=xN@6^o{e5bH&$bvcBzLwa^UwRK|Jdo^IBN?fS(kf1eNc*iE?wC~JlYIjzxnGh
zpeyX#jk>seAjx2j$XT{-Dl-CbN5}WoX1Oy^)rzyWur!xd0_l~zw#g;bbbHU31}e1;
zAf0}N777SGfeDB4JaZO8qu0BfRaI(-V!oqgW)ZN=zDj}h5zN*yWBq~WyV)Q+ZDDZM
zfR?xZ$-hnW&YKaFI&M;I)c4+Whp(!A8V`vJeLjJR(dkDka1k7@7HFDq1d^YD^(q*R
zS-1kmkRcH$A7YY<rczsmPdbHKqh|$G<Gu6<0s+vdMk!06r>L6;O^#t2-J1rA??@JM
zk)hM<FZCWo^7y=Uef?_paTv<@boiV#pw3tS2*L#T97@Hkvm$x-rP3tPkP;1N39A|j
z^MvFg&;*qi=k1Yz5<m+V1eUQE|8BAvjN_Mv=##0{?*!R(?W)5VmhV!4(?NxWa&x&4
z<}i?K5tZ34sxQV^9IGY$A>J2_rxS0<vJwMN!HnUc1+%qq=gvsAI%`0Y9=?Ka`W{Uv
zzEb`up~G7ad@AFL8EWXXutXwua&+b3T+}hWB_xfD5l}r2tqK$h+!N($yr}56X%a2V
zsfF^dohvWW%<l5sKI5Hz2k#Y<mQtrQi4nz$0p0mJyaE9L2_FJY6=DKPEThkplz}O7
z6yfd0Gr{MyfQCD7JW{9G3vhu)aHB7Qg<hr!MO_(|GTtU9*32GixZrf6REROu2)4{=
z%&dTkE|0jXrK2=6Q1xxFnvlypc4`<g+U3W{B868Fm3p-WfDeX2aPvH*?(S#j;NyFO
z-p9tmLK)pXomtGIla$%R@2Ad9<y--+@A$;^KGeURNV=c_lJ_*}Xz&++$E@7|P(k@f
z5rZcm%3ZuPmj2=qL$C!k;y6b*T4;znEts^57gxp8g4OFwuvVyZI23L`QJB@Whife9
zkvck(`(U6lr>i10tMAPK)H<s$H^4T_cf`)MiZ1Ww0HebDoSfnIgn*`qkKla^>YlU^
z7jrQ0bVH?QEHy=qW@>j^cx_XJ*DdLcj!W8Ip2bnS0%ut}X;0eE0X79*tz1}Hd8?Gv
zbc)nSevz5=^859MHk#ygkNRkcU`pE%#ru7WPO$jfz;dY%B&lV6S4Lpl!b8bQJV!c4
z=HJ^)n;%Px<PEqvr94?cap517y!d%!*1oDc&U`mil-fpczinwsxO-C?_oTkmKv_Zv
z*g1NeEMD@GM_K1gwBTbB9n<+(+sC#>RjIY(Zi-u6RKm}sV~2nRQhfr?G^!Ld*#*7X
zX)HgJ$cB^14#eVW)DZ|M<7WnnmN4#i0rD2kVVW4AnSnU7QdPxJ1~l?|Uo`~t4QCB#
zxc|mpdGh45WwH)oad@-Kdf)G3b;meF4O1<N*%t1|n979Y60hZ<4^x>O|Aq_>UM>k@
zsYbQP0#s$k#nPe!fzyj1c~2~H(e0O4Bw5~P?{ADM8EKy)t4}qKdc0pLEZ?IyAX953
zxIvR!1eA|_E#6qqn}9t-wdH7@ZR~A=MK!$_ZVu|6=Q!_|BW&a_jOvU44PW`tYd~rK
zd9!}}`*FE>$%?~|rC7KC=T=y}qEV&1yX2a%2Ut?Wx*f68H;~=%?Mad&j&8{2{kO>S
zg)dZVqs1t&jkzRmge#041SB$;yk_t8(#s)SEJz!F$s#D6sC%RO@$Ifchgqm(xRI&X
z(v?b*TB`z?Dl2e^*P$)k0APyHK>?byDS#Q!O4SJpF|wb<$7txb>%W&}TbA&z<EI5Q
z-1gz0fNT6OoL}G7<b;(a9z1WRJCd&)QFlwKN&!i;4*F^Uqb`tfJ77CqWcVG#rycd^
z;WFdgHnh&;01mC+B(mk!sz6s<-nTFU3wHy!_eBSkZq2%ys(IGBlf(;@B31aCmf*(-
zOuEKI$-k%3Z3$GckfJwGW20GYF@#=Fv*tHR(XCQXkVjWbq*7@FGc!vD;ES^04xJI8
zQgmMIQeL4~xy@B3$C33mJC8`dbWjBjCCAh_S*=9E&MJizhSr)Q+%k?9RKzHVpmt}!
zNO>i#)GL`pZ0y09n4$5vKEPaBGpnpx&f@0vJ41_axofQL8Pk0X6K%O#TgGQO%F;7v
z?cRnGH5;5`qVC>oS>;sYW@%~Pmax*QV@`o|F)uovKI|q8{70Z#y$OGNFB^l852#B_
z3gU$`&cXW9#Dofn$5NlXA3d52l$t1b1hUaAB1Rhdg)H?zvTCNr+D@tmOD@skKu9n(
z4#yLVyV6||w*XPO+c#67^|=V9UjH6;9sSSENTt=|q16t=6gMA%Q<<){+Ni_w+%q)r
z!U$h=!V+7GWaQ!cNhg-7BC{+{3a27CBS;pF0j-nJ_wSLyy*jLipLHv4<J5rq<`ek%
zuN%QNE5fae>P&{r4YdgFE1e~ov0&bP@KW9jPjG!3a8l)bmWhO&OdPAy%1RRfE;3oX
z5c}cS(h#eZG^?g_C8*8LvpvM`Os!?oeg_jvVk{zwsX4?%IJXzn?ueZ^cx?G~#C(>W
z{Y0Co`hFfdi|j)$qs>s>_-$hxRYQl}+aHJf{|`L-C#MFqKKXgcRzD3t{lRD+?NzBo
zI#{8vw(xztU4_-hJTgF63u9<2O?XsHtiDs}j<kyLn6Huir>g*SxHfm+Aal^PI`U?n
ziM2_BCYN9r$z!uhB7sR83mM8D+JLu*?}R;<;jPzHJygo{kty^BcwpgF2ytz#;rBR*
z$*{A}Dht!+@ka4-((oE|0p1HG>!U4<Gd<K@d3`D4>CfT9@3jhM58)PzDKr>AfyP>o
zv|XV<ktq8PaDX*4Ic1$_WwAOj0&3L_W9+_5qO2F%1IO$fd7!smk#1?s)NI)CJp@wQ
z#9bZBNnvfYx`eVHj>CA#P?WUK6QgH*o$t%~9hp7|{yc4BO%baoH@C20s&=GFZYHX@
zy<JqbR)&>;o|(J}-k5z0pn7dD`tiHqdjA1d)mWuqci%;8Y}+)xL~GlR?5<|$nKQ|_
zWL9&xywl3dCYGrP{{2+|u_7~}l9-bgjS)_^(G}f+F0i{J!he(Cs|RG-xT6A3$xel6
z0F<sSVP8N|JWzmB(4d51^Yzq7JL6vaNJ~%A`l!~c7+K8vTR@#WW^<3(_iiSR8OtdB
zHDCxA%D1?Ddz>p?@t*MI|2Kd&ybZUttJap<tx<cU6*Z(%CnQ_D6lR}AYx5$HY2WI5
z<Je5PxGd?)A+<zbPOZ~9C7Y;bMZ(PG^`<0|suZ#0r0X{(w{f_E-cK+WtbX_L0(IcQ
zyEzZ-0Nh~*H?xp*kZao{fu%ADC3!Ljb%tYG7Q0ioqoY=!Eo_xbTv1o`<#=+>DFM~(
z`PaS6-}1qb6yd*1PNmqa)U*vB2{#Vf8R(?P9Jr`CN{oZtQe4d95Es8{l?=G7Km#DJ
zB%x>ZBit=3m=J;_7RU?J%#0)33o7125)V)*(dpOFLt>Rgyghl4#@$49(*&TVJy<ya
zELJ->TpB|~8rwA?3eqy$_l5$yK9PAT6@jm<P{^EHeq0OHH``FvyTVug<aW612k_Z_
z$T+z8k@kkPjz?n3DW543-czuLXvF{~MY1AyO}YcUKo$w=-eqY(G7e96MMgVXTI#pv
z5T^&Il=6<1jO3dMcx=y(Wi$o=6v3(|R!db(C_bu7VzG$;5;Ss8)lqS}{qJ57f1=Tu
zr=;x}rOBi7S%@I&?v$B?n6<S1-9#%T!Jx$t^5zKvodJ90b)OEm{pq!+LOvTNqqG@=
zPwMmr=*M7no}o39$7Y-g#Zj+>a?kGOOr)Tj>%dnOm4lC}JuD5Xl?TwQloATaJv1N@
z8$ERcrrXifV(9{^E<_>$IZu2{eDP6YE)8`nh&U5KvSgO+i_1}X++Uk@%}atgF=z+$
zV!MU~Li?iXznsYui6V<Jhio}1PYY<c<Aw{wZ~uEg+Wz~ECWxRVWLhlPnRx;;(f*O@
zpbTP6FbY=GH7RHmkuSDvAtOi4trbGx0KCRY4FeNs&fBUuB`eXb=*rsag^EStS_Ni=
z_5tE&2b2w;Wt?n<5Z9_uja@X$AcCY|(24<2dIaCO9n`uw_@MpzsN}avUeC9-e<*!&
z;ZgNQ!$CFB#O_M(CYh!;p58)x`5#ExyCxYT*0lYfSpIPyi4q<|fa`W*iP#vJ1Qoz|
ztxF+x(47E)RaGIXH&l@r<8WaaK9j@Zx&V>Zk3{7+PUuxIJ~Mt2AT?-8bGwMU4jOE>
zY4sq(KxWzBN*a^$k{)Rs<0cz{rZ$nrvh%6KWBBT37jby(tp(kx`6`gk!Q%}{qJC?y
zoBUUSdO-r*Ldf}5cj0`Z@9_c6)6XH3Tw?-7B<6KFle^TlCJ;hUKDLUx#ZS6uqvM7e
z%BEw4!d$79#KKWMEV0B9sCxnw=^!*LARckvb9)mS<vPv|K=&3DD5nLHQ<>0*R4?2E
zaNi1;6knK}$b|uBHf_v;nUv5n@uW`$`$)M8%k_38<;gO3MI(r6neD_%q*FN0CMGVk
zE7bpNg{#0LZ|c3M_sPAmJwBipT=gsRz?c3uZqGGyIuzy)tsBRBza4bY9*!=3q4)r|
zfb}NSD|<sD=M-IZEYYZq3dngA!$M+e6PQ8RM2S4+6kg9h$K$BV6f{n&e5W8&7oc`P
z^_>~L(LPb*6OFw|Fwuj>ot`%n6e!d9ZY0*N+Wws<iiF+dFdqYQ=I&ahMP-YCX1IC9
zVt(V`#e?5`ENqVpsLB9!`Bs?MAL5_g*+g3m;L0j8ZNx;X)PBxNMNL?I6;|EsZh%x5
zwqT3#xQ+mFV+F?72qvwpKpS|tEPi3rxF{{O)3tUm^jSgM*r7e_Dg#cXM%361dqMpC
zP_$YLUAv*U3)(>R?Zg6^0SbfZ(Xm!LMyG;;te{e*N@ANPG1<<?k2bh7IrwZ2KASCO
z?>`l8PnhM)hwr<m*mtl*ChE@0Bxf8gP+;yw`qlQESmwc+yh%RVW2gIjgob1?utZT#
z;!s1RHd+nk7Eh`EGmb(~PH54bb6SKLGaTxWSc3T3Z0_nPl~9yMA}hD2QtiTG>B^*5
z1e0SpB>xni8AGE^Y9+sQNm&4>niT9Ds3d7F4|__ZmW#%u)Is0BGh|4im51S30m?Q=
z{qTK%G(CFvV!nF7F1V#S4Dd@wEXGCJV~eq3xtgW3!0uSNfG#!b5936Z!9%x{gC@+_
zbZ<>aU9;$_vgs3TXV|e=O@T96n*;ID^$;~zc!DDxjK~3Cy3dZI=g9YHiMnSLvJKoC
zmCQ4W{qPE8`gEAt*iITLQhd(u4{ckjFiu-66%yqshJ_cM6`+3okvD+@UhZ*`<?*99
z*qT`(r#?F9`ScIXyN|6!vXb$3XRXZ<6(m?!jauDp9~aJy((OFx5nY_+sO$GNyDQD=
z@WO1KNx5Vkdo-~#j(sD0XRC{dmtCoLrZ(S1{yOL>jpBHY#_c>-OXQ=e@lmx#05*8;
zP$u7)pk<b8t>1QHTQFxNpP&NJ6oo*FGS@?tZbqCMOfNiRK*KE`cz#`$|Ckj<G8`yC
zzKPs5>7kUo#43A^bF&tYlXNx!5h4HpjcpWmMOhHgGN%BMN<UmX=?rxkg6#{nByv%<
zHCzNR_ML1RFVnxXGHPj;wt-2iVU=Fz&XQJZ*Rs-a1~k^{dQGuBCPgCm%nx;>exx?x
zq=?hhZP}U3b<tM2PYTmCk_E(T9A~;Y{puM38ov6cFNMYZ0lFbaT$I$b<w5R=3r*K9
zH?m!oDspILq;g*q-y6jaQY<c30GMIQ3JWDBC=?$X{9Vr-t&g12+R8!YlbX#X%6JlG
zz1YpPj&m$6^&*Y%JKQ*ykilg28Td9-YqfevoXp$V1}Xv1526)v!s0ozy7J95dR8j4
zu}3Y!K(Epgf9wXymmviXPd)tbtrprD{A+N=BkH?skTp|l*ug@R;e|MnAwU8sQ}*Aj
zgbcyY=adwDBo^$PVrJ`uKyqA%17>`G5&?1GiDA5s_aPi~4_I<ypmQ$LF|$yud?=={
zeY`ud`g(u_M6MgVovPx)T0;wJGH)ff`BaC@;^-sEd43q}neoKJNDF3+rL&moW@$qj
z6aj1?JDnX(zxT`los2#S_x=eq#R`&ii8Z>)Ws4UhV~<gBvTa<>MrlGjQsZOk$r&eB
zQfj4B8?<G1=NLCy%?;c<Ef&$9-iM3nn%Wezy|lV&8V46hwI&D~$nMShw$#T?YW0+;
zCg9X6lU^%8<L|A7#yB2k-2gXV(i05S0C&$X=ty(Y`d_W9YfR1K``N345tLh{u&qw<
z8g1y4c`twGsQ`7S`s3)&|Mx{{mb?y!{6&2JfC>yG*h?>jSdUgQ2)B=!o!05v{z0tc
zeG6iR5|P7XBg9X%PiU<b_Gu_(f_QoOIe%9MYtM$@v0vQUq3G_>E&0eYbPJ!~0+`sj
zR;hgG5x5<PdC@6_#;P?v1(RM+g=UV6Q()H7oF>fXdE03fb!RG21zRAgmaJhX*7MO)
z)zxG4X+~bQk8aE8_?UC3$J0D{cXlXy>;50uzkSAlwp+O6cL(K8__3_W-<I?jF02s=
zs%=w+LadDRAUZ18n9LK0$QUabJC!D(KaUToOKBYss?)%Fdk3B`{r%sCq=3W+aIBw%
zV~r=ak8qsbvAVj7#~a&L&!Y-zNZOI*$x#Vtx&#G(aiC$u71?ZXOm%?D%cGipRPxg(
z?G@2Ur!mfIX1CrI^`DJ9Ho+ux7U9MwRM%g0{Y4Kx5oS*a=nU99KKd-2!7Yem3*&9n
z!IMg6i?VdVRV+1`ZV@{<+r%k60_y-IPd<f+!Uli_F$KMp{J;wk;4iU+1no5JBIa(x
ztv5E}AOjOcp|TyXknxk2L{jdz0X9ttu{2p+kYsrYGTMSI0gt1OCgnv%sflQ%$&5<r
z6f-BD$(w1(^&UkDkE6RMs!621w1RbBI{1OX(bHjdW&^jq{su(g)cG+uctG`+AkR!q
z_Y~6zof6PEa>&*zKu9}<@<DBqQFRxq^I7VJ90k~5S(T`E_LIkJHr8dbeo_jQoEctA
zD4OKf_@lr=wMkpZ1ddC-TdtbKkp~ya_#Sm#T|LT0kNuSrO;lRrOUzvMvHC=%$uk9+
z2cWrh-E)P5x8D{(C!^QHBKw*EAXoR7K~m8En5^$A6R=i#VtbO#f;*pU(~L2=6;#>_
z$Qm8Rkxs|1KnKqZm=pk|osO2Dx&)jS+*s9>(Bg1ID9z#4+H8H45B;=KfNRcV)i$=s
zwl}RcE#iP~3uK$18k>t!^+-o};_K8+V7=KOvmuB)a4F+8r-SPB6U<-z7#rySPN@ht
zZ?0JM>54-nsF9YET39IWi_PrREXvL3_8veb4tO<n9MNgJYycA$nGZm?**+mPBH`B&
zMQ`hqR5hPx>UxLuJ&rTNBfh`HYg4LRjWyPL!v*Or4W*09D(hLovJ*;djGtrVwV$uN
zi+$j<o9bc+BmAtj<)z_7^DAyG{cmzEfWm^_0uc9Gj10CwE9zkxYIz-6t=knJ5;erw
zR#q(AzJytWuCr|W_M~KGT(`uS33kA%Om)mLF0|#KLvV3mE0cCfPJ@=n1axZa*a;~S
z=O&2jI|xIQQKdR*fkf9|T99f5Isz1`2I_owX#hgr)#*FU?v(9ZTzgO6*-otx*B*c#
z$JwSN#IifQC7cMKacl0gPYTd*&u70I<m=}es72Mz269O)!z0hrX$x%uvvUa751crb
zNTj8WT+vc}h&<I;02zUb7_?w99hF&JdrjoFu_xsLmg~gT$9%u?NfUzU+T{+53nVts
zr3(DE;exL%@M8elpsp|LL^ctU7B)t*sumlRM|OsN@ZYWuJ*3*}PqmU_{h#WzdtwBi
zgSZoUblMKm12_Nea5P-)E^wo>22`r?FZ;=MF**5&jJGx+v?S6$=(U`zAOO2!SBis|
z#w?r|$&Y1)n@M0XS+#9g{dt>?DNPiZ86WGY_Q!s`0t<j@NO^$@Ji-87lj3eOfyGT~
zEj4>9E7Dy~0Mb}GXa*K(Pew>u<B69$@3<Sroy!#BNja{OQzx=?a80^MWEtKADhRPG
z#|;6nom@fWzdMUPoz9z0+_m#jElY6j3g7kr6#sbV*#qk9A7Wij7cS7jtZ~5`-?&+M
zpr5j@bf4@yaH(}6qwt{Fezqhq_K<Y?IgMgNY8FRolf)hn$hjt;)JDNWbpmk`^lN7m
zpjK*KKG?XogG`qVNs$)yGYki5A0UA27YiflZ;fG@JJN^pqzl3jN=g8@b9_^C*N}}h
zSZUIQckLuLvk+G^_ZIuIuy0ZND?=QsW7Bs0&L+muR$s6E&z?1)`ZH*E{QpZdLvr=6
zFBG5(*3(cWXHs!I*<%R!mzZU$Q8L)KOI);R5Gf2}XLR)>3LeI9jD)B9(->NQl4^y)
zj>sl@R<P8JH;QUJh`j3~^Y^XK&+qb$%>Z;L-|=TL5CUp|zXV}AhjllVO<B`pDukAD
z2R$zQTNgoQLEW7psRoOmK-eDPhAgd3QNazt76&#@%F(4PdK`17cb&(>?eSY6AbZWN
zfBa3TOc&}!^Fm>HiMN?d3L{?P3Sb{2c?4)~ok3qCZw$)wZ1zdw@U4j#?om~Yww0;8
zQ-B6-N@^cP>&*BlALDXIl6)RJ;lc;p;Dpo&Nwe53rCW4lu)1QSRs1!b%&Mmf$t&+7
z_Oh=Zbpz70jGcx!A+mFFTh}q=2XY0pL6~4w#ZCnB$k)cx$uFEWpxkix-+|2bU)0js
zTM1@?L3?F5IJM1eAnif~n@tk2b?}z<L!=_6=0{pJv(Cs-_*OsHEA_e3l|r>j{am{!
z!Nqw}4J*+rl6WIok@3&4rUg_@848O6;`J0^qXH;C-n%Jcb2iEK24q<}(@a(O<+Xvr
z<+w4E%?bNRV0Zqn@Zv`hSN{y)f8x-O9@>3UfNo89|7W-IuYyZl({No9vV29#f{Siq
z^D5^wUCT9$Y#Ly`4LEUbsHIA=wK4k%44E^7FcYW4O!=RErkyTsm*mZUg2{9Q6T9HH
zaO+)I*kENz!$$!wo1$SyKudNGa2*vMcSj?gf$F(|S!-c8nS+N#zjqvm{IiYS?ceH3
z_Y0`sPrGQg-A-G}hxffNU0>OJ2Q<;^(T`r^OuCQRJnt{d!RP;I+XyvRly*EP$h?8y
zCaG4yjjFASptYh1r8;K#s($qEIwfYI?XnzcHO<lnFX~Y#+b1?;<LC*QZcSlbeP9W#
zQ&{Qr)Br}HVdc0|w<cTgk>eJ~@?C)5=^BkH`kkA>JbwC;>n{0*Jc;d$#1U=}z3=V&
zrJMd6-!!j=6I@78S1x*?3=e--1T;vy{LlEO%(Tb7-{jIgaWi&4H4^(MB2&rIl^(4^
z6vq<dS|pX_*j}MP!sXon>DZn3%JIAI)hesM0&29hqBo%8s0~2cVKt@8acoGzBUD%d
zw?<qCiEL@#iY%@!eYsl<e{l6jRyXBIZfCq2`SA6>$e)M!)vb@c^FMFyxHo~0Tvsd}
zxD2tfu!86@_r^sfqUD}@-FGJG$fFk3wkw9!<?CklsFW%$mS}}z?O_3&(eVwLVqbvT
zR4gn>2Z<;j42)ude@<A><B(lQd-@{~;ILCjgFfD`6v>F4Qw~HRXMFZtz|_l@C%KJp
zzx|T#;^G%@p$9@dJ2zXPYF0X1bkd3?vtERoi^zMY-KflixKjrmL2-KcYj?^Nv2J<a
zK{@!mE78wdH7jjwRdTtpD_ajdjOR7}Tu8ovdVO)IBRGtyQ&{hql@q8_j>?GVH5pOM
z4bA4UjbE;tPyo=&;O2wDaN*%*G5O6a{^1q($~kOL8qje6{Vzal`#h`OF#EC87N{1`
zFzf5c-k<$(mZ0Zrf`k5yTR<nEfkMA=|J`!*Yj=Uvm$C(YG((&`c<5p|^1UyX?x91<
z9LkLy*`j*SwYD761y9YF7D4j6_G=F~mlE`8gq^&W!VNiV1*`6%5GabJ<#V;hQ*CGc
z0|c`z&(RCvk`LE2?jE_}Y{7%f7WdBFzg41ID4pE^9oT{!)|;EM@!&nO@yJmr0Llb{
z^ML&$B(mw&mK^=kO)}VjNPjtJw7!K_6g9R2eMORRSSDg`($3AK)<<HSgDo5-9pF?Q
zPU_)!BR6{T*Zu_ClRxOEK6PKX`o&*FQT#HS|A}LP%+TIgfDYK=dDa`~TBZ4zb(E%b
zSq+i|gpTs~G1+?L0U7UXX${^$Na^D<XohJEmpqq5e6qfQPqGz)R<5&#9Lf50x+y~>
zszGKW<&3vYtloGoZEGnmHN5A@4M*1HJZw+e<+*L%cH3&Fac@O`=oP+d&?RkrQ<eAP
zTCT+DFMBlUrf4}+W+O>oJA4`H<yF%-HLI7<Gk0Wq;t^?3x0mRqDpy2C9vwf4PIGG0
zbL?(n&$%8-e~chk7w70A!Se(apqH%EL4g(y?MJ=em*Wo{Q=vL5vQgvRN2;<p#$s%+
zIC%TvS3LJCavrvG0`ycHe}-s!(--cp%F)H;2;D;LQ^djw)|!D&4u;FJxOi9>-?AM&
z**Yl+B)c4-l(6m+Noll$z7i6XTA-FU)(yxwzr@-7f|_PeM{%g;lW$U;uOe};IZu^m
zpB(Q_K3**JJ~y8BKXug`uBzlI*uL#?gbPYXpZoM*)sxA^<#eJI6=P)qF!U!rrci^9
z-va<M8!%`rj<QXiQtY5S$4NT?Rk2CO31$6FwM><$9LM2eh>X_CF-Wcy;a9Ma&UNrO
z7O?%ji(h^9>z;~Vw0-QB$a&a&IsK*SbbO2!r`-x?gxn-Jr*lX?uB71KRk()*Pe9ap
z6Ic?Cox3ktT)Gd+(pKnnL+Ez5WO3m)vQBR&(|%Le`c4!?a?9enqK+ATkiY#q0VcQe
zlIezj=Z9~7=)>>35{`Fu9o%A)HoI_3{t6jN_|Qe}dLHiN6<`M619Y$AdC+p{?h{UF
zxa|E~dHwTuEOoZ7-rZfO%ibE=6<Zg-{*}kp|Ifz}3Gz3pFs;o$XXHT_;0Dh2pLpb<
z>1ltK@_cRI_85A$+lfE^@D-Ek?l1VJzIr^FZcgj+1Je-RebpP@aLSms`~Djc4Bh9G
z;X>k6a%<aFp`8Z$(1BN8d7XTRw)0}4XS1#S<h8fs;f-hd{-gb^FYlkMehf&yd?ptL
zi9b`vr9a6h<vX~Yml%3Jx947aEn05HulrVwii>=;JBoM$p7rPQ9o(LAfO1>=2jBPE
z#{1tQ;h%L1oX#sfxNr4&x5#&Jdqx7vtrv>_*i6wSY=vwa_Wpf$m3vC~=HqS8SU~$f
z`GWh)X?Z=mq7UeAF@>;`WbR$^H`}>w_rCXrE06xs%^y1c(YszEPlN5R0rSZV|M~R-
Q9smFU07*qoM6N<$f`jN9wg3PC

literal 0
HcmV?d00001

diff --git a/govtool/frontend/src/App.tsx b/govtool/frontend/src/App.tsx
index c380c6664..3c6ead960 100644
--- a/govtool/frontend/src/App.tsx
+++ b/govtool/frontend/src/App.tsx
@@ -57,8 +57,8 @@ export default function App() {
   const checkTheWalletIsActive = useCallback(() => {
     const hrefCondition =
       window.location.pathname === PATHS.home ||
-      window.location.pathname === PATHS.governance_actions ||
-      window.location.pathname === PATHS.governance_actions_action;
+      window.location.pathname === PATHS.governanceActions ||
+      window.location.pathname === PATHS.governanceActionsAction;
 
     const walletName = getItemFromLocalStorage(`${WALLET_LS_KEY}_name`);
     if (window.cardano) {
@@ -90,34 +90,34 @@ export default function App() {
       <Routes>
         <Route path={PATHS.home} element={<Home />} />
         <Route
-          path={PATHS.governance_actions}
+          path={PATHS.governanceActions}
           element={<GovernanceActions />}
         ></Route>
         <Route
-          path={PATHS.governance_actions_category}
+          path={PATHS.governanceActionsCategory}
           element={<GovernanceActionsCategory />}
         />
         <Route
-          path={PATHS.governance_actions_action}
+          path={PATHS.governanceActionsAction}
           element={<GovernanceActionDetails />}
         />
         <Route element={<Dashboard />}>
           <Route path={PATHS.dashboard} element={<DashboardCards />} />
           <Route
-            path={PATHS.dashboard_governance_actions}
+            path={PATHS.dashboardGovernanceActions}
             element={<DashboardGovernanceActions />}
           />
           <Route
-            path={PATHS.dashboard_governance_actions_action}
+            path={PATHS.dashboardGovernanceActionsAction}
             element={<DashboardGovernanceActionDetails />}
           />
           <Route
-            path={PATHS.dashboard_governance_actions_category}
+            path={PATHS.dashboardGovernanceActionsCategory}
             element={<DashboardGovernanceActionsCategory />}
           />
         </Route>
         <Route
-          path={PATHS.create_governance_action}
+          path={PATHS.createGovernanceAction}
           element={<CreateGovernanceAction />}
         />
         <Route path={PATHS.delegateTodRep} element={<DelegateTodRep />} />
diff --git a/govtool/frontend/src/components/atoms/ScrollToManage.tsx b/govtool/frontend/src/components/atoms/ScrollToManage.tsx
index 49046d36b..1b1ff7e1a 100644
--- a/govtool/frontend/src/components/atoms/ScrollToManage.tsx
+++ b/govtool/frontend/src/components/atoms/ScrollToManage.tsx
@@ -25,8 +25,8 @@ export const ScrollToManage = () => {
       window.scrollTo(0, pathMap.get(pathname)!);
     } else {
       if (
-        pathname === PATHS.dashboard_governance_actions ||
-        pathname === PATHS.governance_actions
+        pathname === PATHS.dashboardGovernanceActions ||
+        pathname === PATHS.governanceActions
       ) {
         pathMap.set(pathname, 0);
       }
@@ -37,8 +37,8 @@ export const ScrollToManage = () => {
   useEffect(() => {
     const fn = debounce(() => {
       if (
-        pathname === PATHS.dashboard_governance_actions ||
-        pathname === PATHS.governance_actions
+        pathname === PATHS.dashboardGovernanceActions ||
+        pathname === PATHS.governanceActions
       ) {
         pathMap.set(pathname, window.scrollY);
       }
diff --git a/govtool/frontend/src/components/molecules/GovernanceVotedOnCard.tsx b/govtool/frontend/src/components/molecules/GovernanceVotedOnCard.tsx
index 58ff325a7..f5181769d 100644
--- a/govtool/frontend/src/components/molecules/GovernanceVotedOnCard.tsx
+++ b/govtool/frontend/src/components/molecules/GovernanceVotedOnCard.tsx
@@ -255,7 +255,7 @@ export const GovernanceVotedOnCard = ({ votedProposal, inProgress }: Props) => {
           )}-change-your-vote`}
           onClick={() =>
             navigate(
-              PATHS.dashboard_governance_actions_action.replace(
+              PATHS.dashboardGovernanceActionsAction.replace(
                 ":proposalId",
                 getFullGovActionId(proposal.txHash, proposal.index)
               ),
diff --git a/govtool/frontend/src/components/organisms/DashboardCards.tsx b/govtool/frontend/src/components/organisms/DashboardCards.tsx
index 64075b3a8..6f2d1c11d 100644
--- a/govtool/frontend/src/components/organisms/DashboardCards.tsx
+++ b/govtool/frontend/src/components/organisms/DashboardCards.tsx
@@ -503,7 +503,7 @@ export const DashboardCards = () => {
             "https://docs.sanchogov.tools/faqs/what-does-it-mean-to-register-as-a-drep"
           )
         }
-        secondButtonVariant={"outlined"}
+        secondButtonVariant="outlined"
         imageURL={IMAGES.soleVoterImage}
       />
       {/* REGISTARTION AS SOLE VOTER CARD END*/}
@@ -511,7 +511,7 @@ export const DashboardCards = () => {
       <DashboardActionCard
         dataTestidFirstButton="view-governance-actions-button"
         description={t("dashboard.govActions.description")}
-        firstButtonAction={() => navigate(PATHS.dashboard_governance_actions)}
+        firstButtonAction={() => navigate(PATHS.dashboardGovernanceActions)}
         firstButtonLabel={t(
           `dashboard.govActions.${
             voter?.isRegisteredAsDRep ? "reviewAndVote" : "view"
@@ -521,6 +521,31 @@ export const DashboardCards = () => {
         title={t("dashboard.govActions.title")}
       />
       {/* GOV ACTIONS LIST CARD END*/}
+      {/* GOV ACTIONS LIST CARD */}
+      <DashboardActionCard
+        dataTestidFirstButton="propose-governance-actions-button"
+        description={t("dashboard.proposeGovernanceAction.description")}
+        // TODO: add isPendingGovernanceAction to the context
+        // inProgress={isPendingGovernanceAction}
+        firstButtonAction={() => navigate(PATHS.createGovernanceAction)}
+        firstButtonLabel={t(
+          `dashboard.proposeGovernanceAction.${
+            // TODO: add isPendingGovernanceAction to the context
+            // isPendingGovernanceAction ? "propose" : "viewGovernanceActions"
+            `propose`
+          }`
+        )}
+        secondButtonLabel={t("learnMore")}
+        secondButtonAction={() =>
+          openInNewTab(
+            "https://docs.sanchogov.tools/faqs/what-is-a-governance-action"
+          )
+        }
+        secondButtonVariant="outlined"
+        imageURL={IMAGES.proposeGovActionImage}
+        title={t("dashboard.proposeGovernanceAction.title")}
+      />
+      {/* GOV ACTIONS LIST CARD END*/}
     </Box>
   );
 };
diff --git a/govtool/frontend/src/components/organisms/DashboardGovernanceActionDetails.tsx b/govtool/frontend/src/components/organisms/DashboardGovernanceActionDetails.tsx
index 413f76818..815b1f37f 100644
--- a/govtool/frontend/src/components/organisms/DashboardGovernanceActionDetails.tsx
+++ b/govtool/frontend/src/components/organisms/DashboardGovernanceActionDetails.tsx
@@ -46,7 +46,7 @@ export const DashboardGovernanceActionDetails = () => {
   const breadcrumbs = [
     <NavLink
       key="1"
-      to={PATHS.dashboard_governance_actions}
+      to={PATHS.dashboardGovernanceActions}
       style={{ textDecorationColor: "#0033AD" }}
     >
       <Typography color="primary" fontWeight={300} fontSize={12}>
@@ -87,10 +87,10 @@ export const DashboardGovernanceActionDetails = () => {
         onClick={() =>
           navigate(
             state && state.openedFromCategoryPage
-              ? generatePath(PATHS.dashboard_governance_actions_category, {
+              ? generatePath(PATHS.dashboardGovernanceActionsCategory, {
                   category: state.type,
                 })
-              : PATHS.dashboard_governance_actions,
+              : PATHS.dashboardGovernanceActions,
             {
               state: {
                 isVotedListOnLoad: state && state.vote ? true : false,
diff --git a/govtool/frontend/src/components/organisms/GovernanceActionsToVote.tsx b/govtool/frontend/src/components/organisms/GovernanceActionsToVote.tsx
index 7058ce106..c457062c5 100644
--- a/govtool/frontend/src/components/organisms/GovernanceActionsToVote.tsx
+++ b/govtool/frontend/src/components/organisms/GovernanceActionsToVote.tsx
@@ -113,7 +113,7 @@ export const GovernanceActionsToVote = ({
                               : navigate(
                                   onDashboard
                                     ? generatePath(
-                                        PATHS.dashboard_governance_actions_action,
+                                        PATHS.dashboardGovernanceActionsAction,
                                         {
                                           proposalId: getFullGovActionId(
                                             item.txHash,
@@ -121,7 +121,7 @@ export const GovernanceActionsToVote = ({
                                           ),
                                         }
                                       )
-                                    : PATHS.governance_actions_action.replace(
+                                    : PATHS.governanceActionsAction.replace(
                                         ":proposalId",
                                         getFullGovActionId(
                                           item.txHash,
diff --git a/govtool/frontend/src/components/organisms/HomeCards.tsx b/govtool/frontend/src/components/organisms/HomeCards.tsx
index c1ba526ba..4539587c1 100644
--- a/govtool/frontend/src/components/organisms/HomeCards.tsx
+++ b/govtool/frontend/src/components/organisms/HomeCards.tsx
@@ -35,12 +35,19 @@ export const HomeCards = () => {
   );
 
   const onClickLearnMoreAboutSoleVoterRegistration = useCallback(
-    () => openInNewTab("https://www.google.com"),
+    // TODO: Update the link
+    () => openInNewTab("https://docs.sanchogov.tools/"),
+    []
+  );
+
+  const onClickLearnMoreAboutProposingGovAction = useCallback(
+    // TODO: Update the link
+    () => openInNewTab("https://docs.sanchogov.tools/"),
     []
   );
 
   const navigateToGovActions = useCallback(
-    () => navigate(PATHS.governance_actions),
+    () => navigate(PATHS.governanceActions),
     [navigate]
   );
 
@@ -67,59 +74,75 @@ export const HomeCards = () => {
       <ActionCard
         dataTestIdFirstButton="delegate-connect-wallet-button"
         dataTestIdSecondButton="delegate-learn-more-button"
-        description={t("home.cards.delegateDescription")}
+        description={t("home.cards.delegate.description")}
         firstButtonAction={openWalletModal}
-        firstButtonLabel={t("home.cards.delegateFirstButtonLabel")}
+        firstButtonLabel={t("home.cards.delegate.firstButtonLabel")}
         imageHeight={80}
         imageURL={IMAGES.govActionDelegateImage}
         imageWidth={115}
         secondButtonAction={onClickLearnMoreAboutDelegation}
         secondButtonLabel={t("learnMore")}
-        title={t("home.cards.delegateTitle")}
+        title={t("home.cards.delegate.title")}
       />
       {/* DELEGATE CARD END*/}
       {/* REGISTER AS DREP CARD */}
       <ActionCard
         dataTestIdFirstButton="register-connect-wallet-button"
         dataTestIdSecondButton="register-learn-more-button"
-        description={t("home.cards.registerAsDRepDescription")}
+        description={t("home.cards.registerAsDRep.description")}
         firstButtonAction={openWalletModal}
-        firstButtonLabel={t("home.cards.registerAsDRepFirstButtonLabel")}
+        firstButtonLabel={t("home.cards.registerAsDRep.firstButtonLabel")}
         imageHeight={80}
         imageURL={IMAGES.govActionRegisterImage}
         imageWidth={70}
         secondButtonAction={onClickLearnMoreAboutDRepRegistration}
         secondButtonLabel={t("learnMore")}
-        title={t("home.cards.registerAsDRepTitle")}
+        title={t("home.cards.registerAsDRep.title")}
       />
       {/* REGISTER AS DREP CARD END */}
       {/* REGISTER AS SOLE VOTER CARD */}
       <ActionCard
         dataTestIdFirstButton="register-as-sole-voter-button"
         dataTestIdSecondButton="lear-more-about-sole-voter-button"
-        description={t("home.cards.registerAsSoleVoterDescription")}
+        description={t("home.cards.registerAsSoleVoter.description")}
         firstButtonAction={openWalletModal}
-        firstButtonLabel={t("home.cards.registerAsSoleVoterFirstButtonLabel")}
+        firstButtonLabel={t("home.cards.registerAsSoleVoter.firstButtonLabel")}
         imageHeight={84}
         imageURL={IMAGES.soleVoterImage}
         imageWidth={84}
         secondButtonAction={onClickLearnMoreAboutSoleVoterRegistration}
         secondButtonLabel={t("learnMore")}
-        title={t("home.cards.registerAsSoleVoterTitle")}
+        title={t("home.cards.registerAsSoleVoter.title")}
       />
       {/* REGISTER AS SOLE VOTER CARD END */}
       {/* GOV ACTIONS CARD */}
       <ActionCard
         dataTestIdFirstButton="move-to-governance-actions-button"
-        description={t("home.cards.governaneActionsDescription")}
+        description={t("home.cards.governanceActions.description")}
         firstButtonAction={navigateToGovActions}
-        firstButtonLabel={t("home.cards.governanceActionsFirstButtonLabel")}
-        imageHeight={80}
+        firstButtonLabel={t("home.cards.governanceActions.firstButtonLabel")}
+        imageHeight={84}
         imageURL={IMAGES.govActionListImage}
-        imageWidth={80}
-        title={t("home.cards.governaneActionsTitle")}
+        imageWidth={84}
+        title={t("home.cards.governanceActions.title")}
       />
-      {/* GOV ACTIONS CARD */}
+      {/* GOV ACTIONS CARD  END*/}
+      {/* PROPOSE GOV ACTION CARD  */}
+      <ActionCard
+        dataTestIdFirstButton="propose-a-governance-action-button"
+        description={t("home.cards.proposeAGovernanceAction.description")}
+        firstButtonAction={openWalletModal}
+        firstButtonLabel={t(
+          "home.cards.proposeAGovernanceAction.firstButtonLabel"
+        )}
+        imageHeight={84}
+        imageURL={IMAGES.proposeGovActionImage}
+        imageWidth={84}
+        secondButtonAction={onClickLearnMoreAboutProposingGovAction}
+        secondButtonLabel={t("learnMore")}
+        title={t("home.cards.proposeAGovernanceAction.title")}
+      />
+      {/* PROPOSE GOV ACTION CARD  END*/}
     </Box>
   );
 };
diff --git a/govtool/frontend/src/components/organisms/Slider.tsx b/govtool/frontend/src/components/organisms/Slider.tsx
index e6024a772..07bf2cd90 100644
--- a/govtool/frontend/src/components/organisms/Slider.tsx
+++ b/govtool/frontend/src/components/organisms/Slider.tsx
@@ -105,12 +105,12 @@ export const Slider = ({
             onClick={() =>
               onDashboard
                 ? navigate(
-                    generatePath(PATHS.dashboard_governance_actions_category, {
+                    generatePath(PATHS.dashboardGovernanceActionsCategory, {
                       category: navigateKey,
                     })
                   )
                 : navigate(
-                    generatePath(PATHS.governance_actions_category, {
+                    generatePath(PATHS.governanceActionsCategory, {
                       category: navigateKey,
                     })
                   )
@@ -157,15 +157,12 @@ export const Slider = ({
               onClick={() =>
                 onDashboard
                   ? navigate(
-                      generatePath(
-                        PATHS.dashboard_governance_actions_category,
-                        {
-                          category: navigateKey,
-                        }
-                      )
+                      generatePath(PATHS.dashboardGovernanceActionsCategory, {
+                        category: navigateKey,
+                      })
                     )
                   : navigate(
-                      generatePath(PATHS.governance_actions_category, {
+                      generatePath(PATHS.governanceActionsCategory, {
                         category: navigateKey,
                       })
                     )
diff --git a/govtool/frontend/src/consts/images.ts b/govtool/frontend/src/consts/images.ts
index 72f60559d..7f97c824a 100644
--- a/govtool/frontend/src/consts/images.ts
+++ b/govtool/frontend/src/consts/images.ts
@@ -4,12 +4,13 @@ export const IMAGES = {
   bgBlue: "/images/BGBlue.png",
   bgOrange: "/images/BGOrange.png",
   errorPageImage: "/images/ErrorPageImage.png",
-  heroImage: "/images/HeroImage.png",
-  soleVoterImage: "/images/GovActionsSoleVoter.png",
   govActionDefaultImage: "/images/GovActionDefault.png",
   govActionDelegateImage: "/images/GovActionDelegate.png",
   govActionListImage: "/images/GovActionList.png",
   govActionRegisterImage: "/images/GovActionRegister.png",
+  heroImage: "/images/HeroImage.png",
+  proposeGovActionImage: "/images/ProposeGovAction.png",
+  soleVoterImage: "/images/GovActionsSoleVoter.png",
   successImage: "/images/Success.png",
   warningImage: "/images/Warning.png",
   warningYellowImage: "/images/WarningYellow.png",
diff --git a/govtool/frontend/src/consts/navItems.ts b/govtool/frontend/src/consts/navItems.ts
index d46bbd6e1..1c3d0ec37 100644
--- a/govtool/frontend/src/consts/navItems.ts
+++ b/govtool/frontend/src/consts/navItems.ts
@@ -10,7 +10,7 @@ export const NAV_ITEMS = [
   },
   {
     dataTestId: "governance-actions-link",
-    navTo: PATHS.governance_actions,
+    navTo: PATHS.governanceActions,
     label: "Governance Actions",
     newTabLink: null,
   },
@@ -40,7 +40,7 @@ export const CONNECTED_NAV_ITEMS = [
   {
     dataTestId: "governance-actions-link",
     label: "Governance Actions",
-    navTo: PATHS.dashboard_governance_actions,
+    navTo: PATHS.dashboardGovernanceActions,
     activeIcon: ICONS.governanceActionsActiveIcon,
     icon: ICONS.governanceActionsIcon,
     newTabLink: null,
diff --git a/govtool/frontend/src/consts/paths.ts b/govtool/frontend/src/consts/paths.ts
index f230747d5..679962a36 100644
--- a/govtool/frontend/src/consts/paths.ts
+++ b/govtool/frontend/src/consts/paths.ts
@@ -1,19 +1,18 @@
 export const PATHS = {
-  create_governance_action: "/create_governance_action",
-  dashboard_governance_actions_action:
-    "/connected/governance_actions/:proposalId",
-  dashboard_governance_actions_category:
+  createGovernanceAction: "/create_governance_action",
+  dashboardGovernanceActionsAction: "/connected/governance_actions/:proposalId",
+  dashboardGovernanceActionsCategory:
     "/connected/governance_actions/category/:category",
-  dashboard_governance_actions: "/connected/governance_actions",
+  dashboardGovernanceActions: "/connected/governance_actions",
   dashboard: "/dashboard",
   delegateTodRep: "/delegate",
   error: "/error",
   faqs: "/faqs",
-  governance_actions_action: "/governance_actions/:proposalId",
-  governance_actions_category_action:
+  governanceActions: "/governance_actions",
+  governanceActionsAction: "/governance_actions/:proposalId",
+  governanceActionsCategoryAction:
     "/governance_actions/category/:category/:proposalId",
-  governance_actions_category: "/governance_actions/category/:category",
-  governance_actions: "/governance_actions",
+  governanceActionsCategory: "/governance_actions/category/:category",
   guides: "/guides",
   home: "/",
   registerAsdRep: "/register",
diff --git a/govtool/frontend/src/hooks/forms/useVoteActionForm.tsx b/govtool/frontend/src/hooks/forms/useVoteActionForm.tsx
index cf1a0cbe0..30fd331aa 100644
--- a/govtool/frontend/src/hooks/forms/useVoteActionForm.tsx
+++ b/govtool/frontend/src/hooks/forms/useVoteActionForm.tsx
@@ -110,7 +110,7 @@ export const useVoteActionForm = () => {
         });
         if (result) {
           addSuccessAlert("Vote submitted");
-          navigate(PATHS.dashboard_governance_actions, {
+          navigate(PATHS.dashboardGovernanceActions, {
             state: {
               isVotedListOnLoad: state && state.vote ? true : false,
             },
diff --git a/govtool/frontend/src/i18n/locales/en.ts b/govtool/frontend/src/i18n/locales/en.ts
index 5b775de1a..f4066b50f 100644
--- a/govtool/frontend/src/i18n/locales/en.ts
+++ b/govtool/frontend/src/i18n/locales/en.ts
@@ -80,6 +80,12 @@ export const en = {
         title: "Governance Actions",
         view: "View governance actions",
       },
+      proposeGovernanceAction: {
+        title: "Propose a Governance Action",
+        description: "Submit your proposal for a Governance Action.",
+        propose: "Propose",
+        view: "View governance actions",
+      },
       registration: {
         changeMetadata: "Change metadata",
         dRepRegistration: "DRep Registration",
@@ -254,21 +260,32 @@ export const en = {
     },
     home: {
       cards: {
-        delegateDescription: "Find a DRep to vote on your behalf.",
-        delegateFirstButtonLabel: "View DRep Direcotry",
-        delegateTitle: "Delegate your Voting Power",
-        governaneActionsDescription:
-          "See all the Governance Actions submitted on chain. ",
-        governanceActionsFirstButtonLabel: "View Governance Actions",
-        governaneActionsTitle: "View Governance Actions",
-        registerAsDRepDescription:
-          "Accept delegated voting power from other ADA holders, and combine it with your own voting power. Vote with the accumulated Power on  Governance Actions.",
-        registerAsDRepFirstButtonLabel: "Connect to Register",
-        registerAsDRepTitle: "Become a DRep",
-        registerAsSoleVoterDescription:
-          "Vote on Governance Actions using your own voting power",
-        registerAsSoleVoterFirstButtonLabel: "Connect to Register",
-        registerAsSoleVoterTitle: "Become a Sole Voter",
+        delegate: {
+          description: "Find a DRep to vote on your behalf.",
+          firstButtonLabel: "View DRep Directory",
+          title: "Delegate your Voting Power",
+        },
+        governanceActions: {
+          description: "See all the Governance Actions submitted on chain. ",
+          firstButtonLabel: "View Governance Actions",
+          title: "View Governance Actions",
+        },
+        proposeAGovernanceAction: {
+          description: "Submit your proposal for a Governance Action.",
+          firstButtonLabel: "Connect to Submit",
+          title: "Propose a Governance Action",
+        },
+        registerAsDRep: {
+          description:
+            "Accept delegated voting power from other ADA holders, and combine it with your own voting power. Vote with the accumulated Power on  Governance Actions.",
+          firstButtonLabel: "Connect to Register",
+          title: "Become a DRep",
+        },
+        registerAsSoleVoter: {
+          description: "Vote on Governance Actions using your own voting power",
+          firstButtonLabel: "Connect to Register",
+          title: "Become a Sole Voter",
+        },
       },
     },
     menu: {
diff --git a/govtool/frontend/src/pages/Dashboard.tsx b/govtool/frontend/src/pages/Dashboard.tsx
index 992897916..cda265b50 100644
--- a/govtool/frontend/src/pages/Dashboard.tsx
+++ b/govtool/frontend/src/pages/Dashboard.tsx
@@ -20,7 +20,7 @@ export const Dashboard = () => {
   const getPageTitle = (pathname: string) => {
     if (pathname === PATHS.dashboard) {
       return t("dashboard.title");
-    } else if (pathname.includes(PATHS.dashboard_governance_actions)) {
+    } else if (pathname.includes(PATHS.dashboardGovernanceActions)) {
       return t("dashboard.govActions.title");
     }
     return "";
@@ -28,7 +28,7 @@ export const Dashboard = () => {
 
   useEffect(() => {
     if (divRef.current) {
-      pathname !== PATHS.dashboard_governance_actions &&
+      pathname !== PATHS.dashboardGovernanceActions &&
         divRef.current.scrollTo({ top: 0 });
     }
   }, [pathname, divRef]);
diff --git a/govtool/frontend/src/pages/DashboardGovernanceActionsCategory.tsx b/govtool/frontend/src/pages/DashboardGovernanceActionsCategory.tsx
index 1fffa539d..15fd8ed44 100644
--- a/govtool/frontend/src/pages/DashboardGovernanceActionsCategory.tsx
+++ b/govtool/frontend/src/pages/DashboardGovernanceActionsCategory.tsx
@@ -69,7 +69,7 @@ export const DashboardGovernanceActionsCategory = () => {
     <NavLink
       key="1"
       style={{ textDecorationColor: "#0033AD" }}
-      to={PATHS.dashboard_governance_actions}
+      to={PATHS.dashboardGovernanceActions}
     >
       <Typography color="primary" fontWeight={300} fontSize={12}>
         {t("govActions.title")}
@@ -127,7 +127,7 @@ export const DashboardGovernanceActionsCategory = () => {
                 textDecoration: "none",
                 marginBottom: 3,
               }}
-              onClick={() => navigate(PATHS.dashboard_governance_actions)}
+              onClick={() => navigate(PATHS.dashboardGovernanceActions)}
             >
               <img
                 src={ICONS.arrowRightIcon}
@@ -195,7 +195,7 @@ export const DashboardGovernanceActionsCategory = () => {
                             )
                           : navigate(
                               generatePath(
-                                PATHS.dashboard_governance_actions_action,
+                                PATHS.dashboardGovernanceActionsAction,
                                 {
                                   proposalId: getFullGovActionId(
                                     item.txHash,
diff --git a/govtool/frontend/src/pages/GovernanceActionDetails.tsx b/govtool/frontend/src/pages/GovernanceActionDetails.tsx
index 76c26e93b..cabb8b1eb 100644
--- a/govtool/frontend/src/pages/GovernanceActionDetails.tsx
+++ b/govtool/frontend/src/pages/GovernanceActionDetails.tsx
@@ -51,7 +51,7 @@ export const GovernanceActionDetails = () => {
   const breadcrumbs = [
     <NavLink
       key="1"
-      to={PATHS.governance_actions}
+      to={PATHS.governanceActions}
       style={{ textDecorationColor: "#0033AD" }}
     >
       <Typography color="primary" fontWeight={300} variant="caption">
@@ -104,10 +104,10 @@ export const GovernanceActionDetails = () => {
               onClick={() =>
                 navigate(
                   state && state.openedFromCategoryPage
-                    ? generatePath(PATHS.governance_actions_category, {
+                    ? generatePath(PATHS.governanceActionsCategory, {
                         category: state.type,
                       })
-                    : PATHS.governance_actions
+                    : PATHS.governanceActions
                 )
               }
             >
diff --git a/govtool/frontend/src/pages/GovernanceActions.tsx b/govtool/frontend/src/pages/GovernanceActions.tsx
index ee4c2f561..2867a6ccf 100644
--- a/govtool/frontend/src/pages/GovernanceActions.tsx
+++ b/govtool/frontend/src/pages/GovernanceActions.tsx
@@ -23,7 +23,7 @@ export const GovernanceActions = () => {
 
   useEffect(() => {
     if (isEnabled && getItemFromLocalStorage(`${WALLET_LS_KEY}_stake_key`)) {
-      navigate(PATHS.dashboard_governance_actions);
+      navigate(PATHS.dashboardGovernanceActions);
     }
   }, [isEnabled]);
 
diff --git a/govtool/frontend/src/pages/GovernanceActionsCategory.tsx b/govtool/frontend/src/pages/GovernanceActionsCategory.tsx
index ef6c40a50..13b9b92e6 100644
--- a/govtool/frontend/src/pages/GovernanceActionsCategory.tsx
+++ b/govtool/frontend/src/pages/GovernanceActionsCategory.tsx
@@ -66,7 +66,7 @@ export const GovernanceActionsCategory = () => {
   const breadcrumbs = [
     <NavLink
       key="1"
-      to={PATHS.dashboard_governance_actions}
+      to={PATHS.dashboardGovernanceActions}
       style={{ textDecorationColor: "#0033AD" }}
     >
       <Typography color="primary" fontWeight={300} variant="caption">
@@ -148,7 +148,7 @@ export const GovernanceActionsCategory = () => {
                 textDecoration: "none",
                 marginBottom: 4.25,
               }}
-              onClick={() => navigate(PATHS.dashboard_governance_actions)}
+              onClick={() => navigate(PATHS.dashboardGovernanceActions)}
             >
               <img
                 src={ICONS.arrowRightIcon}
@@ -214,7 +214,7 @@ export const GovernanceActionsCategory = () => {
                           saveScrollPosition();
 
                           navigate(
-                            PATHS.governance_actions_action.replace(
+                            PATHS.governanceActionsAction.replace(
                               ":proposalId",
                               getFullGovActionId(item.txHash, item.index)
                             ),

From b2fbda1d95a1c27eefceac12ae4f7a388ce7f7dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Sza=C5=82owski?= <michal.szalowski@gmail.com>
Date: Tue, 5 Mar 2024 20:14:40 +0100
Subject: [PATCH 064/109] [#382] add create governance action information
 screen

---
 .../organisms/ChooseGovernanceActionType.tsx  |  2 +-
 .../organisms/CreateGovernanceActionForm.tsx  |  4 +-
 .../organisms/RegisterAsdRepStepOne.tsx       |  4 +-
 .../organisms/WhatGovernanceActionIsAbout.tsx | 60 +++++++++++++++++++
 .../src/components/organisms/index.ts         |  9 +--
 govtool/frontend/src/i18n/locales/en.ts       |  4 ++
 .../src/pages/CreateGovernanceAction.tsx      |  9 ++-
 7 files changed, 82 insertions(+), 10 deletions(-)
 create mode 100644 govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx

diff --git a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
index 40c50f17e..13b1a2f6c 100644
--- a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
+++ b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
@@ -26,7 +26,7 @@ export const ChooseGovernanceActionType = ({
   const isContinueButtonDisabled = !watch("type");
 
   const onClickContinue = () => {
-    setStep(2);
+    setStep(3);
   };
 
   // TODO: Add tooltips when they will be available
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
index cd6cf3157..e16a406f9 100644
--- a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
@@ -44,11 +44,11 @@ export const CreateGovernanceActionForm = ({
   );
 
   const onClickContinue = () => {
-    setStep(3);
+    setStep(4);
   };
 
   const onClickBack = () => {
-    setStep(1);
+    setStep(2);
   };
 
   const renderGovernanceActionField = () => {
diff --git a/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx b/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx
index 04598720a..67702466e 100644
--- a/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx
+++ b/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx
@@ -27,7 +27,7 @@ export const RegisterAsdRepStepOne = ({
 
   const onClickContinue = useCallback(() => setStep(2), []);
 
-  const openLearMoreAboutDrep = useCallback(
+  const openLearnMoreAboutDrep = useCallback(
     () => openInNewTab("https://sancho.network/roles/drep"),
     []
   );
@@ -57,7 +57,7 @@ export const RegisterAsdRepStepOne = ({
           components={[
             <Link
               key="1"
-              onClick={openLearMoreAboutDrep}
+              onClick={openLearnMoreAboutDrep}
               sx={{ cursor: "pointer" }}
             />,
           ]}
diff --git a/govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx b/govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx
new file mode 100644
index 000000000..2f279e37b
--- /dev/null
+++ b/govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx
@@ -0,0 +1,60 @@
+import { Dispatch, SetStateAction, useCallback } from "react";
+import { Trans } from "react-i18next";
+
+import { Typography } from "@atoms";
+import { useScreenDimension, useTranslation } from "@hooks";
+import {
+  correctAdaFormat,
+  getItemFromLocalStorage,
+  PROTOCOL_PARAMS_KEY,
+} from "@utils";
+
+import { BgCard } from ".";
+
+type WhatGovernanceActionIsAboutProps = {
+  onClickCancel: () => void;
+  setStep: Dispatch<SetStateAction<number>>;
+};
+
+export const WhatGovernanceActionIsAbout = ({
+  setStep,
+  onClickCancel,
+}: WhatGovernanceActionIsAboutProps) => {
+  const { t } = useTranslation();
+  const { isMobile } = useScreenDimension();
+
+  const deposit = getItemFromLocalStorage(PROTOCOL_PARAMS_KEY);
+
+  const onClickContinue = useCallback(() => setStep(2), []);
+
+  return (
+    <BgCard
+      actionButtonLabel={t("continue")}
+      backButtonLabel={t("cancel")}
+      onClickActionButton={onClickContinue}
+      onClickBackButton={onClickCancel}
+      sx={{ paddingBottom: isMobile ? undefined : 3 }}
+    >
+      <Typography sx={{ textAlign: "center" }} variant="headline4">
+        {t("createGovernanceAction.creatingAGovernanceAction")}
+      </Typography>
+      <Typography
+        fontWeight={400}
+        sx={{
+          pb: isMobile ? 6 : 4,
+          pt: 4,
+          textAlign: "center",
+          whiteSpace: "pre-line",
+        }}
+        variant="body1"
+      >
+        <Trans
+          i18nKey="createGovernanceAction.creatingAGovernanceActionDescription"
+          values={{
+            deposit: correctAdaFormat(deposit.gov_action_deposit),
+          }}
+        />
+      </Typography>
+    </BgCard>
+  );
+};
diff --git a/govtool/frontend/src/components/organisms/index.ts b/govtool/frontend/src/components/organisms/index.ts
index c787e72aa..4f1994723 100644
--- a/govtool/frontend/src/components/organisms/index.ts
+++ b/govtool/frontend/src/components/organisms/index.ts
@@ -21,14 +21,15 @@ export * from "./GovernanceActionDetailsCard";
 export * from "./GovernanceActionsToVote";
 export * from "./Hero";
 export * from "./HomeCards";
+export * from "./WhatGovernanceActionIsAbout";
+export * from "./RegisterAsSoleVoterBox";
+export * from "./RegisterAsSoleVoterBoxContent";
 export * from "./RegisterAsdRepStepOne";
 export * from "./RegisterAsdRepStepThree";
 export * from "./RegisterAsdRepStepTwo";
-export * from "./Slider";
-export * from "./RegisterAsSoleVoterBoxContent";
-export * from "./RegisterAsSoleVoterBox";
-export * from "./RetireAsSoleVoterBoxContent";
 export * from "./RetireAsSoleVoterBox";
+export * from "./RetireAsSoleVoterBoxContent";
+export * from "./Slider";
 export * from "./StatusModal";
 export * from "./TopNav";
 export * from "./VotingPowerModal";
diff --git a/govtool/frontend/src/i18n/locales/en.ts b/govtool/frontend/src/i18n/locales/en.ts
index f4066b50f..364113bbf 100644
--- a/govtool/frontend/src/i18n/locales/en.ts
+++ b/govtool/frontend/src/i18n/locales/en.ts
@@ -133,6 +133,10 @@ export const en = {
       formTitle: "Governance Action details",
       references: "References and Supporting Information",
       title: "Create a Governance Action",
+      creatingAGovernanceAction:
+        "Creating a Governance Action: What you need to know",
+      creatingAGovernanceActionDescription:
+        "To create a Governance Action, you will need to:\n\n• Fill out a form with the relevant data\n• Pay a refundable deposit of <strong>₳{{deposit}}</strong>\n• Store the metadata of your Governance Action at your own expense.\n\nYour deposit will be refunded to your wallet when the Governance Action is either enacted or expired.\n\nThe deposit will not affect your Voting Power.",
     },
     delegation: {
       description:
diff --git a/govtool/frontend/src/pages/CreateGovernanceAction.tsx b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
index bc7a8fb2c..aa110505e 100644
--- a/govtool/frontend/src/pages/CreateGovernanceAction.tsx
+++ b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
@@ -17,6 +17,7 @@ import {
   CreateGovernanceActionForm,
   DashboardTopNav,
   Footer,
+  WhatGovernanceActionIsAbout,
 } from "@organisms";
 import { checkIsWalletConnected } from "@utils";
 
@@ -73,12 +74,18 @@ export const CreateGovernanceAction = () => {
         />
         <FormProvider {...methods}>
           {step === 1 && (
+            <WhatGovernanceActionIsAbout
+              onClickCancel={onClickBackToDashboard}
+              setStep={setStep}
+            />
+          )}
+          {step === 2 && (
             <ChooseGovernanceActionType
               onClickCancel={onClickBackToDashboard}
               setStep={setStep}
             />
           )}
-          {step === 2 && <CreateGovernanceActionForm setStep={setStep} />}
+          {step === 3 && <CreateGovernanceActionForm setStep={setStep} />}
         </FormProvider>
         {isMobile && <Footer />}
       </Box>

From 0c262ea6e12486cdd6335985dd9a1930ac25b179 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Wed, 6 Mar 2024 07:55:24 +0100
Subject: [PATCH 065/109] Optimized Docker Compose execution in deployment
 script

This commit enhances the efficiency of the Docker Compose execution
process within the deployment script. By modifying the deploy-stack
target in the Makefile, we've streamlined the command to not only update
containers as necessary but also to clean up any orphaned containers in
a more efficient manner. The key changes include:

- Unified Pull and Deploy: Merging the pull and up commands into a
  single docker compose up command with the --detach, --pull always, and
  --remove-orphans flags. This optimization ensures that all required
  images are pulled fresh before starting containers, thereby reducing the
  risk of running outdated versions.
- Simplification of Deployment Process: Removing separate pull commands
  simplifies the deployment process, making it faster and reducing the
  potential for errors during manual deployment steps.
- Automatic Orphan Removal: The addition of --remove-orphans flag
  automatically cleans up any containers not defined in the compose file
  but previously running, keeping the environment clean and reducing
  manual cleanup efforts.

These modifications are designed to facilitate a more streamlined,
efficient, and error-resistant deployment process, directly supporting
the goal of improving deployment traceability and operational efficiency
within the project's continuous deployment pipeline.
---
 scripts/govtool/Makefile | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/scripts/govtool/Makefile b/scripts/govtool/Makefile
index e88073db7..e1b0ef58e 100644
--- a/scripts/govtool/Makefile
+++ b/scripts/govtool/Makefile
@@ -26,8 +26,7 @@ deploy-stack: upload-config push-backend push-frontend
 	export CARDANO_NODE_TAG=$(cardano_node_image_tag); \
 	export CARDANO_DB_SYNC_TAG=$(cardano_db_sync_image_tag); \
 	$(ssh-keyscan) $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
-	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) pull; \
-	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) up -d
+	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) up --detach --pull always --remove-orphans
 
 .PHONY: destroy-cardano-node-and-dbsync
 destroy-cardano-node-and-dbsync: prepare-config

From f5318e5729c31f18a62384c36fc4ccfcc437f0fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Wed, 6 Mar 2024 07:57:30 +0100
Subject: [PATCH 066/109] Added Grafana provisioning reload target to utility
 makefile

This commit introduces a new utility target, reload-grafana, to the
project's utility makefile (utils.mk). This target provides an automated
way to trigger the reload of Grafana provisioning configurations,
including alerting rules, dashboards, and notification channels.

This enhancement directly supports the initiative for improved
deployment traceability and operational efficiency by ensuring that
monitoring and alerting configurations can be updated and applied with
minimal downtime and manual effort.
---
 .github/workflows/build-and-deploy.yml | 4 +---
 scripts/govtool/utils.mk               | 7 +++++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
index e556bb96e..1e2b76625 100644
--- a/.github/workflows/build-and-deploy.yml
+++ b/.github/workflows/build-and-deploy.yml
@@ -82,6 +82,4 @@ jobs:
           if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
           if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
           DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
-          curl -X POST -u "admin:$GRAFANA_ADMIN_PASSWORD" https://$DOMAIN/grafana/api/admin/provisioning/alerting/reload
-          curl -X POST -u "admin:$GRAFANA_ADMIN_PASSWORD" https://$DOMAIN/grafana/api/admin/provisioning/dashboards/reload
-          curl -X POST -u "admin:$GRAFANA_ADMIN_PASSWORD" https://$DOMAIN/grafana/api/admin/provisioning/notifications/reload
+          make reload-grafana
diff --git a/scripts/govtool/utils.mk b/scripts/govtool/utils.mk
index 3cb2bcc27..7e72355ee 100644
--- a/scripts/govtool/utils.mk
+++ b/scripts/govtool/utils.mk
@@ -18,3 +18,10 @@ docker:
 	export CARDANO_DB_SYNC_TAG=$(cardano_db_sync_image_tag); \
 	$(ssh-keyscan) $(docker_host) 2>/dev/null >> ~/.ssh/known_hosts; \
 	$(docker) compose -f $(docker_compose_file) -p $(compose_stack_name) $(cmd)
+
+.PHONY: reload-grafana
+reload-grafana:
+	@:$(call check_defined, domain)
+	curl -X POST -u "admin:$${GRAFANA_ADMIN_PASSWORD}" https://$(domain)/grafana/api/admin/provisioning/alerting/reload
+	curl -X POST -u "admin:$${GRAFANA_ADMIN_PASSWORD}" https://$(domain)/grafana/api/admin/provisioning/dashboards/reload
+	curl -X POST -u "admin:$${GRAFANA_ADMIN_PASSWORD}" https://$(domain)/grafana/api/admin/provisioning/notifications/reload

From f48cad4887aebdae324b2aea08223e9505298b89 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Wed, 6 Mar 2024 08:18:20 +0100
Subject: [PATCH 067/109] Streamlined domain configuration in CI/CD workflow

This commit enhances the GitHub Actions CI/CD workflow to more
efficiently and clearly set the deployment domain based on the target
environment. The improvements made in the
.github/workflows/build-and-deploy.yml file include:

- Consolidated Domain Setting Step: Introduced a dedicated step to set
  the DOMAIN environment variable once, before the deployment and
  provisioning actions. This eliminates redundancy and potential errors by
  ensuring the DOMAIN is consistently set for all subsequent steps.
- Environment-Specific Domain Logic: Implemented a clear, conditional
  logic block that sets the DOMAIN variable based on the
  inputs.environment value. This approach supports multiple environments
  (staging, beta, and others) by assigning them appropriate domain names
  in a single, centralized location.
- Fallback Domain Naming Convention: For environments not explicitly
  defined (other than staging or beta), a default naming convention is
  applied, combining the environment name, the CARDANO_NETWORK variable,
  and a base domain. This ensures flexibility and scalability in deploying
  to new or temporary environments without needing workflow modifications.

This optimization supports a more maintainable and error-proof
deployment process by simplifying domain management across different
deployment environments, directly contributing to the overall goal of
improving deployment traceability and operational efficiency.
---
 .github/workflows/build-and-deploy.yml | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
index 1e2b76625..3b3adafc6 100644
--- a/.github/workflows/build-and-deploy.yml
+++ b/.github/workflows/build-and-deploy.yml
@@ -69,17 +69,21 @@ jobs:
         with:
           ssh-private-key: ${{ secrets.GHA_SSH_PRIVATE_KEY }}
 
+      - name: Set domain
+        run: |
+          if [[ "${{ inputs.environment }}" == "staging" ]]; then
+            echo "DOMAIN=staging.govtool.byron.network" >> $GITHUB_ENV
+          elif [[ "${{ inputs.environment }}" == "beta" ]]; then
+            echo "DOMAIN=sanchogov.tools" >> $GITHUB_ENV
+          else
+            echo "DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}" >> $GITHUB_ENV
+          fi
+
       - name: Deploy app
         run: |
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          export DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
           make all
 
       - name: Reprovision Grafana
         run: |
           sleep 30 # give grafana time to start up
-          if [[ "${{ inputs.environment }}" == "staging" ]]; then export DOMAIN=staging.govtool.byron.network; fi;
-          if [[ "${{ inputs.environment }}" == "beta" ]]; then export DOMAIN=sanchogov.tools; fi;
-          DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}
           make reload-grafana

From 9aef423c3e661c7fed38b52b2ab22e5141227a80 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Wed, 6 Mar 2024 08:27:03 +0100
Subject: [PATCH 068/109] Restored missing deployment step for conditional
 infrastructure reset

This commit reintroduces a previously removed crucial step in the
.github/workflows/build-and-deploy.yml CI/CD pipeline that conditionally
destroys and resets the Cardano node, DB sync, and Postgres components.
The key aspects of this restoration include:

- Conditional Step Execution: The step is guarded by a condition
  checking inputs.resync_cardano_node_and_db. This ensures that the
  infrastructure reset only occurs when explicitly required, minimizing
  disruption and unnecessary operations.
- Infrastructure Clean-up: By executing make
  destroy-cardano-node-and-dbsync, this step ensures a clean state for
  these components when necessary, facilitating scenarios where a fresh
  start is required for accurate testing or deployment.
- Support for Deployment Traceability: This action aligns with the
  overarching goal of deployment traceability by allowing for controlled
  environment resets, ensuring that deployments can be accurately traced
  and managed across different states of the infrastructure.

This restoration corrects a critical oversight in the deployment
process, reinstating the ability to manage the project's infrastructure
effectively and ensuring that deployments are performed in a clean and
predictable environment when necessary.
---
 .github/workflows/build-and-deploy.yml | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
index 3b3adafc6..999b061d3 100644
--- a/.github/workflows/build-and-deploy.yml
+++ b/.github/workflows/build-and-deploy.yml
@@ -79,6 +79,11 @@ jobs:
             echo "DOMAIN=${DOMAIN:-$ENVIRONMENT-$CARDANO_NETWORK.govtool.byron.network}" >> $GITHUB_ENV
           fi
 
+      - name: Destroy Cardano Node, DB sync and Postgres if required
+        if: ${{ inputs.resync_cardano_node_and_db }}
+        run: |
+          make destroy-cardano-node-and-dbsync
+
       - name: Deploy app
         run: |
           make all

From b01343c8f2facccb30ea00adf91fc890fc383fb0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Wed, 6 Mar 2024 08:35:34 +0100
Subject: [PATCH 069/109] [#361] Integrated Loki and Promtail into Deployment
 Stack

This commit introduces Loki and Promtail to the deployment stack,
enhancing the project's logging infrastructure by enabling advanced log
aggregation, visualization, and analysis capabilities. The integration
involves modifications across multiple configuration files and the
introduction of new templates for Loki and Promtail. Here's a breakdown
of the changes:

- config.mk Adjustments: Updated the prepare-config target to include
  steps for preparing Loki and Promtail configuration files, ensuring
  these services are configured as part of the deployment setup.
- Docker Compose Template Update: Extended the docker-compose.yml.tpl to
  define loki and promtail services, including their respective Docker
  images, volumes, and dependencies. This update ensures that both Loki
  for log aggregation and Promtail for log shipping are part of the
  containerized environment.
- Grafana Data Sources Configuration: Modified the
  grafana-provisioning/datasources/datasource.yml to include Loki as a
  data source, enabling Grafana to query log data collected by Loki. This
  allows for comprehensive log visualization alongside metrics within
  Grafana dashboards.
- Loki Configuration Template (loki.yml): Introduced a new configuration
  template for Loki, specifying its operational parameters such as
  server ports, ingester configuration, schema, storage, and retention
  policies. This configuration is designed to optimize Loki's log
  aggregation capabilities within the deployment environment.
- Promtail Configuration Template (promtail.yml): Added a new
  configuration template for Promtail, detailing how log files are
  located, scraped, and forwarded to Loki. The configuration includes the
  definition of job names, static configs, and labels for log
  categorization.

The integration of Loki and Promtail represents a significant
enhancement to the project's observability infrastructure. It enables
efficient log collection, storage, and querying, providing developers
and operators with powerful tools for troubleshooting, performance
monitoring, and operational analysis.
---
 scripts/govtool/config.mk                     | 12 +++-
 .../config/templates/docker-compose.yml.tpl   | 19 +++++++
 .../datasources/datasource.yml                | 33 +++++++++++
 scripts/govtool/config/templates/loki.yml     | 56 +++++++++++++++++++
 scripts/govtool/config/templates/promtail.yml | 18 ++++++
 5 files changed, 136 insertions(+), 2 deletions(-)
 create mode 100644 scripts/govtool/config/templates/loki.yml
 create mode 100644 scripts/govtool/config/templates/promtail.yml

diff --git a/scripts/govtool/config.mk b/scripts/govtool/config.mk
index 83bf76c03..d14524876 100644
--- a/scripts/govtool/config.mk
+++ b/scripts/govtool/config.mk
@@ -18,7 +18,7 @@ docker_compose_file := $(target_config_dir)/docker-compose.yml
 cardano_config_provider := https://book.world.dev.cardano.org
 
 .PHONY: prepare-config
-prepare-config: clear generate-docker-compose-file enable-prometheus prepare-dbsync-secrets prepare-backend-config prepare-prometheus-config prepare-grafana-provisioning prepare-nginx-config
+prepare-config: clear generate-docker-compose-file enable-prometheus prepare-dbsync-secrets prepare-backend-config prepare-grafana-provisioning prepare-nginx-config
 
 .PHONY: clear
 clear:
@@ -68,8 +68,16 @@ prepare-backend-config:
 prepare-prometheus-config:
 	cp -a "$(template_config_dir)/prometheus.yml" "$(target_config_dir)/prometheus.yml"
 
+.PHONY: prepare-promtail-config
+prepare-promtail-config:
+	cp -a "$(template_config_dir)/promtail.yml" "$(target_config_dir)/promtail.yml"
+
+.PHONY: prepare-loki-config
+prepare-loki-config:
+	cp -a "$(template_config_dir)/loki.yml" "$(target_config_dir)/loki.yml"
+
 .PHONY: prepare-grafana-provisioning
-prepare-grafana-provisioning:
+prepare-grafana-provisioning: prepare-prometheus-config prepare-loki-config prepare-promtail-config
 	mkdir -p $(grafana_provisioning_dir)
 	cp -a $(template_config_dir)/grafana-provisioning/* $(grafana_provisioning_dir)
 	sed -e "s|<GRAFANA_SLACK_RECIPIENT>|$${GRAFANA_SLACK_RECIPIENT}|" \
diff --git a/scripts/govtool/config/templates/docker-compose.yml.tpl b/scripts/govtool/config/templates/docker-compose.yml.tpl
index 83124a106..9ef1ce811 100644
--- a/scripts/govtool/config/templates/docker-compose.yml.tpl
+++ b/scripts/govtool/config/templates/docker-compose.yml.tpl
@@ -36,6 +36,24 @@ services:
       - "traefik.http.routers.http-catchall.entrypoints=web"
       - "traefik.http.routers.http-catchall.middlewares=redirect-to-https"
 
+  loki:
+    image: grafana/loki:2.9.4
+    ports:
+      - "3100:3100"
+    command: -config.file=/etc/loki/loki.yml
+    volumes:
+      - loki-data:/loki
+      - /home/<DOCKER_USER>/config/loki.yml:/etc/loki/loki.yml
+
+  promtail:
+    image: grafana/promtail:2.9.4
+    volumes:
+      - /var/log/deployment.log:/var/log/deployment.log
+      - /home/<DOCKER_USER>/config/promtail.yml:/etc/promtail/promtail.yml
+    command: -config.file=/etc/promtail/promtail.yml
+    depends_on:
+      - loki
+
   prometheus:
     image: prom/prometheus:v2.47.1
     volumes:
@@ -229,3 +247,4 @@ volumes:
   prometheus-data:
   node-db:
   node-ipc:
+  loki-data:
diff --git a/scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml b/scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml
index 752444705..e1461426c 100644
--- a/scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml
+++ b/scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml
@@ -48,3 +48,36 @@ datasources:
   version: 1
   # <bool> allow users to edit datasources from the UI.
   editable: true
+
+  # <string, required> name of the datasource. Required
+- name: Loki
+  # <string, required> datasource type. Required
+  type: loki
+  # <string, required> access mode. direct or proxy. Required
+  access: browser
+  # <int> org id. will default to orgId 1 if not specified
+  orgId: 1
+  # <string> url
+  url: http://loki:3100
+  # <string> database password, if used
+  password:
+  # <string> database user, if used
+  user:
+  # <string> database name, if used
+  database:
+  # <bool> enable/disable basic auth
+  basicAuth: false
+  # <string> basic auth username
+  basicAuthUser: admin
+  # <string> basic auth password
+  basicAuthPassword: foobar
+  # <bool> enable/disable with credentials headers
+  withCredentials:
+  # <bool> mark as default datasource. Max one per org
+  # <bool> enable/disable basic auth
+  basicAuth: false
+  # <bool> mark as default datasource. Max one per org
+  isDefault: false
+  version: 1
+  # <bool> allow users to edit datasources from the UI.
+  editable: true
diff --git a/scripts/govtool/config/templates/loki.yml b/scripts/govtool/config/templates/loki.yml
new file mode 100644
index 000000000..54b6e3344
--- /dev/null
+++ b/scripts/govtool/config/templates/loki.yml
@@ -0,0 +1,56 @@
+auth_enabled: false
+
+server:
+  http_listen_port: 3100
+  grpc_listen_port: 9095
+
+ingester:
+  wal:
+    enabled: false
+  lifecycler:
+    address: 127.0.0.1
+    ring:
+      kvstore:
+        store: inmemory
+      replication_factor: 1
+  chunk_idle_period: 15m
+  chunk_block_size: 262144
+  chunk_retain_period: 1m
+  max_transfer_retries: 0
+
+compactor:
+  working_directory: /loki/compactor
+  shared_store: filesystem
+
+schema_config:
+  configs:
+  - from: 2024-01-01
+    store: boltdb-shipper
+    object_store: filesystem
+    schema: v11
+    index:
+      prefix: index_
+      period: 24h
+
+storage_config:
+  boltdb_shipper:
+    active_index_directory: /loki/index
+    cache_location: /loki/index_cache
+    cache_ttl: 24h
+    shared_store: filesystem
+  filesystem:
+    directory: /loki/chunks
+
+limits_config:
+  enforce_metric_name: false
+  reject_old_samples: true
+  reject_old_samples_max_age: 168h
+  max_cache_freshness_per_query: 10m
+  retention_period: 672h
+
+chunk_store_config:
+  max_look_back_period: 672h
+
+table_manager:
+  retention_deletes_enabled: true
+  retention_period: 672h
diff --git a/scripts/govtool/config/templates/promtail.yml b/scripts/govtool/config/templates/promtail.yml
new file mode 100644
index 000000000..e24b9d32a
--- /dev/null
+++ b/scripts/govtool/config/templates/promtail.yml
@@ -0,0 +1,18 @@
+server:
+  http_listen_port: 9080
+  grpc_listen_port: 0
+
+positions:
+  filename: /tmp/positions.yaml
+
+clients:
+  - url: http://loki:3100/loki/api/v1/push
+
+scrape_configs:
+- job_name: system
+  static_configs:
+  - targets:
+      - localhost
+    labels:
+      job: varlogs
+      __path__: /var/log/deployment.log

From a55e4fcd1c6e929a65bee879b656b3edd0210878 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Wed, 6 Mar 2024 08:55:06 +0100
Subject: [PATCH 070/109] [#361] Initialized deployment log in EC2 user data
 script

This commit enhances the infrastructure setup process by incorporating
an initialization step for a deployment log within the EC2 instance's
user data script. This change is aimed at bolstering deployment
traceability and logging mechanisms for the GovTool project. Key aspects
of the update include:

- Deployment Log File Creation: Added commands to create a new log file,
  /var/log/deployment.log, during the initial setup of the EC2 instance.
  This log file is intended to capture and store deployment-related
  events, making it easier to track and diagnose issues that may arise
  during or after the deployment process.
- Log File Ownership Adjustment: The ownership of the newly created
  deployment log file is set to ubuntu:ubuntu, ensuring that the
  application, running under the ubuntu user, has the necessary
  permissions to write deployment events to the file.

This modification directly supports the project's objective to enhance
deployment traceability and operational monitoring by providing a
dedicated mechanism for logging deployment activities, thereby
facilitating better insight into deployment processes and outcomes.
---
 infra/terraform/modules/govtool-ec2/user_data.sh | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/infra/terraform/modules/govtool-ec2/user_data.sh b/infra/terraform/modules/govtool-ec2/user_data.sh
index 79a7f1a06..0e47ac34a 100644
--- a/infra/terraform/modules/govtool-ec2/user_data.sh
+++ b/infra/terraform/modules/govtool-ec2/user_data.sh
@@ -22,3 +22,7 @@ echo \
 sudo apt-get update
 sudo apt-get install -y docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin prometheus-node-exporter
 sudo usermod -aG docker ubuntu
+
+# initialize deployment log
+sudo touch /var/log/deployment.log
+sudo chown ubuntu:ubuntu /var/log/deployment.log

From 586917189c9d16eca156a4f49c5372efce9a4a18 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Wed, 6 Mar 2024 09:13:37 +0100
Subject: [PATCH 071/109] [#361] Implement deployment traceability and
 streamline notification process

- Modified 'all' target in Makefile to exclude 'info' and directly
  include 'notify', simplifying the deployment sequence.
- Introduced 'log-deployment' in info.mk for logging deployment details
  to /var/log/deployment.log. This includes capturing essential
  deployment metadata such as the environment, branch, commit, and
  versions of the deployed components, formatted with a timestamp and
  marked as INFO for clarity.
- Updated 'notify' target to depend on 'info' and 'log-deployment',
  ensuring comprehensive deployment information is shared and recorded.
  This includes deployment success notifications with detailed component
  versions and source information.
- Adjusted the format for logging deployment information to improve
  readability and consistency in monitoring tools.

These changes enhance the project's deployment traceability, allowing
for better tracking of deployments and easier debugging and auditing of
deployed versions.
---
 scripts/govtool/Makefile |  2 +-
 scripts/govtool/info.mk  | 13 ++++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/scripts/govtool/Makefile b/scripts/govtool/Makefile
index e1b0ef58e..831d272d2 100644
--- a/scripts/govtool/Makefile
+++ b/scripts/govtool/Makefile
@@ -11,7 +11,7 @@ cardano_node_image_tag := 8.8.0-pre
 cardano_db_sync_image_tag := sancho-4-0-0-fix-config
 
 .PHONY: all
-all: deploy-stack info notify
+all: deploy-stack notify
 
 .PHONY: deploy-stack
 deploy-stack: upload-config push-backend push-frontend
diff --git a/scripts/govtool/info.mk b/scripts/govtool/info.mk
index 741e457c4..128567307 100644
--- a/scripts/govtool/info.mk
+++ b/scripts/govtool/info.mk
@@ -1,11 +1,19 @@
 # pipeline information
 pipeline_url := $(shell echo $${PIPELINE_URL:-})
-ifeq ($(PIPELINE_URL),)
+ifeq ($(pipeline_url),)
   pipeline_info := _Deployed from local machine._
 else
   pipeline_info := _Deployed from <$(pipeline_url)|GitHub>._
 endif
 
+deployment_log_file := /var/log/deployment.log
+
+.PHONY: log-deployment
+log-deployment:
+	@:$(call check_defined, cardano_network)
+	@:$(call check_defined, env)
+	ssh $(ssh_url) 'echo "$(shell date +'%Y-%m-%d %H:%M:%S%z') INFO: $(branch) ($(commit)); cardano-node $(cardano_node_image_tag); cardano-dbsync $(cardano_db_sync_image_tag); backend $(backend_image_tag); frontend $(frontend_image_tag); $(pipeline_url)" >> $(deployment_log_file)'
+
 .PHONY: info
 info:
 	@:$(call check_defined, cardano_network)
@@ -24,11 +32,10 @@ info:
 	@echo "+-----------"
 
 .PHONY: notify
-notify:
+notify: info log-deployment
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
 	$(curl) -X POST https://slack.com/api/chat.postMessage\
 		-H "Authorization: Bearer $${GRAFANA_SLACK_OAUTH_TOKEN}" \
 		-H "Content-Type: application/json; charset=utf-8" \
 		--data "{ \"channel\":\"$${GRAFANA_SLACK_RECIPIENT}\", \"text\":\":rocket: *Deploy performed on \`$(env)\`*\n- from *branch* \`$(branch)\` (\`$(commit)\`),\n- using *Cardano Node* version \`$(cardano_node_image_tag)\`,\n- using *Cardano DB Sync* version \`$(cardano_db_sync_image_tag)\`,\n- using *GovTool backend* version \`$(backend_image_tag)\`,\n- using *Govtool frontend* version \`$(frontend_image_tag)\`.\n$(pipeline_info)\" }"
-

From 589c1ab05f7e89343227839ec5634a1b9c0e8f37 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Wed, 6 Mar 2024 09:56:17 +0100
Subject: [PATCH 072/109] [#361] Integrate Loki panel for deployment log
 visualization in Grafana

- Added a new panel to the GovTool Grafana dashboard configuration for
  visualizing deployment logs.
- This panel uses the Loki data source to display logs from
  `/var/log/deployment.log`, providing a trace of every deployment made.
- The panel is configured to display logs in descending order, focusing
  on deployment events. This aims to facilitate quick identification of
  deployment activities and troubleshooting issues.
- Updated the dashboard version to reflect these changes, ensuring that
  the dashboard remains up-to-date and functional with the latest
  configurations.

This enhancement improves the observability of the deployment process,
making it easier for operators to monitor deployment activities and
investigate issues directly from the Grafana interface.
---
 .../dashboards/govtool.json                   | 42 ++++++++++++++++++-
 1 file changed, 40 insertions(+), 2 deletions(-)

diff --git a/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json b/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json
index 0b4b755a8..634602b24 100644
--- a/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json
+++ b/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json
@@ -18,7 +18,6 @@
   "editable": true,
   "fiscalYearStartMonth": 0,
   "graphTooltip": 0,
-  "id": 3,
   "links": [],
   "liveNow": false,
   "panels": [
@@ -861,6 +860,45 @@
       ],
       "title": "System load (avg 5 min)",
       "type": "timeseries"
+    },
+    {
+      "datasource": {
+        "type": "loki",
+        "uid": "b0d64f25-3bca-4cc1-b8f3-6b391d88b442"
+      },
+      "description": "Trace of every deploy made on this machine. This is a good place to start when something goes wrong.",
+      "gridPos": {
+        "h": 4,
+        "w": 21,
+        "x": 0,
+        "y": 22
+      },
+      "id": 12,
+      "options": {
+        "dedupStrategy": "none",
+        "enableLogDetails": true,
+        "prettifyLogMessage": false,
+        "showCommonLabels": false,
+        "showLabels": false,
+        "showTime": false,
+        "sortOrder": "Descending",
+        "wrapLogMessage": false
+      },
+      "targets": [
+        {
+          "datasource": {
+            "type": "loki",
+            "uid": "b0d64f25-3bca-4cc1-b8f3-6b391d88b442"
+          },
+          "editorMode": "builder",
+          "expr": "{filename=\"/var/log/deployment.log\"}",
+          "queryType": "range",
+          "refId": "A"
+        }
+      ],
+      "timeFrom": "1w",
+      "title": "Deployment events",
+      "type": "logs"
     }
   ],
   "refresh": "10s",
@@ -878,6 +916,6 @@
   "timezone": "",
   "title": "GovTool basic stats",
   "uid": "e3697f62-6a01-4596-b626-d46141441b32",
-  "version": 1,
+  "version": 36,
   "weekStart": ""
 }

From 8c6adde89e4314ee42b408e994ecc654132a0265 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Tue, 5 Mar 2024 22:02:37 +0100
Subject: [PATCH 073/109] change cancel to back/ fix card layout

---
 govtool/frontend/src/components/organisms/BgCard.tsx       | 2 ++
 .../components/organisms/ChooseGovernanceActionType.tsx    | 7 ++++---
 .../components/organisms/WhatGovernanceActionIsAbout.tsx   | 1 -
 govtool/frontend/src/pages/CreateGovernanceAction.tsx      | 7 +------
 4 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/govtool/frontend/src/components/organisms/BgCard.tsx b/govtool/frontend/src/components/organisms/BgCard.tsx
index 1995f06a3..c8b7a0d48 100644
--- a/govtool/frontend/src/components/organisms/BgCard.tsx
+++ b/govtool/frontend/src/components/organisms/BgCard.tsx
@@ -78,6 +78,7 @@ export const BgCard = ({
         flex: 1,
         flexDirection: "column",
         height: isMobile ? "100%" : "auto",
+        px: isMobile ? 0 : 5,
       }}
     >
       <Box
@@ -93,6 +94,7 @@ export const BgCard = ({
           pb: isMobile ? undefined : 10,
           pt: isMobile ? 6 : 10,
           px: isMobile ? 2 : 18.75,
+          width: "-webkit-fill-available",
           ...sx,
         }}
       >
diff --git a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
index 13b1a2f6c..a83b333d5 100644
--- a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
+++ b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
@@ -11,12 +11,10 @@ import {
 import { BgCard } from "./BgCard";
 
 type ChooseGovernanceActionTypeProps = {
-  onClickCancel: () => void;
   setStep: Dispatch<SetStateAction<number>>;
 };
 
 export const ChooseGovernanceActionType = ({
-  onClickCancel,
   setStep,
 }: ChooseGovernanceActionTypeProps) => {
   const { t } = useTranslation();
@@ -29,6 +27,10 @@ export const ChooseGovernanceActionType = ({
     setStep(3);
   };
 
+  const onClickCancel = () => {
+    setStep(1);
+  };
+
   // TODO: Add tooltips when they will be available
   const renderGovernanceActionTypes = () => {
     return GOVERNANCE_ACTION_TYPES.map((type, index) => {
@@ -54,7 +56,6 @@ export const ChooseGovernanceActionType = ({
   return (
     <BgCard
       actionButtonLabel={t("continue")}
-      backButtonLabel={t("cancel")}
       isActionButtonDisabled={isContinueButtonDisabled}
       onClickActionButton={onClickContinue}
       onClickBackButton={onClickCancel}
diff --git a/govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx b/govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx
index 2f279e37b..5617b4221 100644
--- a/govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx
+++ b/govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx
@@ -33,7 +33,6 @@ export const WhatGovernanceActionIsAbout = ({
       backButtonLabel={t("cancel")}
       onClickActionButton={onClickContinue}
       onClickBackButton={onClickCancel}
-      sx={{ paddingBottom: isMobile ? undefined : 3 }}
     >
       <Typography sx={{ textAlign: "center" }} variant="headline4">
         {t("createGovernanceAction.creatingAGovernanceAction")}
diff --git a/govtool/frontend/src/pages/CreateGovernanceAction.tsx b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
index aa110505e..bb1597329 100644
--- a/govtool/frontend/src/pages/CreateGovernanceAction.tsx
+++ b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
@@ -79,12 +79,7 @@ export const CreateGovernanceAction = () => {
               setStep={setStep}
             />
           )}
-          {step === 2 && (
-            <ChooseGovernanceActionType
-              onClickCancel={onClickBackToDashboard}
-              setStep={setStep}
-            />
-          )}
+          {step === 2 && <ChooseGovernanceActionType setStep={setStep} />}
           {step === 3 && <CreateGovernanceActionForm setStep={setStep} />}
         </FormProvider>
         {isMobile && <Footer />}

From 249898c1f07299af2fc12360e089d4c6f5447457 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Wed, 6 Mar 2024 16:27:15 +0100
Subject: [PATCH 074/109] change - func name/ number of links

---
 .../src/components/organisms/ChooseGovernanceActionType.tsx   | 4 ++--
 .../src/components/organisms/CreateGovernanceActionForm.tsx   | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
index a83b333d5..27682d970 100644
--- a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
+++ b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
@@ -27,7 +27,7 @@ export const ChooseGovernanceActionType = ({
     setStep(3);
   };
 
-  const onClickCancel = () => {
+  const onClickBack = () => {
     setStep(1);
   };
 
@@ -58,7 +58,7 @@ export const ChooseGovernanceActionType = ({
       actionButtonLabel={t("continue")}
       isActionButtonDisabled={isContinueButtonDisabled}
       onClickActionButton={onClickContinue}
-      onClickBackButton={onClickCancel}
+      onClickBackButton={onClickBack}
     >
       <Typography sx={{ textAlign: "center" }} variant="headline4">
         {t("createGovernanceAction.chooseGATypeTitle")}
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
index e16a406f9..9d1908261 100644
--- a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
@@ -11,7 +11,7 @@ import { BgCard } from "./BgCard";
 import { ControlledField } from "./ControlledField";
 
 const LINK_PLACEHOLDER = "https://website.com/";
-const MAX_NUMBER_OF_LINKS = 7;
+const MAX_NUMBER_OF_LINKS = 8;
 
 type ChooseGovernanceActionTypeProps = {
   setStep: Dispatch<SetStateAction<number>>;

From b08216dba0f752431e9e1aa3b7047866e34bef86 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Wed, 6 Mar 2024 01:05:51 +0100
Subject: [PATCH 075/109] [#362] add review submission page

---
 CHANGELOG.md                                  |   1 +
 govtool/frontend/public/icons/Link.svg        |  11 ++
 .../src/components/molecules/BackToButton.tsx |  26 ----
 .../src/components/molecules/LinkWithIcon.tsx |  36 ++++++
 .../src/components/molecules/index.ts         |   2 +-
 .../src/components/molecules/types.ts         |   3 +-
 .../organisms/ChooseGovernanceActionType.tsx  |   6 +-
 .../organisms/CreateGovernanceActionForm.tsx  |   2 +-
 .../ReviewCreatedGovernanceAction.tsx         | 112 ++++++++++++++++++
 .../src/components/organisms/index.ts         |   9 +-
 .../src/consts/governanceActionTypes.ts       |   2 +-
 govtool/frontend/src/consts/icons.ts          |   3 +-
 .../forms/useCreateGovernanceActionForm.ts    |   4 +-
 govtool/frontend/src/i18n/locales/en.ts       |   9 +-
 .../src/pages/CreateGovernanceAction.tsx      |   6 +-
 govtool/frontend/src/pages/RegisterAsdRep.tsx |   4 +-
 16 files changed, 189 insertions(+), 47 deletions(-)
 create mode 100644 govtool/frontend/public/icons/Link.svg
 delete mode 100644 govtool/frontend/src/components/molecules/BackToButton.tsx
 create mode 100644 govtool/frontend/src/components/molecules/LinkWithIcon.tsx
 create mode 100644 govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5b6662494..50cc35e39 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,7 @@ As a minor extension, we also keep a semantic version for the `UNRELEASED`
 changes.
 
 ## [Unreleased]
+- Create GA review subbmision page [Issue 362](https://github.com/IntersectMBO/govtool/issues/362)
 - Create GA creation form [Issue 360](https://github.com/IntersectMBO/govtool/issues/360)
 - Create TextArea [Issue 110](https://github.com/IntersectMBO/govtool/issues/110)
 - Abandoning registration as DRep [Issue 151](https://github.com/IntersectMBO/govtool/issues/151)
diff --git a/govtool/frontend/public/icons/Link.svg b/govtool/frontend/public/icons/Link.svg
new file mode 100644
index 000000000..bb50eca5b
--- /dev/null
+++ b/govtool/frontend/public/icons/Link.svg
@@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7825_77279)">
+<path d="M6.66699 8.66795C6.95329 9.0507 7.31856 9.3674 7.73803 9.59657C8.15749 9.82574 8.62133 9.96202 9.09809 9.99617C9.57485 10.0303 10.0534 9.96152 10.5012 9.79447C10.9491 9.62741 11.3557 9.36599 11.6937 9.02795L13.6937 7.02795C14.3009 6.39927 14.6368 5.55726 14.6292 4.68327C14.6216 3.80929 14.2711 2.97324 13.6531 2.35522C13.035 1.73719 12.199 1.38663 11.325 1.37903C10.451 1.37144 9.609 1.70742 8.98033 2.31461L7.83366 3.45461" stroke="#0033AD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.33347 7.33283C9.04716 6.95008 8.68189 6.63338 8.26243 6.40421C7.84297 6.17503 7.37913 6.03875 6.90237 6.00461C6.4256 5.97047 5.94707 6.03925 5.49924 6.20631C5.0514 6.37337 4.64472 6.63479 4.3068 6.97283L2.3068 8.97283C1.69961 9.60151 1.36363 10.4435 1.37122 11.3175C1.37881 12.1915 1.72938 13.0275 2.3474 13.6456C2.96543 14.2636 3.80147 14.6142 4.67546 14.6217C5.54945 14.6293 6.39146 14.2934 7.02013 13.6862L8.16013 12.5462" stroke="#0033AD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_7825_77279">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/govtool/frontend/src/components/molecules/BackToButton.tsx b/govtool/frontend/src/components/molecules/BackToButton.tsx
deleted file mode 100644
index e3a697d36..000000000
--- a/govtool/frontend/src/components/molecules/BackToButton.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { Box } from "@mui/material";
-import ArrowBackIosIcon from "@mui/icons-material/ArrowBackIos";
-
-import { Typography } from "@atoms";
-
-import { BackToLinkProps } from "./types";
-
-export const BackToButton = ({ label, onClick, sx }: BackToLinkProps) => {
-  return (
-    <Box
-      data-testid="back-to-dashboard-link"
-      sx={{
-        alignItems: "center",
-        cursor: "pointer",
-        display: "flex",
-        ...sx,
-      }}
-      onClick={onClick}
-    >
-      <ArrowBackIosIcon color="primary" sx={{ fontSize: 14 }} />
-      <Typography color="primary" fontWeight={400} variant="body2">
-        {label}
-      </Typography>
-    </Box>
-  );
-};
diff --git a/govtool/frontend/src/components/molecules/LinkWithIcon.tsx b/govtool/frontend/src/components/molecules/LinkWithIcon.tsx
new file mode 100644
index 000000000..0b4f651a3
--- /dev/null
+++ b/govtool/frontend/src/components/molecules/LinkWithIcon.tsx
@@ -0,0 +1,36 @@
+import { Box } from "@mui/material";
+import ArrowBackIosIcon from "@mui/icons-material/ArrowBackIos";
+
+import { Typography } from "@atoms";
+
+import { LinkWithIconProps } from "./types";
+
+export const LinkWithIcon = ({
+  label,
+  onClick,
+  icon,
+  sx,
+}: LinkWithIconProps) => {
+  return (
+    <Box
+      data-testid={`${label.split(" ").join("-")}-link`}
+      sx={{
+        alignItems: "center",
+        cursor: "pointer",
+        display: "flex",
+        ...sx,
+      }}
+      onClick={onClick}
+    >
+      {icon ? icon : <ArrowBackIosIcon color="primary" sx={{ fontSize: 14 }} />}
+      <Typography
+        color="primary"
+        fontWeight={400}
+        sx={{ ml: 0.5 }}
+        variant="body2"
+      >
+        {label}
+      </Typography>
+    </Box>
+  );
+};
diff --git a/govtool/frontend/src/components/molecules/index.ts b/govtool/frontend/src/components/molecules/index.ts
index 3afe1db00..1f8dea57b 100644
--- a/govtool/frontend/src/components/molecules/index.ts
+++ b/govtool/frontend/src/components/molecules/index.ts
@@ -1,5 +1,4 @@
 export * from "./ActionCard";
-export * from "./BackToButton";
 export * from "./CenteredBoxBottomButtons";
 export * from "./CenteredBoxPageWrapper";
 export * from "./DashboardActionCard";
@@ -11,6 +10,7 @@ export * from "./GovernanceActionCard";
 export * from "./GovernanceActionsFilters";
 export * from "./GovernanceActionsSorting";
 export * from "./GovernanceVotedOnCard";
+export * from "./LinkWithIcon";
 export * from "./OrderActionsChip";
 export * from "./VoteActionForm";
 export * from "./VotesSubmitted";
diff --git a/govtool/frontend/src/components/molecules/types.ts b/govtool/frontend/src/components/molecules/types.ts
index 6cafc8c4a..32fad8cfa 100644
--- a/govtool/frontend/src/components/molecules/types.ts
+++ b/govtool/frontend/src/components/molecules/types.ts
@@ -1,7 +1,8 @@
 import { SxProps } from "@mui/material";
 
-export type BackToLinkProps = {
+export type LinkWithIconProps = {
   label: string;
   onClick: () => void;
+  icon?: JSX.Element;
   sx?: SxProps;
 };
diff --git a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
index 27682d970..da64375e6 100644
--- a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
+++ b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
@@ -21,7 +21,7 @@ export const ChooseGovernanceActionType = ({
   const { isMobile } = useScreenDimension();
   const { getValues, setValue, watch } = useCreateGovernanceActionForm();
 
-  const isContinueButtonDisabled = !watch("type");
+  const isContinueButtonDisabled = !watch("governance_action_type");
 
   const onClickContinue = () => {
     setStep(3);
@@ -34,7 +34,7 @@ export const ChooseGovernanceActionType = ({
   // TODO: Add tooltips when they will be available
   const renderGovernanceActionTypes = () => {
     return GOVERNANCE_ACTION_TYPES.map((type, index) => {
-      const isChecked = getValues("type") === type;
+      const isChecked = getValues("governance_action_type") === type;
       return (
         <div key={type}>
           <ActionRadio
@@ -50,7 +50,7 @@ export const ChooseGovernanceActionType = ({
   };
 
   const onChangeType = (value: string) => {
-    setValue("type", value);
+    setValue("governance_action_type", value);
   };
 
   return (
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
index 9d1908261..e56f1a60c 100644
--- a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
@@ -32,7 +32,7 @@ export const CreateGovernanceActionForm = ({
     name: "links",
   });
 
-  const governanceActionType = getValues("type");
+  const governanceActionType = getValues("governance_action_type");
   const fields =
     GOVERNANCE_ACTIONS_FIELDS.find(
       (field) => field.name === governanceActionType
diff --git a/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx b/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx
new file mode 100644
index 000000000..a88a09796
--- /dev/null
+++ b/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx
@@ -0,0 +1,112 @@
+import { Dispatch, SetStateAction } from "react";
+import { Box } from "@mui/material";
+import DriveFileRenameOutlineOutlinedIcon from "@mui/icons-material/DriveFileRenameOutlineOutlined";
+
+import { Button, Spacer, Typography } from "@atoms";
+import { ICONS } from "@consts";
+import { useCreateGovernanceActionForm, useTranslation } from "@hooks";
+import { LinkWithIcon } from "@molecules";
+import { openInNewTab } from "@utils";
+
+import { BgCard } from "./BgCard";
+
+type ReviewCreatedGovernanceActionProps = {
+  setStep: Dispatch<SetStateAction<number>>;
+};
+
+export const ReviewCreatedGovernanceAction = ({
+  setStep,
+}: ReviewCreatedGovernanceActionProps) => {
+  const { t } = useTranslation();
+  const { getValues } = useCreateGovernanceActionForm();
+  const values = getValues();
+
+  const onClickContinue = () => {
+    setStep(5);
+  };
+
+  const onClickBackButton = () => {
+    setStep(3);
+  };
+
+  const onClickEditSubmission = () => {
+    setStep(3);
+  };
+
+  const onClickLink = (link: string) => {
+    openInNewTab(link);
+  };
+
+  const renderReviewFields = () => {
+    return Object.entries(values)
+      .filter(([key]) => key !== "links")
+      .map(([key, value]) => {
+        const label =
+          key.charAt(0).toUpperCase() + key.slice(1).replace(/_/g, " ");
+
+        return (
+          <Box sx={{ mb: 5 }}>
+            <Typography color="neutralGray" fontWeight={400} variant="body2">
+              {label}
+            </Typography>
+            <Typography sx={{ mt: 0.5 }} variant="body2">
+              {value as string}
+            </Typography>
+          </Box>
+        );
+      });
+  };
+
+  const renderLinks = () => {
+    const links = values["links"]?.map((item) => item.link) ?? [];
+
+    return links.map((link: string) => {
+      return (
+        <LinkWithIcon
+          icon={<img src={ICONS.link} />}
+          label={link}
+          onClick={() => onClickLink(link)}
+          sx={{ mb: 1.75 }}
+        />
+      );
+    });
+  };
+
+  return (
+    <BgCard
+      actionButtonLabel={t("continue")}
+      onClickActionButton={onClickContinue}
+      onClickBackButton={onClickBackButton}
+    >
+      <Typography sx={{ textAlign: "center" }} variant="headline4">
+        {t("createGovernanceAction.reviewSubmission")}
+      </Typography>
+      <Spacer y={4.25} />
+      <Button
+        startIcon={
+          <DriveFileRenameOutlineOutlinedIcon
+            color="primary"
+            fontSize="large"
+          />
+        }
+        onClick={onClickEditSubmission}
+        sx={{ alignSelf: "center", width: "180px" }}
+        variant="outlined"
+      >
+        {t("createGovernanceAction.editSubmission")}
+      </Button>
+      <Spacer y={6} />
+      {renderReviewFields()}
+      <Typography
+        color="neutralGray"
+        fontWeight={400}
+        sx={{ mb: 0.5 }}
+        variant="body2"
+      >
+        {t("createGovernanceAction.supportingLinks")}
+      </Typography>
+      {renderLinks()}
+      <Spacer y={6} />
+    </BgCard>
+  );
+};
diff --git a/govtool/frontend/src/components/organisms/index.ts b/govtool/frontend/src/components/organisms/index.ts
index 4f1994723..ec58e2e2a 100644
--- a/govtool/frontend/src/components/organisms/index.ts
+++ b/govtool/frontend/src/components/organisms/index.ts
@@ -2,8 +2,8 @@ export * from "./BgCard";
 export * from "./ChooseGovernanceActionType";
 export * from "./ChooseStakeKeyPanel";
 export * from "./ChooseWalletModal";
-export * from "./CreateGovernanceActionForm";
 export * from "./ControlledField";
+export * from "./CreateGovernanceActionForm";
 export * from "./DashboardCards";
 export * from "./DashboardCards";
 export * from "./DashboardDrawerMobile";
@@ -21,15 +21,16 @@ export * from "./GovernanceActionDetailsCard";
 export * from "./GovernanceActionsToVote";
 export * from "./Hero";
 export * from "./HomeCards";
-export * from "./WhatGovernanceActionIsAbout";
-export * from "./RegisterAsSoleVoterBox";
-export * from "./RegisterAsSoleVoterBoxContent";
 export * from "./RegisterAsdRepStepOne";
 export * from "./RegisterAsdRepStepThree";
 export * from "./RegisterAsdRepStepTwo";
+export * from "./RegisterAsSoleVoterBox";
+export * from "./RegisterAsSoleVoterBoxContent";
 export * from "./RetireAsSoleVoterBox";
 export * from "./RetireAsSoleVoterBoxContent";
+export * from "./ReviewCreatedGovernanceAction";
 export * from "./Slider";
 export * from "./StatusModal";
 export * from "./TopNav";
 export * from "./VotingPowerModal";
+export * from "./WhatGovernanceActionIsAbout";
diff --git a/govtool/frontend/src/consts/governanceActionTypes.ts b/govtool/frontend/src/consts/governanceActionTypes.ts
index 8930119d8..d8351108c 100644
--- a/govtool/frontend/src/consts/governanceActionTypes.ts
+++ b/govtool/frontend/src/consts/governanceActionTypes.ts
@@ -44,7 +44,7 @@ export const GOVERNANCE_ACTIONS_FIELDS = [
         placeholder: "Problem this GA will solve",
         tip: "How will this solve a problem",
       },
-      Rationale: {
+      rationale: {
         component: "textarea",
         placeholder: "Content of Governance Action",
         tip: "Put all the content of the GA here",
diff --git a/govtool/frontend/src/consts/icons.ts b/govtool/frontend/src/consts/icons.ts
index 93574c43b..1cb22944b 100644
--- a/govtool/frontend/src/consts/icons.ts
+++ b/govtool/frontend/src/consts/icons.ts
@@ -1,8 +1,8 @@
 export const ICONS = {
   appLogoIcon: "/icons/AppLogo.svg",
   arrowDownIcon: "/icons/ArrowDown.svg",
-  arrowRightIcon: "/icons/ArrowRight.svg",
   arrowLeftThinIcon: "/icons/ArrowLeftThin.svg",
+  arrowRightIcon: "/icons/ArrowRight.svg",
   checkCircleIcon: "/icons/CheckCircle.svg",
   closeDrawerIcon: "/icons/CloseIcon.svg",
   closeIcon: "/icons/Close.svg",
@@ -23,6 +23,7 @@ export const ICONS = {
   guidesActiveIcon: "/icons/GuidesActive.svg",
   guidesIcon: "/icons/Guides.svg",
   helpIcon: "/icons/Help.svg",
+  link: "/icons/Link.svg",
   sortActiveIcon: "/icons/SortActive.svg",
   sortIcon: "/icons/Sort.svg",
   sortWhiteIcon: "/icons/SortWhite.svg",
diff --git a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
index 565cdca9b..6926ff184 100644
--- a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
+++ b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
@@ -2,13 +2,13 @@ import { useCallback, useState } from "react";
 import { useFormContext } from "react-hook-form";
 
 type createGovernanceActionValues = {
-  type: string;
+  governance_action_type: string;
   links?: { link: string }[];
 };
 
 export const defaulCreateGovernanceActionValues: createGovernanceActionValues =
   {
-    type: "",
+    governance_action_type: "",
     links: [{ link: "" }],
   };
 
diff --git a/govtool/frontend/src/i18n/locales/en.ts b/govtool/frontend/src/i18n/locales/en.ts
index 364113bbf..02efcee00 100644
--- a/govtool/frontend/src/i18n/locales/en.ts
+++ b/govtool/frontend/src/i18n/locales/en.ts
@@ -130,13 +130,16 @@ export const en = {
     },
     createGovernanceAction: {
       chooseGATypeTitle: "Choose a Governance Action type",
-      formTitle: "Governance Action details",
-      references: "References and Supporting Information",
-      title: "Create a Governance Action",
       creatingAGovernanceAction:
         "Creating a Governance Action: What you need to know",
       creatingAGovernanceActionDescription:
         "To create a Governance Action, you will need to:\n\n• Fill out a form with the relevant data\n• Pay a refundable deposit of <strong>₳{{deposit}}</strong>\n• Store the metadata of your Governance Action at your own expense.\n\nYour deposit will be refunded to your wallet when the Governance Action is either enacted or expired.\n\nThe deposit will not affect your Voting Power.",
+      editSubmission: "Edit submission",
+      formTitle: "Governance Action details",
+      references: "References and Supporting Information",
+      reviewSubmission: "Review your submission",
+      supportingLinks: "Supporting links",
+      title: "Create a Governance Action",
     },
     delegation: {
       description:
diff --git a/govtool/frontend/src/pages/CreateGovernanceAction.tsx b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
index bb1597329..e2c9cc8d3 100644
--- a/govtool/frontend/src/pages/CreateGovernanceAction.tsx
+++ b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
@@ -11,12 +11,13 @@ import {
   useScreenDimension,
   useTranslation,
 } from "@hooks";
-import { BackToButton } from "@molecules";
+import { LinkWithIcon } from "@molecules";
 import {
   ChooseGovernanceActionType,
   CreateGovernanceActionForm,
   DashboardTopNav,
   Footer,
+  ReviewCreatedGovernanceAction,
   WhatGovernanceActionIsAbout,
 } from "@organisms";
 import { checkIsWalletConnected } from "@utils";
@@ -63,7 +64,7 @@ export const CreateGovernanceAction = () => {
         sx={{ display: "flex", flexDirection: "column", minHeight: "100vh" }}
       >
         <DashboardTopNav title={t("createGovernanceAction.title")} />
-        <BackToButton
+        <LinkWithIcon
           label={t("backToDashboard")}
           onClick={onClickBackToDashboard}
           sx={{
@@ -81,6 +82,7 @@ export const CreateGovernanceAction = () => {
           )}
           {step === 2 && <ChooseGovernanceActionType setStep={setStep} />}
           {step === 3 && <CreateGovernanceActionForm setStep={setStep} />}
+          {step === 4 && <ReviewCreatedGovernanceAction setStep={setStep} />}
         </FormProvider>
         {isMobile && <Footer />}
       </Box>
diff --git a/govtool/frontend/src/pages/RegisterAsdRep.tsx b/govtool/frontend/src/pages/RegisterAsdRep.tsx
index 06fb7fc00..f18392a11 100644
--- a/govtool/frontend/src/pages/RegisterAsdRep.tsx
+++ b/govtool/frontend/src/pages/RegisterAsdRep.tsx
@@ -11,7 +11,7 @@ import {
   useUrlAndHashFormController as useRegisterAsdRepFormController,
   useTranslation,
 } from "@hooks";
-import { BackToButton } from "@molecules";
+import { LinkWithIcon } from "@molecules";
 import {
   DashboardTopNav,
   Footer,
@@ -60,7 +60,7 @@ export const RegisterAsdRep = () => {
         sx={{ display: "flex", flexDirection: "column", minHeight: "100vh" }}
       >
         <DashboardTopNav title={t("registration.becomeADRep")} />
-        <BackToButton
+        <LinkWithIcon
           label={t("backToDashboard")}
           onClick={onClickBackToDashboard}
           sx={{

From 0f89f674f72773141553535ff0615ae651a3e70d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Wed, 6 Mar 2024 16:25:32 +0100
Subject: [PATCH 076/109] [#362] dont show links when unavailable

---
 .../ReviewCreatedGovernanceAction.tsx         | 41 +++++++++++--------
 1 file changed, 23 insertions(+), 18 deletions(-)

diff --git a/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx b/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx
index a88a09796..4944804a1 100644
--- a/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx
+++ b/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx
@@ -59,17 +59,30 @@ export const ReviewCreatedGovernanceAction = ({
 
   const renderLinks = () => {
     const links = values["links"]?.map((item) => item.link) ?? [];
+    const areLinks = links.some((item) => item);
 
-    return links.map((link: string) => {
-      return (
-        <LinkWithIcon
-          icon={<img src={ICONS.link} />}
-          label={link}
-          onClick={() => onClickLink(link)}
-          sx={{ mb: 1.75 }}
-        />
-      );
-    });
+    return areLinks ? (
+      <>
+        <Typography
+          color="neutralGray"
+          fontWeight={400}
+          sx={{ mb: 0.5 }}
+          variant="body2"
+        >
+          {t("createGovernanceAction.supportingLinks")}
+        </Typography>
+        {links.map((link: string) => {
+          return link ? (
+            <LinkWithIcon
+              icon={<img src={ICONS.link} />}
+              label={link}
+              onClick={() => onClickLink(link)}
+              sx={{ mb: 1.75 }}
+            />
+          ) : null;
+        })}
+      </>
+    ) : null;
   };
 
   return (
@@ -97,14 +110,6 @@ export const ReviewCreatedGovernanceAction = ({
       </Button>
       <Spacer y={6} />
       {renderReviewFields()}
-      <Typography
-        color="neutralGray"
-        fontWeight={400}
-        sx={{ mb: 0.5 }}
-        variant="body2"
-      >
-        {t("createGovernanceAction.supportingLinks")}
-      </Typography>
       {renderLinks()}
       <Spacer y={6} />
     </BgCard>

From f26046802a36377c67047c7a8cf574a37d2c9bf2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Wed, 6 Mar 2024 20:56:34 +0100
Subject: [PATCH 077/109] [#362] fix display data only for one type of GA

---
 .../src/components/organisms/CreateGovernanceActionForm.tsx    | 3 ++-
 .../frontend/src/hooks/forms/useCreateGovernanceActionForm.ts  | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
index e56f1a60c..b48a536af 100644
--- a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
@@ -21,7 +21,7 @@ export const CreateGovernanceActionForm = ({
   setStep,
 }: ChooseGovernanceActionTypeProps) => {
   const { t } = useTranslation();
-  const { control, errors, getValues, register, watch } =
+  const { control, errors, getValues, register, reset, watch } =
     useCreateGovernanceActionForm();
   const {
     append,
@@ -48,6 +48,7 @@ export const CreateGovernanceActionForm = ({
   };
 
   const onClickBack = () => {
+    reset();
     setStep(2);
   };
 
diff --git a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
index 6926ff184..f744484b2 100644
--- a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
+++ b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
@@ -23,6 +23,7 @@ export const useCreateGovernanceActionForm = () => {
     setValue,
     watch,
     register,
+    reset,
   } = useFormContext<createGovernanceActionValues>();
 
   const onSubmit = useCallback(async () => {
@@ -44,5 +45,6 @@ export const useCreateGovernanceActionForm = () => {
     submitForm: handleSubmit(onSubmit),
     watch,
     register,
+    reset,
   };
 };

From 11b5f59a204d3cc60988874b3af61db0c5ab846d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Thu, 7 Mar 2024 13:56:10 +0100
Subject: [PATCH 078/109] [#427] Fetch full repo history during deployment for
 proper Docker images tagging

This commit modifies the build-and-deploy workflow file to include
fetching the full history of the repository during deployment. This
change is essential for accurately calculating the Docker image tags for
both backend and frontend components in the CI/CD pipeline. By setting
the `fetch-depth` to 0 in the step that checks out the code, the
workflow now ensures that all historical commits are available, enabling
precise version information retrieval for tagging the Docker images.

Changes made:
- Modified: .github/workflows/build-and-deploy.yml to add `fetch-depth:
  0` parameter in the step that checks out the code, ensuring full
  repository history is fetched during deployment.
---
 .github/workflows/build-and-deploy.yml | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
index 999b061d3..3ddd55ac7 100644
--- a/.github/workflows/build-and-deploy.yml
+++ b/.github/workflows/build-and-deploy.yml
@@ -51,6 +51,8 @@ jobs:
     steps:
       - name: Checkout code
         uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
 
       - name: Configure AWS credentials
         uses: aws-actions/configure-aws-credentials@v3

From f8a42b0d118804ee5a87345bcb1155f142dce66b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Thu, 7 Mar 2024 14:00:50 +0100
Subject: [PATCH 079/109] Log a targets indicators in deployment process

This commit adds logging of target indicators during the deployment
process to improve visibility and tracking of deployment steps.

Changed the deployment workflow in
.github/workflows/build-and-deploy.yml to include target indicators
logging when performing certain actions, such as destroying the Cardano
Node and DB sync, deploying the application, and reprovisioning Grafana.
The changes involve adding the '--debug=w' flag to the 'make' commands
for destroying Cardano Node and DB sync, deploying the application, and
reloading Grafana, allowing for more detailed logging during these
actions.
---
 .github/workflows/build-and-deploy.yml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
index 3ddd55ac7..6e3703eac 100644
--- a/.github/workflows/build-and-deploy.yml
+++ b/.github/workflows/build-and-deploy.yml
@@ -84,13 +84,13 @@ jobs:
       - name: Destroy Cardano Node, DB sync and Postgres if required
         if: ${{ inputs.resync_cardano_node_and_db }}
         run: |
-          make destroy-cardano-node-and-dbsync
+          make --debug=w destroy-cardano-node-and-dbsync
 
       - name: Deploy app
         run: |
-          make all
+          make --debug=w all
 
       - name: Reprovision Grafana
         run: |
           sleep 30 # give grafana time to start up
-          make reload-grafana
+          make --debug=w reload-grafana

From be5231ba6d1b676343066e11a6015b0459331476 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Thu, 7 Mar 2024 17:49:56 +0100
Subject: [PATCH 080/109] [#364] add information storage screens

---
 .../src/components/molecules/LinkWithIcon.tsx |   1 +
 .../src/components/molecules/Step.tsx         |  58 +++++++++
 .../src/components/molecules/index.ts         |   1 +
 .../src/components/molecules/types.ts         |   7 +
 .../StorageInformation.tsx                    | 120 ++++++++++++++++++
 .../StoreDataInfo.tsx                         |  70 ++++++++++
 .../CreateGovernanceActionSteps/index.ts      |   2 +
 .../ReviewCreatedGovernanceAction.tsx         |  12 +-
 .../src/components/organisms/index.ts         |   1 +
 .../forms/useCreateGovernanceActionForm.ts    |  30 ++++-
 govtool/frontend/src/i18n/locales/en.ts       |  13 ++
 .../src/pages/CreateGovernanceAction.tsx      |   4 +
 govtool/frontend/src/utils/index.ts           |   7 +-
 govtool/frontend/src/utils/jsonUtils.ts       |   8 ++
 14 files changed, 326 insertions(+), 8 deletions(-)
 create mode 100644 govtool/frontend/src/components/molecules/Step.tsx
 create mode 100644 govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx
 create mode 100644 govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx
 create mode 100644 govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/index.ts
 create mode 100644 govtool/frontend/src/utils/jsonUtils.ts

diff --git a/govtool/frontend/src/components/molecules/LinkWithIcon.tsx b/govtool/frontend/src/components/molecules/LinkWithIcon.tsx
index 0b4f651a3..64960531d 100644
--- a/govtool/frontend/src/components/molecules/LinkWithIcon.tsx
+++ b/govtool/frontend/src/components/molecules/LinkWithIcon.tsx
@@ -18,6 +18,7 @@ export const LinkWithIcon = ({
         alignItems: "center",
         cursor: "pointer",
         display: "flex",
+        width: "fit-content",
         ...sx,
       }}
       onClick={onClick}
diff --git a/govtool/frontend/src/components/molecules/Step.tsx b/govtool/frontend/src/components/molecules/Step.tsx
new file mode 100644
index 000000000..80af496f7
--- /dev/null
+++ b/govtool/frontend/src/components/molecules/Step.tsx
@@ -0,0 +1,58 @@
+import { Box } from "@mui/material";
+
+import { Typography } from "@atoms";
+import { theme } from "@/theme";
+
+import { StepProps } from "./types";
+
+export const Step = ({
+  component,
+  label,
+  layoutStyles,
+  stepNumber,
+}: StepProps) => {
+  const {
+    palette: { boxShadow2 },
+  } = theme;
+
+  return (
+    <Box
+      sx={{
+        flexDirection: "row",
+        display: "flex",
+        width: "100%",
+        ...layoutStyles,
+      }}
+    >
+      <Box
+        sx={{
+          alignItems: "center",
+          borderRadius: "100%",
+          boxShadow: `2px 2px 20px 0px ${boxShadow2}`,
+          display: "flex",
+          height: 54,
+          justifyContent: "center",
+          width: 54,
+        }}
+      >
+        <Typography color="primary" fontWeight={400} variant="title2">
+          {stepNumber}
+        </Typography>
+      </Box>
+
+      <Box
+        sx={{
+          display: "flex",
+          flex: 1,
+          flexDirection: "column",
+          ml: 3,
+        }}
+      >
+        <Typography fontWeight={500} sx={{ mb: 1.5 }} variant="body1">
+          {label}
+        </Typography>
+        {component}
+      </Box>
+    </Box>
+  );
+};
diff --git a/govtool/frontend/src/components/molecules/index.ts b/govtool/frontend/src/components/molecules/index.ts
index 1f8dea57b..1ef9c4595 100644
--- a/govtool/frontend/src/components/molecules/index.ts
+++ b/govtool/frontend/src/components/molecules/index.ts
@@ -12,6 +12,7 @@ export * from "./GovernanceActionsSorting";
 export * from "./GovernanceVotedOnCard";
 export * from "./LinkWithIcon";
 export * from "./OrderActionsChip";
+export * from "./Step";
 export * from "./VoteActionForm";
 export * from "./VotesSubmitted";
 export * from "./WalletInfoCard";
diff --git a/govtool/frontend/src/components/molecules/types.ts b/govtool/frontend/src/components/molecules/types.ts
index 32fad8cfa..5e817df41 100644
--- a/govtool/frontend/src/components/molecules/types.ts
+++ b/govtool/frontend/src/components/molecules/types.ts
@@ -6,3 +6,10 @@ export type LinkWithIconProps = {
   icon?: JSX.Element;
   sx?: SxProps;
 };
+
+export type StepProps = {
+  component: JSX.Element;
+  label: string;
+  layoutStyles?: SxProps;
+  stepNumber: number | string;
+};
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx
new file mode 100644
index 000000000..38e9dbbcf
--- /dev/null
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx
@@ -0,0 +1,120 @@
+import { Dispatch, SetStateAction, useCallback, useState } from "react";
+import { Box } from "@mui/material";
+import OpenInNewIcon from "@mui/icons-material/OpenInNew";
+
+import { Button, Spacer, Typography } from "@atoms";
+import { useCreateGovernanceActionForm, useTranslation } from "@hooks";
+import { Step } from "@molecules";
+import { BgCard, ControlledField } from "@organisms";
+import { downloadJson, openInNewTab } from "@utils";
+
+export const StorageInformation = ({
+  setStep,
+}: {
+  setStep: Dispatch<SetStateAction<number>>;
+}) => {
+  const { t } = useTranslation();
+  const {
+    control,
+    errors,
+    createGovernanceAction,
+    generateJsonBody,
+    getValues,
+    watch,
+  } = useCreateGovernanceActionForm();
+  const [isJsonDownloaded, setIsJsonDownloaded] = useState<boolean>(false);
+  // TODO: change on correct file name
+  const fileName = getValues("governance_action_type");
+
+  // TODO: Change link to correct
+  const openGuideAboutStoringInformation = useCallback(
+    () => openInNewTab("https://sancho.network/"),
+    []
+  );
+
+  const isActionButtonDisabled = !watch("storingURL") || !isJsonDownloaded;
+
+  const onClickBack = useCallback(() => setStep(5), []);
+
+  const onClickDowloadJson = () => {
+    const data = getValues();
+    const jsonBody = generateJsonBody(data);
+    downloadJson(jsonBody, fileName);
+    setIsJsonDownloaded(true);
+  };
+
+  return (
+    <BgCard
+      actionButtonLabel={t("continue")}
+      backButtonLabel={t("back")}
+      isActionButtonDisabled={isActionButtonDisabled}
+      onClickActionButton={createGovernanceAction}
+      onClickBackButton={onClickBack}
+    >
+      <Typography sx={{ textAlign: "center" }} variant="headline4">
+        {t("createGovernanceAction.storingInformationTitle")}
+      </Typography>
+      <Typography
+        fontWeight={400}
+        sx={{ mt: 1, textAlign: "center" }}
+        variant="body1"
+      >
+        {t("createGovernanceAction.storingInformationDescription")}
+      </Typography>
+      <Box sx={{ my: 4 }}>
+        <Step
+          // TODO: add onClick action when available
+          component={
+            <Button
+              onClick={onClickDowloadJson}
+              size="extraLarge"
+              sx={{ width: "fit-content" }}
+            >
+              {`${fileName}.jsonld`}
+            </Button>
+          }
+          label={t("createGovernanceAction.storingInformationStep1Label")}
+          stepNumber={1}
+        />
+        <Spacer y={6} />
+        <Step
+          component={
+            <Button
+              endIcon={
+                <OpenInNewIcon
+                  sx={{
+                    color: "primary",
+                    height: 17,
+                    width: 17,
+                  }}
+                />
+              }
+              onClick={openGuideAboutStoringInformation}
+              size="extraLarge"
+              sx={{ width: "fit-content" }}
+              variant="text"
+            >
+              {t("createGovernanceAction.storingInformationStep2Link")}
+            </Button>
+          }
+          label={t("createGovernanceAction.storingInformationStep2Label")}
+          stepNumber={2}
+        />
+        <Spacer y={6} />
+        <Step
+          component={
+            <ControlledField.Input
+              {...{ control, errors }}
+              name="storingURL"
+              placeholder={t(
+                "createGovernanceAction.storingInformationURLPlaceholder"
+              )}
+            />
+          }
+          label={t("createGovernanceAction.storingInformationStep3Label")}
+          stepNumber={3}
+        />
+      </Box>
+    </BgCard>
+  );
+};
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx
new file mode 100644
index 000000000..153b9a24c
--- /dev/null
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx
@@ -0,0 +1,70 @@
+import { Dispatch, SetStateAction } from "react";
+import { Box, Link } from "@mui/material";
+
+import { Spacer, Typography } from "@atoms";
+import {
+  useCreateGovernanceActionForm,
+  useScreenDimension,
+  useTranslation,
+} from "@hooks";
+import { BgCard, ControlledField } from "@organisms";
+import { openInNewTab } from "@utils";
+
+export const StoreDataInfo = ({
+  setStep,
+}: {
+  setStep: Dispatch<SetStateAction<number>>;
+}) => {
+  const { t } = useTranslation();
+  const { control, errors, watch } = useCreateGovernanceActionForm();
+  const { isMobile } = useScreenDimension();
+
+  // TODO: change link when available
+  const openLink = () => {
+    openInNewTab("https://www.google.com");
+  };
+
+  const isContinueDisabled = !watch("storeData");
+
+  const onClickContinue = () => {
+    setStep(6);
+  };
+
+  const onClickBack = () => {
+    setStep(4);
+  };
+
+  return (
+    <BgCard
+      actionButtonLabel={t("continue")}
+      isActionButtonDisabled={isContinueDisabled}
+      onClickActionButton={onClickContinue}
+      onClickBackButton={onClickBack}
+    >
+      <Typography sx={{ textAlign: "center" }} variant="headline4">
+        {t("createGovernanceAction.storeDataTitle")}
+      </Typography>
+      <Link
+        onClick={openLink}
+        sx={{
+          cursor: "pointer",
+          fontSize: 16,
+          fontWeight: 500,
+          fontFamily: "Poppins",
+          my: 4,
+          textAlign: "center",
+          textDecoration: "none",
+        }}
+      >
+        {t("createGovernanceAction.storeDataLink")}
+      </Link>
+      <ControlledField.Checkbox
+        {...{ control, errors }}
+        name="storeData"
+        label={t("createGovernanceAction.storeDataCheckboxLabel")}
+      />
+      <Spacer y={isMobile ? 4 : 12.5} />
+      <Box display="flex" flex={1} />
+    </BgCard>
+  );
+};
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/index.ts b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/index.ts
new file mode 100644
index 000000000..8a4cf44d1
--- /dev/null
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/index.ts
@@ -0,0 +1,2 @@
+export * from "./StorageInformation";
+export * from "./StoreDataInfo";
diff --git a/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx b/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx
index 4944804a1..f05db801e 100644
--- a/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx
+++ b/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx
@@ -4,7 +4,11 @@ import DriveFileRenameOutlineOutlinedIcon from "@mui/icons-material/DriveFileRen
 
 import { Button, Spacer, Typography } from "@atoms";
 import { ICONS } from "@consts";
-import { useCreateGovernanceActionForm, useTranslation } from "@hooks";
+import {
+  defaulCreateGovernanceActionValues,
+  useCreateGovernanceActionForm,
+  useTranslation,
+} from "@hooks";
 import { LinkWithIcon } from "@molecules";
 import { openInNewTab } from "@utils";
 
@@ -39,7 +43,11 @@ export const ReviewCreatedGovernanceAction = ({
 
   const renderReviewFields = () => {
     return Object.entries(values)
-      .filter(([key]) => key !== "links")
+      .filter(
+        ([key]) =>
+          !Object.keys(defaulCreateGovernanceActionValues).includes(key) ||
+          key === "governance_action_type"
+      )
       .map(([key, value]) => {
         const label =
           key.charAt(0).toUpperCase() + key.slice(1).replace(/_/g, " ");
diff --git a/govtool/frontend/src/components/organisms/index.ts b/govtool/frontend/src/components/organisms/index.ts
index ec58e2e2a..3d1a6b759 100644
--- a/govtool/frontend/src/components/organisms/index.ts
+++ b/govtool/frontend/src/components/organisms/index.ts
@@ -4,6 +4,7 @@ export * from "./ChooseStakeKeyPanel";
 export * from "./ChooseWalletModal";
 export * from "./ControlledField";
 export * from "./CreateGovernanceActionForm";
+export * from "./CreateGovernanceActionSteps";
 export * from "./DashboardCards";
 export * from "./DashboardCards";
 export * from "./DashboardDrawerMobile";
diff --git a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
index f744484b2..7fe11839b 100644
--- a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
+++ b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
@@ -4,12 +4,16 @@ import { useFormContext } from "react-hook-form";
 type createGovernanceActionValues = {
   governance_action_type: string;
   links?: { link: string }[];
+  storeData?: boolean;
+  storingURL: string;
 };
 
 export const defaulCreateGovernanceActionValues: createGovernanceActionValues =
   {
     governance_action_type: "",
     links: [{ link: "" }],
+    storeData: false,
+    storingURL: "",
   };
 
 export const useCreateGovernanceActionForm = () => {
@@ -26,9 +30,28 @@ export const useCreateGovernanceActionForm = () => {
     reset,
   } = useFormContext<createGovernanceActionValues>();
 
-  const onSubmit = useCallback(async () => {
-    setIsLoading(true);
+  const generateJsonBody = (data: createGovernanceActionValues) => {
+    const filteredData = Object.entries(data).filter(
+      ([key]) => !Object.keys(defaulCreateGovernanceActionValues).includes(key)
+    );
+    const references = data.links
+      ?.filter((link) => link.link)
+      .map((link) => {
+        // TODO: Label isnt available and harcoded Other for type
+        return { type: "Other", label: "Testlabel", uri: link.link };
+      });
+    const body = { ...Object.fromEntries(filteredData), references };
+
+    const jsonStr = JSON.stringify(body);
+    return jsonStr;
+  };
+
+  const onSubmit = useCallback(async (data: createGovernanceActionValues) => {
     try {
+      setIsLoading(true);
+      const jsonBody = generateJsonBody(data);
+
+      return jsonBody;
     } catch (e: any) {
     } finally {
       setIsLoading(false);
@@ -42,9 +65,10 @@ export const useCreateGovernanceActionForm = () => {
     isLoading,
     isValid,
     setValue,
-    submitForm: handleSubmit(onSubmit),
+    createGovernanceAction: handleSubmit(onSubmit),
     watch,
     register,
     reset,
+    generateJsonBody,
   };
 };
diff --git a/govtool/frontend/src/i18n/locales/en.ts b/govtool/frontend/src/i18n/locales/en.ts
index 02efcee00..6d08237c9 100644
--- a/govtool/frontend/src/i18n/locales/en.ts
+++ b/govtool/frontend/src/i18n/locales/en.ts
@@ -138,6 +138,19 @@ export const en = {
       formTitle: "Governance Action details",
       references: "References and Supporting Information",
       reviewSubmission: "Review your submission",
+      storeDataCheckboxLabel:
+        "I agree to store correctly this information and to maintain them over the years",
+      storeDataLink: "Learn more about storing information",
+      storeDataTitle: "Store and Maintain the Data Yourself",
+      storingInformationDescription:
+        "Download your file, save it to your chosen location, and enter the URL of that location in step 3",
+      storingInformationStep1Label: "Download this file",
+      storingInformationStep2Label:
+        "Save this file in a location that provides a public URL (ex. github)",
+      storingInformationStep2Link: "Read full guide",
+      storingInformationStep3Label: "Paste the URL here",
+      storingInformationTitle: "Information Storage Steps",
+      storingInformationURLPlaceholder: "URL",
       supportingLinks: "Supporting links",
       title: "Create a Governance Action",
     },
diff --git a/govtool/frontend/src/pages/CreateGovernanceAction.tsx b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
index e2c9cc8d3..43729f245 100644
--- a/govtool/frontend/src/pages/CreateGovernanceAction.tsx
+++ b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
@@ -18,6 +18,8 @@ import {
   DashboardTopNav,
   Footer,
   ReviewCreatedGovernanceAction,
+  StorageInformation,
+  StoreDataInfo,
   WhatGovernanceActionIsAbout,
 } from "@organisms";
 import { checkIsWalletConnected } from "@utils";
@@ -83,6 +85,8 @@ export const CreateGovernanceAction = () => {
           {step === 2 && <ChooseGovernanceActionType setStep={setStep} />}
           {step === 3 && <CreateGovernanceActionForm setStep={setStep} />}
           {step === 4 && <ReviewCreatedGovernanceAction setStep={setStep} />}
+          {step === 5 && <StoreDataInfo setStep={setStep} />}
+          {step === 6 && <StorageInformation setStep={setStep} />}
         </FormProvider>
         {isMobile && <Footer />}
       </Box>
diff --git a/govtool/frontend/src/utils/index.ts b/govtool/frontend/src/utils/index.ts
index 95c368dd8..08a870600 100644
--- a/govtool/frontend/src/utils/index.ts
+++ b/govtool/frontend/src/utils/index.ts
@@ -1,14 +1,15 @@
 export * from "./adaFormat";
 export * from "./basicReducer";
 export * from "./callAll";
+export * from "./checkIsMaintenanceOn";
+export * from "./checkIsWalletConnected";
 export * from "./formatDate";
 export * from "./getDRepID";
+export * from "./getGovActionId";
 export * from "./getLengthInBytes";
 export * from "./getProposalTypeLabel";
 export * from "./isValidFormat";
+export * from "./jsonUtils";
 export * from "./localStorage";
 export * from "./openInNewTab";
-export * from "./getGovActionId";
-export * from "./checkIsMaintenanceOn";
 export * from "./removeDuplicatedProposals";
-export * from "./checkIsWalletConnected";
diff --git a/govtool/frontend/src/utils/jsonUtils.ts b/govtool/frontend/src/utils/jsonUtils.ts
new file mode 100644
index 000000000..af691cf23
--- /dev/null
+++ b/govtool/frontend/src/utils/jsonUtils.ts
@@ -0,0 +1,8 @@
+export const downloadJson = (json: string, fileName?: string) => {
+  const jsonString = `data:text/json;chatset=utf-8,${encodeURIComponent(json)}`;
+  const link = document.createElement("a");
+  link.href = jsonString;
+  link.download = `${fileName ? fileName : "data"}.json`;
+
+  link.click();
+};

From a4e876064f19914d4904abe221b7f4ed1f4329d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Thu, 7 Mar 2024 21:09:09 +0100
Subject: [PATCH 081/109] change type on @type

---
 .../frontend/src/hooks/forms/useCreateGovernanceActionForm.ts   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
index 7fe11839b..920070a07 100644
--- a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
+++ b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
@@ -38,7 +38,7 @@ export const useCreateGovernanceActionForm = () => {
       ?.filter((link) => link.link)
       .map((link) => {
         // TODO: Label isnt available and harcoded Other for type
-        return { type: "Other", label: "Testlabel", uri: link.link };
+        return { "@type": "Other", label: "Testlabel", uri: link.link };
       });
     const body = { ...Object.fromEntries(filteredData), references };
 

From cd58d280716ca3af4a7125bfd75dee69e3962614 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Thu, 7 Mar 2024 22:17:30 +0100
Subject: [PATCH 082/109] replace link with sancho dosc

---
 .../organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx
index 153b9a24c..b4dbea7b4 100644
--- a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx
@@ -21,7 +21,7 @@ export const StoreDataInfo = ({
 
   // TODO: change link when available
   const openLink = () => {
-    openInNewTab("https://www.google.com");
+    openInNewTab("https://docs.sanchogov.tools");
   };
 
   const isContinueDisabled = !watch("storeData");

From 245a844c7cf6d26a84c033ce8199b0317b5b7c2c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Fri, 8 Mar 2024 07:20:11 +0100
Subject: [PATCH 083/109] Hotfix for 'why' debug option in make

This commit corrects the debug option in make commands in the CI/CD
pipeline workflow, so that the deployment process in the CI can execute
without issues related to unrecognized debug flags.

The existing 'make' commands were utilizing the debug flag '--debug=w'
which was causing compatibility issues in the CI environment where 'why'
debug option was not recognized. This commit addresses the problem by
replacing the 'w' with 'b' in the relevant 'make' commands in the
'.github/workflows/build-and-deploy.yml' file, ensuring smooth execution
of the deployment tasks.
---
 .github/workflows/build-and-deploy.yml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
index 6e3703eac..a7b892b9b 100644
--- a/.github/workflows/build-and-deploy.yml
+++ b/.github/workflows/build-and-deploy.yml
@@ -84,13 +84,13 @@ jobs:
       - name: Destroy Cardano Node, DB sync and Postgres if required
         if: ${{ inputs.resync_cardano_node_and_db }}
         run: |
-          make --debug=w destroy-cardano-node-and-dbsync
+          make --debug=b destroy-cardano-node-and-dbsync
 
       - name: Deploy app
         run: |
-          make --debug=w all
+          make --debug=b all
 
       - name: Reprovision Grafana
         run: |
           sleep 30 # give grafana time to start up
-          make --debug=w reload-grafana
+          make --debug=b reload-grafana

From 2c11605704103f4daf050c500d7200d1d53f7cf1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Wed, 6 Mar 2024 13:37:24 +0100
Subject: [PATCH 084/109] Update changelog to reflect recent changes

Added a grafana panel to track all the deploys on the target machines. This change was made to address Issue 361.
---
 CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 50cc35e39..349a0646e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -54,6 +54,7 @@ changes.
 - Streamlined the application build and deployment process, thereby accelerating continuous delivery (CD) and reducing the resource burden [Issue 246](https://github.com/IntersectMBO/govtool/issues/246).
 - Applied unified policy on Docker images tagging [Issue 320](https://github.com/IntersectMBO/govtool/issues/320).
 - Reorganised deployment Makefiles in order to better document the process and easier management [Issue 385](https://github.com/IntersectMBO/govtool/issues/385).
+- Added a grafana panel to track all the deploys on the target machines [Issue 361](https://github.com/IntersectMBO/govtool/issues/361).
 
 ### Removed
 -

From dbe8c225502cf12009de8f5088f24dd367bd75f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Fri, 8 Mar 2024 07:41:32 +0100
Subject: [PATCH 085/109] [#361] Use the highest dashboard version for
 deployment traceability

In order to ensure accurate deployment traceability, it is necessary to
use the highest existing version of the Grafana dashboard incremented by
1. This adjustment is crucial as the target instances have intermediate
versions beyond version 35, and leveraging the most current version will
maintain consistency in the deployment process.

Changes:
- Updated the version of the Grafana dashboard to 44 in the
  `govtool.json` file under
  `scripts/govtool/config/templates/grafana-provisioning/dashboards/`. By
  adjusting the version number, we align the dashboard with the latest
  iteration, thereby enhancing traceability and ensuring compatibility
  with the current deployment environment.
---
 .../templates/grafana-provisioning/dashboards/govtool.json      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json b/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json
index 634602b24..70b42f887 100644
--- a/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json
+++ b/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json
@@ -916,6 +916,6 @@
   "timezone": "",
   "title": "GovTool basic stats",
   "uid": "e3697f62-6a01-4596-b626-d46141441b32",
-  "version": 36,
+  "version": 44,
   "weekStart": ""
 }

From 06b41082a0817c8399f0fb95a3ceca27f320fc0d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Thu, 7 Mar 2024 13:56:10 +0100
Subject: [PATCH 086/109] [#427] Fetch full repo history during deployment for
 proper Docker images tagging

This commit modifies the build-and-deploy workflow file to include
fetching the full history of the repository during deployment. This
change is essential for accurately calculating the Docker image tags for
both backend and frontend components in the CI/CD pipeline. By setting
the `fetch-depth` to 0 in the step that checks out the code, the
workflow now ensures that all historical commits are available, enabling
precise version information retrieval for tagging the Docker images.

Changes made:
- Modified: .github/workflows/build-and-deploy.yml to add `fetch-depth:
  0` parameter in the step that checks out the code, ensuring full
  repository history is fetched during deployment.
---
 .github/workflows/build-and-deploy.yml | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
index 999b061d3..3ddd55ac7 100644
--- a/.github/workflows/build-and-deploy.yml
+++ b/.github/workflows/build-and-deploy.yml
@@ -51,6 +51,8 @@ jobs:
     steps:
       - name: Checkout code
         uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
 
       - name: Configure AWS credentials
         uses: aws-actions/configure-aws-credentials@v3

From 564954184f6ecd71483c3a5adbb6cdb23a13395d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Thu, 7 Mar 2024 14:00:50 +0100
Subject: [PATCH 087/109] Log a targets indicators in deployment process

This commit adds logging of target indicators during the deployment
process to improve visibility and tracking of deployment steps.

Changed the deployment workflow in
.github/workflows/build-and-deploy.yml to include target indicators
logging when performing certain actions, such as destroying the Cardano
Node and DB sync, deploying the application, and reprovisioning Grafana.
The changes involve adding the '--debug=w' flag to the 'make' commands
for destroying Cardano Node and DB sync, deploying the application, and
reloading Grafana, allowing for more detailed logging during these
actions.
---
 .github/workflows/build-and-deploy.yml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
index 3ddd55ac7..6e3703eac 100644
--- a/.github/workflows/build-and-deploy.yml
+++ b/.github/workflows/build-and-deploy.yml
@@ -84,13 +84,13 @@ jobs:
       - name: Destroy Cardano Node, DB sync and Postgres if required
         if: ${{ inputs.resync_cardano_node_and_db }}
         run: |
-          make destroy-cardano-node-and-dbsync
+          make --debug=w destroy-cardano-node-and-dbsync
 
       - name: Deploy app
         run: |
-          make all
+          make --debug=w all
 
       - name: Reprovision Grafana
         run: |
           sleep 30 # give grafana time to start up
-          make reload-grafana
+          make --debug=w reload-grafana

From 00e06d9e56fdd40b7a63b38790d4fb9ab6ccde73 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Thu, 7 Mar 2024 17:49:56 +0100
Subject: [PATCH 088/109] [#364] add information storage screens

---
 .../src/components/molecules/LinkWithIcon.tsx |   1 +
 .../src/components/molecules/Step.tsx         |  58 +++++++++
 .../src/components/molecules/index.ts         |   1 +
 .../src/components/molecules/types.ts         |   7 +
 .../StorageInformation.tsx                    | 120 ++++++++++++++++++
 .../StoreDataInfo.tsx                         |  70 ++++++++++
 .../CreateGovernanceActionSteps/index.ts      |   2 +
 .../ReviewCreatedGovernanceAction.tsx         |  12 +-
 .../src/components/organisms/index.ts         |   1 +
 .../forms/useCreateGovernanceActionForm.ts    |  30 ++++-
 govtool/frontend/src/i18n/locales/en.ts       |  13 ++
 .../src/pages/CreateGovernanceAction.tsx      |   4 +
 govtool/frontend/src/utils/index.ts           |   7 +-
 govtool/frontend/src/utils/jsonUtils.ts       |   8 ++
 14 files changed, 326 insertions(+), 8 deletions(-)
 create mode 100644 govtool/frontend/src/components/molecules/Step.tsx
 create mode 100644 govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx
 create mode 100644 govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx
 create mode 100644 govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/index.ts
 create mode 100644 govtool/frontend/src/utils/jsonUtils.ts

diff --git a/govtool/frontend/src/components/molecules/LinkWithIcon.tsx b/govtool/frontend/src/components/molecules/LinkWithIcon.tsx
index 0b4f651a3..64960531d 100644
--- a/govtool/frontend/src/components/molecules/LinkWithIcon.tsx
+++ b/govtool/frontend/src/components/molecules/LinkWithIcon.tsx
@@ -18,6 +18,7 @@ export const LinkWithIcon = ({
         alignItems: "center",
         cursor: "pointer",
         display: "flex",
+        width: "fit-content",
         ...sx,
       }}
       onClick={onClick}
diff --git a/govtool/frontend/src/components/molecules/Step.tsx b/govtool/frontend/src/components/molecules/Step.tsx
new file mode 100644
index 000000000..80af496f7
--- /dev/null
+++ b/govtool/frontend/src/components/molecules/Step.tsx
@@ -0,0 +1,58 @@
+import { Box } from "@mui/material";
+
+import { Typography } from "@atoms";
+import { theme } from "@/theme";
+
+import { StepProps } from "./types";
+
+export const Step = ({
+  component,
+  label,
+  layoutStyles,
+  stepNumber,
+}: StepProps) => {
+  const {
+    palette: { boxShadow2 },
+  } = theme;
+
+  return (
+    <Box
+      sx={{
+        flexDirection: "row",
+        display: "flex",
+        width: "100%",
+        ...layoutStyles,
+      }}
+    >
+      <Box
+        sx={{
+          alignItems: "center",
+          borderRadius: "100%",
+          boxShadow: `2px 2px 20px 0px ${boxShadow2}`,
+          display: "flex",
+          height: 54,
+          justifyContent: "center",
+          width: 54,
+        }}
+      >
+        <Typography color="primary" fontWeight={400} variant="title2">
+          {stepNumber}
+        </Typography>
+      </Box>
+
+      <Box
+        sx={{
+          display: "flex",
+          flex: 1,
+          flexDirection: "column",
+          ml: 3,
+        }}
+      >
+        <Typography fontWeight={500} sx={{ mb: 1.5 }} variant="body1">
+          {label}
+        </Typography>
+        {component}
+      </Box>
+    </Box>
+  );
+};
diff --git a/govtool/frontend/src/components/molecules/index.ts b/govtool/frontend/src/components/molecules/index.ts
index 1f8dea57b..1ef9c4595 100644
--- a/govtool/frontend/src/components/molecules/index.ts
+++ b/govtool/frontend/src/components/molecules/index.ts
@@ -12,6 +12,7 @@ export * from "./GovernanceActionsSorting";
 export * from "./GovernanceVotedOnCard";
 export * from "./LinkWithIcon";
 export * from "./OrderActionsChip";
+export * from "./Step";
 export * from "./VoteActionForm";
 export * from "./VotesSubmitted";
 export * from "./WalletInfoCard";
diff --git a/govtool/frontend/src/components/molecules/types.ts b/govtool/frontend/src/components/molecules/types.ts
index 32fad8cfa..5e817df41 100644
--- a/govtool/frontend/src/components/molecules/types.ts
+++ b/govtool/frontend/src/components/molecules/types.ts
@@ -6,3 +6,10 @@ export type LinkWithIconProps = {
   icon?: JSX.Element;
   sx?: SxProps;
 };
+
+export type StepProps = {
+  component: JSX.Element;
+  label: string;
+  layoutStyles?: SxProps;
+  stepNumber: number | string;
+};
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx
new file mode 100644
index 000000000..38e9dbbcf
--- /dev/null
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx
@@ -0,0 +1,120 @@
+import { Dispatch, SetStateAction, useCallback, useState } from "react";
+import { Box } from "@mui/material";
+import OpenInNewIcon from "@mui/icons-material/OpenInNew";
+
+import { Button, Spacer, Typography } from "@atoms";
+import { useCreateGovernanceActionForm, useTranslation } from "@hooks";
+import { Step } from "@molecules";
+import { BgCard, ControlledField } from "@organisms";
+import { downloadJson, openInNewTab } from "@utils";
+
+export const StorageInformation = ({
+  setStep,
+}: {
+  setStep: Dispatch<SetStateAction<number>>;
+}) => {
+  const { t } = useTranslation();
+  const {
+    control,
+    errors,
+    createGovernanceAction,
+    generateJsonBody,
+    getValues,
+    watch,
+  } = useCreateGovernanceActionForm();
+  const [isJsonDownloaded, setIsJsonDownloaded] = useState<boolean>(false);
+  // TODO: change on correct file name
+  const fileName = getValues("governance_action_type");
+
+  // TODO: Change link to correct
+  const openGuideAboutStoringInformation = useCallback(
+    () => openInNewTab("https://sancho.network/"),
+    []
+  );
+
+  const isActionButtonDisabled = !watch("storingURL") || !isJsonDownloaded;
+
+  const onClickBack = useCallback(() => setStep(5), []);
+
+  const onClickDowloadJson = () => {
+    const data = getValues();
+    const jsonBody = generateJsonBody(data);
+    downloadJson(jsonBody, fileName);
+    setIsJsonDownloaded(true);
+  };
+
+  return (
+    <BgCard
+      actionButtonLabel={t("continue")}
+      backButtonLabel={t("back")}
+      isActionButtonDisabled={isActionButtonDisabled}
+      onClickActionButton={createGovernanceAction}
+      onClickBackButton={onClickBack}
+    >
+      <Typography sx={{ textAlign: "center" }} variant="headline4">
+        {t("createGovernanceAction.storingInformationTitle")}
+      </Typography>
+      <Typography
+        fontWeight={400}
+        sx={{ mt: 1, textAlign: "center" }}
+        variant="body1"
+      >
+        {t("createGovernanceAction.storingInformationDescription")}
+      </Typography>
+      <Box sx={{ my: 4 }}>
+        <Step
+          // TODO: add onClick action when available
+          component={
+            <Button
+              onClick={onClickDowloadJson}
+              size="extraLarge"
+              sx={{ width: "fit-content" }}
+            >
+              {`${fileName}.jsonld`}
+            </Button>
+          }
+          label={t("createGovernanceAction.storingInformationStep1Label")}
+          stepNumber={1}
+        />
+        <Spacer y={6} />
+        <Step
+          component={
+            <Button
+              endIcon={
+                <OpenInNewIcon
+                  sx={{
+                    color: "primary",
+                    height: 17,
+                    width: 17,
+                  }}
+                />
+              }
+              onClick={openGuideAboutStoringInformation}
+              size="extraLarge"
+              sx={{ width: "fit-content" }}
+              variant="text"
+            >
+              {t("createGovernanceAction.storingInformationStep2Link")}
+            </Button>
+          }
+          label={t("createGovernanceAction.storingInformationStep2Label")}
+          stepNumber={2}
+        />
+        <Spacer y={6} />
+        <Step
+          component={
+            <ControlledField.Input
+              {...{ control, errors }}
+              name="storingURL"
+              placeholder={t(
+                "createGovernanceAction.storingInformationURLPlaceholder"
+              )}
+            />
+          }
+          label={t("createGovernanceAction.storingInformationStep3Label")}
+          stepNumber={3}
+        />
+      </Box>
+    </BgCard>
+  );
+};
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx
new file mode 100644
index 000000000..153b9a24c
--- /dev/null
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx
@@ -0,0 +1,70 @@
+import { Dispatch, SetStateAction } from "react";
+import { Box, Link } from "@mui/material";
+
+import { Spacer, Typography } from "@atoms";
+import {
+  useCreateGovernanceActionForm,
+  useScreenDimension,
+  useTranslation,
+} from "@hooks";
+import { BgCard, ControlledField } from "@organisms";
+import { openInNewTab } from "@utils";
+
+export const StoreDataInfo = ({
+  setStep,
+}: {
+  setStep: Dispatch<SetStateAction<number>>;
+}) => {
+  const { t } = useTranslation();
+  const { control, errors, watch } = useCreateGovernanceActionForm();
+  const { isMobile } = useScreenDimension();
+
+  // TODO: change link when available
+  const openLink = () => {
+    openInNewTab("https://www.google.com");
+  };
+
+  const isContinueDisabled = !watch("storeData");
+
+  const onClickContinue = () => {
+    setStep(6);
+  };
+
+  const onClickBack = () => {
+    setStep(4);
+  };
+
+  return (
+    <BgCard
+      actionButtonLabel={t("continue")}
+      isActionButtonDisabled={isContinueDisabled}
+      onClickActionButton={onClickContinue}
+      onClickBackButton={onClickBack}
+    >
+      <Typography sx={{ textAlign: "center" }} variant="headline4">
+        {t("createGovernanceAction.storeDataTitle")}
+      </Typography>
+      <Link
+        onClick={openLink}
+        sx={{
+          cursor: "pointer",
+          fontSize: 16,
+          fontWeight: 500,
+          fontFamily: "Poppins",
+          my: 4,
+          textAlign: "center",
+          textDecoration: "none",
+        }}
+      >
+        {t("createGovernanceAction.storeDataLink")}
+      </Link>
+      <ControlledField.Checkbox
+        {...{ control, errors }}
+        name="storeData"
+        label={t("createGovernanceAction.storeDataCheckboxLabel")}
+      />
+      <Spacer y={isMobile ? 4 : 12.5} />
+      <Box display="flex" flex={1} />
+    </BgCard>
+  );
+};
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/index.ts b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/index.ts
new file mode 100644
index 000000000..8a4cf44d1
--- /dev/null
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/index.ts
@@ -0,0 +1,2 @@
+export * from "./StorageInformation";
+export * from "./StoreDataInfo";
diff --git a/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx b/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx
index 4944804a1..f05db801e 100644
--- a/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx
+++ b/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx
@@ -4,7 +4,11 @@ import DriveFileRenameOutlineOutlinedIcon from "@mui/icons-material/DriveFileRen
 
 import { Button, Spacer, Typography } from "@atoms";
 import { ICONS } from "@consts";
-import { useCreateGovernanceActionForm, useTranslation } from "@hooks";
+import {
+  defaulCreateGovernanceActionValues,
+  useCreateGovernanceActionForm,
+  useTranslation,
+} from "@hooks";
 import { LinkWithIcon } from "@molecules";
 import { openInNewTab } from "@utils";
 
@@ -39,7 +43,11 @@ export const ReviewCreatedGovernanceAction = ({
 
   const renderReviewFields = () => {
     return Object.entries(values)
-      .filter(([key]) => key !== "links")
+      .filter(
+        ([key]) =>
+          !Object.keys(defaulCreateGovernanceActionValues).includes(key) ||
+          key === "governance_action_type"
+      )
       .map(([key, value]) => {
         const label =
           key.charAt(0).toUpperCase() + key.slice(1).replace(/_/g, " ");
diff --git a/govtool/frontend/src/components/organisms/index.ts b/govtool/frontend/src/components/organisms/index.ts
index ec58e2e2a..3d1a6b759 100644
--- a/govtool/frontend/src/components/organisms/index.ts
+++ b/govtool/frontend/src/components/organisms/index.ts
@@ -4,6 +4,7 @@ export * from "./ChooseStakeKeyPanel";
 export * from "./ChooseWalletModal";
 export * from "./ControlledField";
 export * from "./CreateGovernanceActionForm";
+export * from "./CreateGovernanceActionSteps";
 export * from "./DashboardCards";
 export * from "./DashboardCards";
 export * from "./DashboardDrawerMobile";
diff --git a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
index f744484b2..7fe11839b 100644
--- a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
+++ b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
@@ -4,12 +4,16 @@ import { useFormContext } from "react-hook-form";
 type createGovernanceActionValues = {
   governance_action_type: string;
   links?: { link: string }[];
+  storeData?: boolean;
+  storingURL: string;
 };
 
 export const defaulCreateGovernanceActionValues: createGovernanceActionValues =
   {
     governance_action_type: "",
     links: [{ link: "" }],
+    storeData: false,
+    storingURL: "",
   };
 
 export const useCreateGovernanceActionForm = () => {
@@ -26,9 +30,28 @@ export const useCreateGovernanceActionForm = () => {
     reset,
   } = useFormContext<createGovernanceActionValues>();
 
-  const onSubmit = useCallback(async () => {
-    setIsLoading(true);
+  const generateJsonBody = (data: createGovernanceActionValues) => {
+    const filteredData = Object.entries(data).filter(
+      ([key]) => !Object.keys(defaulCreateGovernanceActionValues).includes(key)
+    );
+    const references = data.links
+      ?.filter((link) => link.link)
+      .map((link) => {
+        // TODO: Label isnt available and harcoded Other for type
+        return { type: "Other", label: "Testlabel", uri: link.link };
+      });
+    const body = { ...Object.fromEntries(filteredData), references };
+
+    const jsonStr = JSON.stringify(body);
+    return jsonStr;
+  };
+
+  const onSubmit = useCallback(async (data: createGovernanceActionValues) => {
     try {
+      setIsLoading(true);
+      const jsonBody = generateJsonBody(data);
+
+      return jsonBody;
     } catch (e: any) {
     } finally {
       setIsLoading(false);
@@ -42,9 +65,10 @@ export const useCreateGovernanceActionForm = () => {
     isLoading,
     isValid,
     setValue,
-    submitForm: handleSubmit(onSubmit),
+    createGovernanceAction: handleSubmit(onSubmit),
     watch,
     register,
     reset,
+    generateJsonBody,
   };
 };
diff --git a/govtool/frontend/src/i18n/locales/en.ts b/govtool/frontend/src/i18n/locales/en.ts
index 02efcee00..6d08237c9 100644
--- a/govtool/frontend/src/i18n/locales/en.ts
+++ b/govtool/frontend/src/i18n/locales/en.ts
@@ -138,6 +138,19 @@ export const en = {
       formTitle: "Governance Action details",
       references: "References and Supporting Information",
       reviewSubmission: "Review your submission",
+      storeDataCheckboxLabel:
+        "I agree to store correctly this information and to maintain them over the years",
+      storeDataLink: "Learn more about storing information",
+      storeDataTitle: "Store and Maintain the Data Yourself",
+      storingInformationDescription:
+        "Download your file, save it to your chosen location, and enter the URL of that location in step 3",
+      storingInformationStep1Label: "Download this file",
+      storingInformationStep2Label:
+        "Save this file in a location that provides a public URL (ex. github)",
+      storingInformationStep2Link: "Read full guide",
+      storingInformationStep3Label: "Paste the URL here",
+      storingInformationTitle: "Information Storage Steps",
+      storingInformationURLPlaceholder: "URL",
       supportingLinks: "Supporting links",
       title: "Create a Governance Action",
     },
diff --git a/govtool/frontend/src/pages/CreateGovernanceAction.tsx b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
index e2c9cc8d3..43729f245 100644
--- a/govtool/frontend/src/pages/CreateGovernanceAction.tsx
+++ b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
@@ -18,6 +18,8 @@ import {
   DashboardTopNav,
   Footer,
   ReviewCreatedGovernanceAction,
+  StorageInformation,
+  StoreDataInfo,
   WhatGovernanceActionIsAbout,
 } from "@organisms";
 import { checkIsWalletConnected } from "@utils";
@@ -83,6 +85,8 @@ export const CreateGovernanceAction = () => {
           {step === 2 && <ChooseGovernanceActionType setStep={setStep} />}
           {step === 3 && <CreateGovernanceActionForm setStep={setStep} />}
           {step === 4 && <ReviewCreatedGovernanceAction setStep={setStep} />}
+          {step === 5 && <StoreDataInfo setStep={setStep} />}
+          {step === 6 && <StorageInformation setStep={setStep} />}
         </FormProvider>
         {isMobile && <Footer />}
       </Box>
diff --git a/govtool/frontend/src/utils/index.ts b/govtool/frontend/src/utils/index.ts
index 95c368dd8..08a870600 100644
--- a/govtool/frontend/src/utils/index.ts
+++ b/govtool/frontend/src/utils/index.ts
@@ -1,14 +1,15 @@
 export * from "./adaFormat";
 export * from "./basicReducer";
 export * from "./callAll";
+export * from "./checkIsMaintenanceOn";
+export * from "./checkIsWalletConnected";
 export * from "./formatDate";
 export * from "./getDRepID";
+export * from "./getGovActionId";
 export * from "./getLengthInBytes";
 export * from "./getProposalTypeLabel";
 export * from "./isValidFormat";
+export * from "./jsonUtils";
 export * from "./localStorage";
 export * from "./openInNewTab";
-export * from "./getGovActionId";
-export * from "./checkIsMaintenanceOn";
 export * from "./removeDuplicatedProposals";
-export * from "./checkIsWalletConnected";
diff --git a/govtool/frontend/src/utils/jsonUtils.ts b/govtool/frontend/src/utils/jsonUtils.ts
new file mode 100644
index 000000000..af691cf23
--- /dev/null
+++ b/govtool/frontend/src/utils/jsonUtils.ts
@@ -0,0 +1,8 @@
+export const downloadJson = (json: string, fileName?: string) => {
+  const jsonString = `data:text/json;chatset=utf-8,${encodeURIComponent(json)}`;
+  const link = document.createElement("a");
+  link.href = jsonString;
+  link.download = `${fileName ? fileName : "data"}.json`;
+
+  link.click();
+};

From 049b019715a8eea62a79b3343f64ee9bec265c3f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Thu, 7 Mar 2024 21:09:09 +0100
Subject: [PATCH 089/109] change type on @type

---
 .../frontend/src/hooks/forms/useCreateGovernanceActionForm.ts   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
index 7fe11839b..920070a07 100644
--- a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
+++ b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
@@ -38,7 +38,7 @@ export const useCreateGovernanceActionForm = () => {
       ?.filter((link) => link.link)
       .map((link) => {
         // TODO: Label isnt available and harcoded Other for type
-        return { type: "Other", label: "Testlabel", uri: link.link };
+        return { "@type": "Other", label: "Testlabel", uri: link.link };
       });
     const body = { ...Object.fromEntries(filteredData), references };
 

From d525df3787a90657a18fc94b7feae1d8efa18300 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Thu, 7 Mar 2024 22:17:30 +0100
Subject: [PATCH 090/109] replace link with sancho dosc

---
 .../organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx
index 153b9a24c..b4dbea7b4 100644
--- a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx
@@ -21,7 +21,7 @@ export const StoreDataInfo = ({
 
   // TODO: change link when available
   const openLink = () => {
-    openInNewTab("https://www.google.com");
+    openInNewTab("https://docs.sanchogov.tools");
   };
 
   const isContinueDisabled = !watch("storeData");

From fa3f85a13723d5b570b8b38c943404bf3e5884c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Fri, 8 Mar 2024 07:20:11 +0100
Subject: [PATCH 091/109] Hotfix for 'why' debug option in make

This commit corrects the debug option in make commands in the CI/CD
pipeline workflow, so that the deployment process in the CI can execute
without issues related to unrecognized debug flags.

The existing 'make' commands were utilizing the debug flag '--debug=w'
which was causing compatibility issues in the CI environment where 'why'
debug option was not recognized. This commit addresses the problem by
replacing the 'w' with 'b' in the relevant 'make' commands in the
'.github/workflows/build-and-deploy.yml' file, ensuring smooth execution
of the deployment tasks.
---
 .github/workflows/build-and-deploy.yml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
index 6e3703eac..a7b892b9b 100644
--- a/.github/workflows/build-and-deploy.yml
+++ b/.github/workflows/build-and-deploy.yml
@@ -84,13 +84,13 @@ jobs:
       - name: Destroy Cardano Node, DB sync and Postgres if required
         if: ${{ inputs.resync_cardano_node_and_db }}
         run: |
-          make --debug=w destroy-cardano-node-and-dbsync
+          make --debug=b destroy-cardano-node-and-dbsync
 
       - name: Deploy app
         run: |
-          make --debug=w all
+          make --debug=b all
 
       - name: Reprovision Grafana
         run: |
           sleep 30 # give grafana time to start up
-          make --debug=w reload-grafana
+          make --debug=b reload-grafana

From c0063991d6df27f4a075bb67c76c876f496cfdcd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Wed, 6 Mar 2024 13:37:24 +0100
Subject: [PATCH 092/109] Update changelog to reflect recent changes

Added a grafana panel to track all the deploys on the target machines. This change was made to address Issue 361.
---
 CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 50cc35e39..349a0646e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -54,6 +54,7 @@ changes.
 - Streamlined the application build and deployment process, thereby accelerating continuous delivery (CD) and reducing the resource burden [Issue 246](https://github.com/IntersectMBO/govtool/issues/246).
 - Applied unified policy on Docker images tagging [Issue 320](https://github.com/IntersectMBO/govtool/issues/320).
 - Reorganised deployment Makefiles in order to better document the process and easier management [Issue 385](https://github.com/IntersectMBO/govtool/issues/385).
+- Added a grafana panel to track all the deploys on the target machines [Issue 361](https://github.com/IntersectMBO/govtool/issues/361).
 
 ### Removed
 -

From 9197a13bb8c5b95be4bec4ea12429747d13e2952 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Fri, 8 Mar 2024 07:41:32 +0100
Subject: [PATCH 093/109] [#361] Use the highest dashboard version for
 deployment traceability

In order to ensure accurate deployment traceability, it is necessary to
use the highest existing version of the Grafana dashboard incremented by
1. This adjustment is crucial as the target instances have intermediate
versions beyond version 35, and leveraging the most current version will
maintain consistency in the deployment process.

Changes:
- Updated the version of the Grafana dashboard to 44 in the
  `govtool.json` file under
  `scripts/govtool/config/templates/grafana-provisioning/dashboards/`. By
  adjusting the version number, we align the dashboard with the latest
  iteration, thereby enhancing traceability and ensuring compatibility
  with the current deployment environment.
---
 .../templates/grafana-provisioning/dashboards/govtool.json      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json b/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json
index 634602b24..70b42f887 100644
--- a/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json
+++ b/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json
@@ -916,6 +916,6 @@
   "timezone": "",
   "title": "GovTool basic stats",
   "uid": "e3697f62-6a01-4596-b626-d46141441b32",
-  "version": 36,
+  "version": 44,
   "weekStart": ""
 }

From 9c81c7ffc1d2d790d2d51b89e14d68fef135f1ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Mon, 11 Mar 2024 09:43:09 +0100
Subject: [PATCH 094/109] Use more descriptive name for the Docker Compose
 target

This commit changes the target name from 'docker' to 'docker-compose' in
the 'utils.mk' file under 'scripts/govtool' directory. This more
descriptive name accurately reflects the purpose of the target, making
it easier for developers to understand the functionality associated with
it.

Changes:
- Renamed the target from 'docker' to 'docker-compose' in
  'scripts/govtool/utils.mk' to improve clarity and reflect the actual
  usage of the target within the project.
---
 scripts/govtool/utils.mk | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/scripts/govtool/utils.mk b/scripts/govtool/utils.mk
index 7e72355ee..b69671472 100644
--- a/scripts/govtool/utils.mk
+++ b/scripts/govtool/utils.mk
@@ -3,8 +3,8 @@ ssh:
 	export TERM=xterm-256color; \
 	ssh $(ssh_url)
 
-.PHONY: docker
-docker:
+.PHONY: docker-compose
+docker-compose:
 	@:$(call check_defined, cardano_network)
 	@:$(call check_defined, env)
 	@:$(call check_defined, cmd)

From efec63fdbc74d49ac56766ce4cee3182c830eccb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Mon, 11 Mar 2024 09:54:09 +0100
Subject: [PATCH 095/109] [#442] Use the same UID in the datasource definition
 as in the panel configuration

Resolve the issue causing warnings about non-existing datasources in the
Grafana dashboard by ensuring that the UIDs in the datasource
definitions match the UIDs specified in the panel configurations. This
commit updates the UID values in the Grafana configuration files to
align them correctly and eliminate the warnings.

Changes:
- Update the UID value for the Loki datasource in the datasource.yml
  file to "a698987a-0cba-42a9-86aa-3ba65104ef72".
- Update the UID values for the Loki datasource in the govtool.json file
  to "a698987a-0cba-42a9-86aa-3ba65104ef72" to match the expected value.
---
 .../templates/grafana-provisioning/dashboards/govtool.json  | 6 +++---
 .../grafana-provisioning/datasources/datasource.yml         | 4 ++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json b/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json
index 70b42f887..fdb8da4c7 100644
--- a/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json
+++ b/scripts/govtool/config/templates/grafana-provisioning/dashboards/govtool.json
@@ -864,7 +864,7 @@
     {
       "datasource": {
         "type": "loki",
-        "uid": "b0d64f25-3bca-4cc1-b8f3-6b391d88b442"
+        "uid": "a698987a-0cba-42a9-86aa-3ba65104ef72"
       },
       "description": "Trace of every deploy made on this machine. This is a good place to start when something goes wrong.",
       "gridPos": {
@@ -888,7 +888,7 @@
         {
           "datasource": {
             "type": "loki",
-            "uid": "b0d64f25-3bca-4cc1-b8f3-6b391d88b442"
+            "uid": "a698987a-0cba-42a9-86aa-3ba65104ef72"
           },
           "editorMode": "builder",
           "expr": "{filename=\"/var/log/deployment.log\"}",
@@ -916,6 +916,6 @@
   "timezone": "",
   "title": "GovTool basic stats",
   "uid": "e3697f62-6a01-4596-b626-d46141441b32",
-  "version": 44,
+  "version": 50,
   "weekStart": ""
 }
diff --git a/scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml b/scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml
index e1461426c..7f9f0de58 100644
--- a/scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml
+++ b/scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml
@@ -11,6 +11,8 @@ deleteDatasources:
 datasources:
   # <string, required> name of the datasource. Required
 - name: Prometheus
+  # <string> datasource UID.
+  uid: PBFA97CFB590B2093
   # <string, required> datasource type. Required
   type: prometheus
   # <string, required> access mode. direct or proxy. Required
@@ -51,6 +53,8 @@ datasources:
 
   # <string, required> name of the datasource. Required
 - name: Loki
+  # <string> datasource UID.
+  uid: a698987a-0cba-42a9-86aa-3ba65104ef72
   # <string, required> datasource type. Required
   type: loki
   # <string, required> access mode. direct or proxy. Required

From aaedd40de601adb8d32d30b562bc7cd535440094 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Mon, 11 Mar 2024 10:44:14 +0100
Subject: [PATCH 096/109] [#442] Remove redundant basicAuth field from
 datasource.yml

The basicAuth field was unnecessary and redundant under the datasources
section in datasource.yml. Removing this field ensures the configuration
to always parse and be loaded and establishes a cleaner and more concise
configuration file for datasource provisioning in Grafana.

Changes:
- Removed the basicAuth field that was previously present in the
  datasources section of datasource.yml. This field was not needed and
  did not serve any functional purpose. This removal simplifies the
  configuration file and eliminates redundancy.
---
 .../templates/grafana-provisioning/datasources/datasource.yml  | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml b/scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml
index 7f9f0de58..a4ea24d58 100644
--- a/scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml
+++ b/scripts/govtool/config/templates/grafana-provisioning/datasources/datasource.yml
@@ -78,9 +78,6 @@ datasources:
   # <bool> enable/disable with credentials headers
   withCredentials:
   # <bool> mark as default datasource. Max one per org
-  # <bool> enable/disable basic auth
-  basicAuth: false
-  # <bool> mark as default datasource. Max one per org
   isDefault: false
   version: 1
   # <bool> allow users to edit datasources from the UI.

From 1df33efc0d8f73cacfa385fa89485a941be760b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Fri, 8 Mar 2024 15:26:06 +0100
Subject: [PATCH 097/109] [#365] governance action certs (info and treasury)

---
 govtool/frontend/src/context/wallet.tsx | 218 +++++++++++++++++++-----
 1 file changed, 173 insertions(+), 45 deletions(-)

diff --git a/govtool/frontend/src/context/wallet.tsx b/govtool/frontend/src/context/wallet.tsx
index 1b29b1d5d..18f00d5de 100644
--- a/govtool/frontend/src/context/wallet.tsx
+++ b/govtool/frontend/src/context/wallet.tsx
@@ -40,6 +40,12 @@ import {
   VotingBuilder,
   VotingProcedure,
   StakeRegistration,
+  VotingProposalBuilder,
+  InfoAction,
+  VotingProposal,
+  GovernanceAction,
+  TreasuryWithdrawals,
+  TreasuryWithdrawalsAction,
 } from "@emurgo/cardano-serialization-lib-asmjs";
 import { Buffer } from "buffer";
 import { useNavigate } from "react-router-dom";
@@ -94,6 +100,18 @@ type TransactionHistoryItem = {
 
 export type DRepActionType = "retirement" | "registration" | "update" | "";
 
+type InfoProps = {
+  hash: string;
+  url: string;
+};
+
+type TreasuryProps = {
+  amount: string;
+  hash: string;
+  receivingAddress: string;
+  url: string;
+};
+
 interface CardanoContext {
   address?: string;
   disconnectWallet: () => Promise<void>;
@@ -152,6 +170,12 @@ interface CardanoContext {
   isPendingTransaction: () => boolean;
   isDrepLoading: boolean;
   setIsDrepLoading: Dispatch<SetStateAction<boolean>>;
+  buildNewInfoGovernanceAction: (
+    infoProps: InfoProps
+  ) => Promise<VotingProposalBuilder | undefined>;
+  buildTreasuryGovernanceAction: (
+    treasuryProps: TreasuryProps
+  ) => Promise<VotingProposalBuilder | undefined>;
 }
 
 type Utxos = {
@@ -1218,74 +1242,178 @@ function CardanoProvider(props: Props) {
     [dRepID]
   );
 
+  // info action
+  const buildNewInfoGovernanceAction = useCallback(
+    async ({ hash, url }: InfoProps) => {
+      let govActionBuilder = VotingProposalBuilder.new();
+      const govActionDeposit =
+        getItemFromLocalStorage(PROTOCOL_PARAMS_KEY).govActDeposit;
+      try {
+        const rewardAddress = await walletApi?.getRewardAddress();
+
+        if (!rewardAddress) {
+          throw new Error("Can not get reward address");
+        }
+
+        // Create new info action
+        const infoAction = InfoAction.new();
+        const infoGovAct = GovernanceAction.new_info_action(infoAction);
+        // Create an anchor
+        const anchorURL = URL.new(url);
+        const anchorHash = AnchorDataHash.from_hex(hash);
+        const anchor = Anchor.new(anchorURL, anchorHash);
+
+        const rewardAddr = RewardAddress.from_address(
+          Address.from_bech32(rewardAddress)
+        );
+
+        if (!rewardAddr) {
+          throw new Error("Can not convert address to reward address");
+        }
+
+        // Create voting proposal
+        const votingProposal = VotingProposal.new(
+          infoGovAct,
+          anchor,
+          rewardAddr,
+          BigNum.from_str(govActionDeposit)
+        );
+        govActionBuilder.add(votingProposal);
+
+        return govActionBuilder;
+      } catch (err) {
+        console.error(err);
+      }
+    },
+    []
+  );
+
+  // treasury action
+  const buildTreasuryGovernanceAction = useCallback(
+    async ({ amount, hash, receivingAddress, url }: TreasuryProps) => {
+      const govActionBuilder = VotingProposalBuilder.new();
+      const govActionDeposit =
+        getItemFromLocalStorage(PROTOCOL_PARAMS_KEY).govActDeposit;
+      try {
+        const rewardAddress = await walletApi?.getRewardAddress();
+
+        if (!rewardAddress) {
+          throw new Error("Can not get reward address");
+        }
+
+        const treasuryTarget = RewardAddress.from_address(
+          Address.from_bech32(receivingAddress)
+        );
+
+        if (!treasuryTarget) throw new Error("Can not get tresasury target");
+
+        const myWithdrawal = BigNum.from_str(amount);
+        const withdrawals = TreasuryWithdrawals.new();
+        withdrawals.insert(treasuryTarget, myWithdrawal);
+        // Create new treasury withdrawal gov act
+        const treasuryAction = TreasuryWithdrawalsAction.new(withdrawals);
+        const treasuryGovAct =
+          GovernanceAction.new_treasury_withdrawals_action(treasuryAction);
+        // Create an anchor
+        const anchorURL = URL.new(url);
+        const anchorHash = AnchorDataHash.from_hex(hash);
+        const anchor = Anchor.new(anchorURL, anchorHash);
+
+        const rewardAddr = RewardAddress.from_address(
+          Address.from_bech32(rewardAddress)
+        );
+
+        if (!rewardAddr)
+          throw new Error("Can not convert address to reward address");
+        // Create voting proposal
+        const votingProposal = VotingProposal.new(
+          treasuryGovAct,
+          anchor,
+          rewardAddr,
+          BigNum.from_str(govActionDeposit)
+        );
+        govActionBuilder.add(votingProposal);
+
+        return govActionBuilder;
+      } catch (err) {
+        console.error(err);
+      }
+    },
+    []
+  );
+
   const value = useMemo(
     () => ({
       address,
-      enable,
-      voter,
-      isEnabled,
-      isMainnet,
-      disconnectWallet,
-      dRepID,
-      dRepIDBech32,
-      pubDRepKey,
-      stakeKey,
-      setVoter,
-      setStakeKey,
-      stakeKeys,
-      walletApi,
-      error,
-      delegatedDRepID,
-      setDelegatedDRepID,
-      buildSignSubmitConwayCertTx,
       buildDRepRegCert,
-      buildDRepUpdateCert,
       buildDRepRetirementCert,
+      buildDRepUpdateCert,
+      buildNewInfoGovernanceAction,
+      buildSignSubmitConwayCertTx,
+      buildTreasuryGovernanceAction,
       buildVote,
       buildVoteDelegationCert,
-      delegateTransaction,
-      registerTransaction,
-      soleVoterTransaction,
+      delegatedDRepID,
       delegateTo,
-      voteTransaction,
-      isPendingTransaction,
-      isDrepLoading,
-      setIsDrepLoading,
-      isEnableLoading,
-    }),
-    [
-      address,
-      enable,
-      voter,
-      isEnabled,
-      isMainnet,
+      delegateTransaction,
       disconnectWallet,
       dRepID,
       dRepIDBech32,
+      enable,
+      error,
+      isDrepLoading,
+      isEnabled,
+      isEnableLoading,
+      isMainnet,
+      isPendingTransaction,
       pubDRepKey,
-      stakeKey,
-      setVoter,
+      registerTransaction,
+      setDelegatedDRepID,
+      setIsDrepLoading,
       setStakeKey,
+      setVoter,
+      soleVoterTransaction,
+      stakeKey,
       stakeKeys,
+      voter,
+      voteTransaction,
       walletApi,
-      error,
-      delegatedDRepID,
-      setDelegatedDRepID,
-      buildSignSubmitConwayCertTx,
+    }),
+    [
+      address,
       buildDRepRegCert,
-      buildDRepUpdateCert,
       buildDRepRetirementCert,
+      buildDRepUpdateCert,
+      buildNewInfoGovernanceAction,
+      buildSignSubmitConwayCertTx,
+      buildTreasuryGovernanceAction,
       buildVote,
       buildVoteDelegationCert,
+      delegatedDRepID,
+      delegateTo,
       delegateTransaction,
+      disconnectWallet,
+      dRepID,
+      dRepIDBech32,
+      enable,
+      error,
+      isDrepLoading,
+      isEnabled,
+      isEnableLoading,
+      isMainnet,
+      isPendingTransaction,
+      pubDRepKey,
       registerTransaction,
+      setDelegatedDRepID,
+      setIsDrepLoading,
+      setStakeKey,
+      setVoter,
       soleVoterTransaction,
-      delegateTo,
+      stakeKey,
+      stakeKeys,
+      voter,
       voteTransaction,
-      isPendingTransaction,
-      isDrepLoading,
-      setIsDrepLoading,
-      isEnableLoading,
+      walletApi,
     ]
   );
 

From ac31c8236a64007b4effb6cdab29eeed16fe6fe9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Fri, 8 Mar 2024 16:25:24 +0100
Subject: [PATCH 098/109] move generateAnchor to untils

---
 govtool/frontend/src/context/wallet.tsx       | 42 +++++++------------
 govtool/frontend/src/utils/generateAnchor.tsx |  9 ++++
 govtool/frontend/src/utils/index.ts           |  1 +
 3 files changed, 25 insertions(+), 27 deletions(-)
 create mode 100644 govtool/frontend/src/utils/generateAnchor.tsx

diff --git a/govtool/frontend/src/context/wallet.tsx b/govtool/frontend/src/context/wallet.tsx
index 18f00d5de..d5eda8cf7 100644
--- a/govtool/frontend/src/context/wallet.tsx
+++ b/govtool/frontend/src/context/wallet.tsx
@@ -10,8 +10,6 @@ import {
 } from "react";
 import {
   Address,
-  Anchor,
-  AnchorDataHash,
   BigNum,
   Certificate,
   CertificatesBuilder,
@@ -33,7 +31,6 @@ import {
   TransactionUnspentOutput,
   TransactionUnspentOutputs,
   TransactionWitnessSet,
-  URL,
   Value,
   VoteDelegation,
   Voter,
@@ -59,20 +56,21 @@ import { PATHS } from "@consts";
 import { CardanoApiWallet, VoterInfo, Protocol } from "@models";
 import type { StatusModalState } from "@organisms";
 import {
-  getPubDRepID,
-  WALLET_LS_KEY,
-  DELEGATE_TRANSACTION_KEY,
-  REGISTER_TRANSACTION_KEY,
+  checkIsMaintenanceOn,
   DELEGATE_TO_KEY,
-  PROTOCOL_PARAMS_KEY,
+  DELEGATE_TRANSACTION_KEY,
+  generateAnchor,
   getItemFromLocalStorage,
-  setItemToLocalStorage,
-  removeItemFromLocalStorage,
+  getPubDRepID,
   openInNewTab,
+  PROTOCOL_PARAMS_KEY,
+  REGISTER_SOLE_VOTER_TRANSACTION_KEY,
+  REGISTER_TRANSACTION_KEY,
+  removeItemFromLocalStorage,
   SANCHO_INFO_KEY,
+  setItemToLocalStorage,
   VOTE_TRANSACTION_KEY,
-  checkIsMaintenanceOn,
-  REGISTER_SOLE_VOTER_TRANSACTION_KEY,
+  WALLET_LS_KEY,
 } from "@utils";
 import { getEpochParams, getTransactionStatus } from "@services";
 import {
@@ -1096,9 +1094,7 @@ function CardanoProvider(props: Props) {
         let dRepRegCert;
         // If there is an anchor
         if (cip95MetadataURL && cip95MetadataHash) {
-          const url = URL.new(cip95MetadataURL);
-          const hash = AnchorDataHash.from_hex(cip95MetadataHash);
-          const anchor = Anchor.new(url, hash);
+          const anchor = generateAnchor(cip95MetadataURL, cip95MetadataHash);
           // Create cert object using one Ada as the deposit
           dRepRegCert = DrepRegistration.new_with_anchor(
             dRepCred,
@@ -1141,9 +1137,7 @@ function CardanoProvider(props: Props) {
         let dRepUpdateCert;
         // If there is an anchor
         if (cip95MetadataURL && cip95MetadataHash) {
-          const url = URL.new(cip95MetadataURL);
-          const hash = AnchorDataHash.from_hex(cip95MetadataHash);
-          const anchor = Anchor.new(url, hash);
+          const anchor = generateAnchor(cip95MetadataURL, cip95MetadataHash);
           // Create cert object using one Ada as the deposit
           dRepUpdateCert = DrepUpdate.new_with_anchor(dRepCred, anchor);
         } else {
@@ -1217,9 +1211,7 @@ function CardanoProvider(props: Props) {
 
         let votingProcedure;
         if (cip95MetadataURL && cip95MetadataHash) {
-          const url = URL.new(cip95MetadataURL);
-          const hash = AnchorDataHash.from_hex(cip95MetadataHash);
-          const anchor = Anchor.new(url, hash);
+          const anchor = generateAnchor(cip95MetadataURL, cip95MetadataHash);
           // Create cert object using one Ada as the deposit
           votingProcedure = VotingProcedure.new_with_anchor(
             votingChoice,
@@ -1259,9 +1251,7 @@ function CardanoProvider(props: Props) {
         const infoAction = InfoAction.new();
         const infoGovAct = GovernanceAction.new_info_action(infoAction);
         // Create an anchor
-        const anchorURL = URL.new(url);
-        const anchorHash = AnchorDataHash.from_hex(hash);
-        const anchor = Anchor.new(anchorURL, anchorHash);
+        const anchor = generateAnchor(url, hash);
 
         const rewardAddr = RewardAddress.from_address(
           Address.from_bech32(rewardAddress)
@@ -1315,9 +1305,7 @@ function CardanoProvider(props: Props) {
         const treasuryGovAct =
           GovernanceAction.new_treasury_withdrawals_action(treasuryAction);
         // Create an anchor
-        const anchorURL = URL.new(url);
-        const anchorHash = AnchorDataHash.from_hex(hash);
-        const anchor = Anchor.new(anchorURL, anchorHash);
+        const anchor = generateAnchor(url, hash);
 
         const rewardAddr = RewardAddress.from_address(
           Address.from_bech32(rewardAddress)
diff --git a/govtool/frontend/src/utils/generateAnchor.tsx b/govtool/frontend/src/utils/generateAnchor.tsx
new file mode 100644
index 000000000..3f457e6e6
--- /dev/null
+++ b/govtool/frontend/src/utils/generateAnchor.tsx
@@ -0,0 +1,9 @@
+import {Anchor, AnchorDataHash, URL } from "@emurgo/cardano-serialization-lib-asmjs";
+
+export const generateAnchor = (url: string, hash: string) => {
+  const metadataUrl = URL.new(url);
+  const urlHash = AnchorDataHash.from_hex(hash);
+  const anchor = Anchor.new(metadataUrl, urlHash);
+
+  return anchor;
+};
\ No newline at end of file
diff --git a/govtool/frontend/src/utils/index.ts b/govtool/frontend/src/utils/index.ts
index 08a870600..313353de7 100644
--- a/govtool/frontend/src/utils/index.ts
+++ b/govtool/frontend/src/utils/index.ts
@@ -4,6 +4,7 @@ export * from "./callAll";
 export * from "./checkIsMaintenanceOn";
 export * from "./checkIsWalletConnected";
 export * from "./formatDate";
+export * from "./generateAnchor";
 export * from "./getDRepID";
 export * from "./getGovActionId";
 export * from "./getLengthInBytes";

From 6e4151f0913c81039d81becb4541b444a41ce81a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Sat, 9 Mar 2024 03:17:44 +0100
Subject: [PATCH 099/109] add working logic to GA builders

---
 govtool/frontend/src/context/wallet.tsx | 58 ++++++++++---------------
 govtool/frontend/src/models/wallet.ts   |  2 +-
 2 files changed, 24 insertions(+), 36 deletions(-)

diff --git a/govtool/frontend/src/context/wallet.tsx b/govtool/frontend/src/context/wallet.tsx
index d5eda8cf7..d1081d006 100644
--- a/govtool/frontend/src/context/wallet.tsx
+++ b/govtool/frontend/src/context/wallet.tsx
@@ -234,9 +234,9 @@ function CardanoProvider(props: Props) {
     { proposalId: string } & TransactionHistoryItem
   >({ time: undefined, transactionHash: "", proposalId: "" });
   const [isDrepLoading, setIsDrepLoading] = useState<boolean>(true);
-
   const { addSuccessAlert, addWarningAlert, addErrorAlert } = useSnackbar();
   const { t } = useTranslation();
+  const epochParams = getItemFromLocalStorage(PROTOCOL_PARAMS_KEY);
 
   const isPendingTransaction = useCallback(() => {
     if (
@@ -1083,7 +1083,6 @@ function CardanoProvider(props: Props) {
       cip95MetadataHash?: string
     ): Promise<CertificatesBuilder> => {
       try {
-        const epochParams = getItemFromLocalStorage(PROTOCOL_PARAMS_KEY);
         // Build DRep Registration Certificate
         const certBuilder = CertificatesBuilder.new();
 
@@ -1117,7 +1116,7 @@ function CardanoProvider(props: Props) {
         throw e;
       }
     },
-    [dRepID]
+    [epochParams, dRepID]
   );
 
   // conway alpha
@@ -1234,39 +1233,39 @@ function CardanoProvider(props: Props) {
     [dRepID]
   );
 
+  const getRewardAddress = useCallback(async () => {
+    const addresses = await walletApi?.getRewardAddresses();
+    if (!addresses) {
+      throw new Error("Can not get reward addresses from wallet.");
+    }
+    const firstAddress = addresses[0];
+    const bech32Address = Address.from_bytes(
+      Buffer.from(firstAddress, "hex")
+    ).to_bech32();
+
+    return RewardAddress.from_address(Address.from_bech32(bech32Address));
+  }, [walletApi]);
+
   // info action
   const buildNewInfoGovernanceAction = useCallback(
     async ({ hash, url }: InfoProps) => {
       let govActionBuilder = VotingProposalBuilder.new();
-      const govActionDeposit =
-        getItemFromLocalStorage(PROTOCOL_PARAMS_KEY).govActDeposit;
       try {
-        const rewardAddress = await walletApi?.getRewardAddress();
-
-        if (!rewardAddress) {
-          throw new Error("Can not get reward address");
-        }
-
         // Create new info action
         const infoAction = InfoAction.new();
         const infoGovAct = GovernanceAction.new_info_action(infoAction);
         // Create an anchor
         const anchor = generateAnchor(url, hash);
 
-        const rewardAddr = RewardAddress.from_address(
-          Address.from_bech32(rewardAddress)
-        );
-
-        if (!rewardAddr) {
-          throw new Error("Can not convert address to reward address");
-        }
+        const rewardAddr = await getRewardAddress();
+        if (!rewardAddr) throw new Error("Can not get reward address");
 
         // Create voting proposal
         const votingProposal = VotingProposal.new(
           infoGovAct,
           anchor,
           rewardAddr,
-          BigNum.from_str(govActionDeposit)
+          BigNum.from_str(epochParams.gov_action_deposit.toString())
         );
         govActionBuilder.add(votingProposal);
 
@@ -1275,22 +1274,14 @@ function CardanoProvider(props: Props) {
         console.error(err);
       }
     },
-    []
+    [epochParams]
   );
 
   // treasury action
   const buildTreasuryGovernanceAction = useCallback(
     async ({ amount, hash, receivingAddress, url }: TreasuryProps) => {
       const govActionBuilder = VotingProposalBuilder.new();
-      const govActionDeposit =
-        getItemFromLocalStorage(PROTOCOL_PARAMS_KEY).govActDeposit;
       try {
-        const rewardAddress = await walletApi?.getRewardAddress();
-
-        if (!rewardAddress) {
-          throw new Error("Can not get reward address");
-        }
-
         const treasuryTarget = RewardAddress.from_address(
           Address.from_bech32(receivingAddress)
         );
@@ -1307,18 +1298,15 @@ function CardanoProvider(props: Props) {
         // Create an anchor
         const anchor = generateAnchor(url, hash);
 
-        const rewardAddr = RewardAddress.from_address(
-          Address.from_bech32(rewardAddress)
-        );
+        const rewardAddr = await getRewardAddress();
 
-        if (!rewardAddr)
-          throw new Error("Can not convert address to reward address");
+        if (!rewardAddr) throw new Error("Can not get reward address");
         // Create voting proposal
         const votingProposal = VotingProposal.new(
           treasuryGovAct,
           anchor,
           rewardAddr,
-          BigNum.from_str(govActionDeposit)
+          BigNum.from_str(epochParams.gov_action_deposit.toString())
         );
         govActionBuilder.add(votingProposal);
 
@@ -1327,7 +1315,7 @@ function CardanoProvider(props: Props) {
         console.error(err);
       }
     },
-    []
+    [epochParams]
   );
 
   const value = useMemo(
diff --git a/govtool/frontend/src/models/wallet.ts b/govtool/frontend/src/models/wallet.ts
index ebba3d0c1..2baf480c2 100644
--- a/govtool/frontend/src/models/wallet.ts
+++ b/govtool/frontend/src/models/wallet.ts
@@ -94,7 +94,7 @@ export interface CardanoApiWallet {
   getUsedAddresses(): Promise<string[]>;
   getUnusedAddresses(): Promise<string[]>;
   getChangeAddress(): Promise<string>;
-  getRewardAddress(): Promise<string>;
+  getRewardAddresses(): Promise<string[]>;
   getNetworkId(): Promise<number>;
   signData(arg0: any, arg1?: any): Promise<any>;
   signTx(arg0: any, arg1?: any): Promise<any>;

From 2c6e008c607b9f89f804782920485cc3476b3bdc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Sat, 9 Mar 2024 08:04:15 +0100
Subject: [PATCH 100/109] add getRewardAddress to builders dependencies

---
 govtool/frontend/src/context/wallet.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/govtool/frontend/src/context/wallet.tsx b/govtool/frontend/src/context/wallet.tsx
index d1081d006..2d72d4659 100644
--- a/govtool/frontend/src/context/wallet.tsx
+++ b/govtool/frontend/src/context/wallet.tsx
@@ -1274,7 +1274,7 @@ function CardanoProvider(props: Props) {
         console.error(err);
       }
     },
-    [epochParams]
+    [epochParams, getRewardAddress]
   );
 
   // treasury action
@@ -1315,7 +1315,7 @@ function CardanoProvider(props: Props) {
         console.error(err);
       }
     },
-    [epochParams]
+    [epochParams, getRewardAddress]
   );
 
   const value = useMemo(

From e925eabf2e81a519d088df2e57d2016ba1be0a48 Mon Sep 17 00:00:00 2001
From: jankun4 <michaljankun@gmail.com>
Date: Mon, 11 Mar 2024 21:40:53 +0100
Subject: [PATCH 101/109] [#446] extend drep/list endpoint

drep/list endpoint now returns 2 additional fields (status and type), it returns retired dreps and it allows user to search for given drep by drep name
---
 CHANGELOG.md                         |  1 +
 govtool/backend/sql/list-dreps.sql   | 45 ++++++++++++++--
 govtool/backend/src/VVA/API.hs       | 39 ++++++++++++--
 govtool/backend/src/VVA/API/Types.hs | 77 +++++++++++++++++++++++++---
 govtool/backend/src/VVA/DRep.hs      | 14 ++++-
 govtool/backend/src/VVA/Types.hs     | 14 ++++-
 govtool/status-service/app.py        |  2 +-
 7 files changed, 173 insertions(+), 19 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 349a0646e..059c7167d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -40,6 +40,7 @@ changes.
 - Fixed CSP settings to allow error reports with Sentry [Issue 291](https://github.com/IntersectMBO/govtool/issues/291).
 
 ### Changed
+- `drep/list` now return also `status` and `type` fields. Also it now returns the retired dreps, and you can search for given drep by name using optional query parameter. If the drep name is passed exactly, then you can even find a drep that's sole voter. [Issue 446](https://github.com/IntersectMBO/govtool/issues/446)
 - `drep/list` and `drep/info` endpoints now return additional data such as metadata url and hash, and voting power [Issue 223](https://github.com/IntersectMBO/govtool/issues/223)
 - `drep/info` now does not return sole voters (dreps without metadata) [Issue 317](https://github.com/IntersectMBO/govtool/issues/317)
 - `isRegistered` and `wasRegistered` fields in the drep/info endpoint changed to `isRegisteredAsDRep` and `wasRegisteredAsDRep` respectively [Issue 212](https://github.com/IntersectMBO/govtool/issues/212)
diff --git a/govtool/backend/sql/list-dreps.sql b/govtool/backend/sql/list-dreps.sql
index a0a0979ac..931ae6430 100644
--- a/govtool/backend/sql/list-dreps.sql
+++ b/govtool/backend/sql/list-dreps.sql
@@ -5,29 +5,64 @@ WITH DRepDistr AS (
   FROM drep_distr
   JOIN drep_hash
   on drep_hash.id = drep_distr.hash_id
+), DRepActivity AS (
+  select
+    drep_activity as drep_activity,
+    epoch_no as epoch_no
+  from epoch_param
+  where epoch_no is not null
+  order by epoch_no desc
+  limit 1
 )
 
 SELECT
    encode(dh.raw, 'hex'),
+   dh.view,
    va.url,
    encode(va.data_hash, 'hex'),
    dr_deposit.deposit,
-   DRepDistr.amount
+   DRepDistr.amount,
+   (DRepActivity.epoch_no - Max(coalesce(block.epoch_no,block_first_register.epoch_no))) <= DRepActivity.drep_activity as active,
+   second_to_newest_drep_registration.voting_anchor_id is not null as has_voting_anchor
 FROM drep_hash dh
 JOIN (
   SELECT dr.id, dr.drep_hash_id, dr.deposit,
-         ROW_NUMBER() OVER(PARTITION BY dr.drep_hash_id ORDER BY dr.id DESC) AS rn
+         ROW_NUMBER() OVER(PARTITION BY dr.drep_hash_id ORDER BY dr.tx_id DESC) AS rn
   FROM drep_registration dr
-  where dr.deposit > 0
+  where dr.deposit is not null
 ) as dr_deposit
 on dr_deposit.drep_hash_id = dh.id and dr_deposit.rn = 1
 LEFT JOIN (
   SELECT dr.id, dr.drep_hash_id, dr.voting_anchor_id,
-         ROW_NUMBER() OVER(PARTITION BY dr.drep_hash_id ORDER BY dr.id DESC) AS rn
+         ROW_NUMBER() OVER(PARTITION BY dr.drep_hash_id ORDER BY dr.tx_id DESC) AS rn
   FROM drep_registration dr
 ) as dr_voting_anchor
 on dr_voting_anchor.drep_hash_id = dh.id and dr_voting_anchor.rn = 1
+LEFT JOIN (
+  SELECT dr.id, dr.drep_hash_id, dr.voting_anchor_id,
+         ROW_NUMBER() OVER(PARTITION BY dr.drep_hash_id ORDER BY dr.tx_id DESC) AS rn
+  FROM drep_registration dr
+) as second_to_newest_drep_registration
+on second_to_newest_drep_registration.drep_hash_id = dh.id and second_to_newest_drep_registration.rn = 2
 LEFT JOIN DRepDistr
 on DRepDistr.hash_id = dh.id and DRepDistr.rn = 1
-JOIN voting_anchor va ON va.id = dr_voting_anchor.voting_anchor_id
+LEFT JOIN voting_anchor va ON va.id = dr_voting_anchor.voting_anchor_id
+CROSS JOIN DRepActivity
+LEFT JOIN voting_procedure as voting_procedure
+on voting_procedure.drep_voter = dh.id
+LEFT JOIN tx as tx
+on tx.id = voting_procedure.tx_id
+LEFT JOIN block as block
+on block.id = tx.block_id
+JOIN (
+  SELECT dr.tx_id, dr.drep_hash_id,
+         ROW_NUMBER() OVER(PARTITION BY dr.drep_hash_id ORDER BY dr.tx_id ASC) AS rn
+  FROM drep_registration dr
+) as dr_first_register
+on dr_first_register.drep_hash_id = dh.id and dr_first_register.rn = 1
+JOIN tx as tx_first_register
+on tx_first_register.id = dr_first_register.tx_id
+JOIN block as block_first_register
+ON block_first_register.id = tx_first_register.block_id
 
+GROUP BY dh.raw, second_to_newest_drep_registration.voting_anchor_id, dh.view, va.url, va.data_hash, dr_deposit.deposit, DRepDistr.amount, DRepActivity.epoch_no, DRepActivity.drep_activity
diff --git a/govtool/backend/src/VVA/API.hs b/govtool/backend/src/VVA/API.hs
index a61317978..c303fe32f 100644
--- a/govtool/backend/src/VVA/API.hs
+++ b/govtool/backend/src/VVA/API.hs
@@ -35,7 +35,7 @@ import VVA.Network as Network
 import Numeric.Natural (Natural)
 
 type VVAApi =
-         "drep" :> "list" :> Get '[JSON] [DRep]
+         "drep" :> "list" :> QueryParam "drepView" Text :> Get '[JSON] [DRep]
     :<|> "drep" :> "get-voting-power" :> Capture "drepId" HexText :> Get '[JSON] Integer
     :<|> "drep" :> "getVotes" :> Capture "drepId" HexText :> QueryParams "type" GovernanceActionType :> QueryParam "sort" GovernanceActionSortMode :> Get '[JSON] [VoteResponse]
     :<|> "drep" :> "info" :> Capture "drepId" HexText :> Get '[JSON] DRepInfoResponse
@@ -68,11 +68,40 @@ server = drepList
     :<|> throw500
     :<|> getNetworkMetrics
 
-drepList :: App m => m [DRep]
-drepList = do
+
+mapDRepType :: Types.DRepType -> DRepType
+mapDRepType Types.DRep = NormalDRep
+mapDRepType Types.SoleVoter = SoleVoter
+
+mapDRepStatus :: Types.DRepStatus -> DRepStatus
+mapDRepStatus Types.Retired = Retired
+mapDRepStatus Types.Active = Active
+mapDRepStatus Types.Inactive = Inactive
+
+drepRegistrationToDrep :: Types.DRepRegistration -> DRep
+drepRegistrationToDrep Types.DRepRegistration {..} =
+  DRep
+    { dRepDrepId = DRepHash dRepRegistrationDRepHash,
+      dRepView = dRepRegistrationView,
+      dRepUrl = dRepRegistrationUrl,
+      dRepMetadataHash = dRepRegistrationDataHash,
+      dRepDeposit = dRepRegistrationDeposit,
+      dRepVotingPower = dRepRegistrationVotingPower,
+      dRepStatus = mapDRepStatus dRepRegistrationStatus,
+      dRepType = mapDRepType dRepRegistrationType
+    }
+
+drepList :: App m => Maybe Text -> m [DRep]
+drepList mDRepView = do
   CacheEnv {dRepListCache} <- asks vvaCache
-  map (\(Types.DRepRegistration drep_hash url data_hash deposit votingPower) -> DRep (DRepHash drep_hash) url data_hash deposit votingPower)
-    <$> cacheRequest dRepListCache () DRep.listDReps
+  dreps <- cacheRequest dRepListCache () DRep.listDReps
+  let filtered = flip filter dreps $ \Types.DRepRegistration {..} ->
+        case (dRepRegistrationType, mDRepView) of
+          (Types.SoleVoter, Just x) -> x == dRepRegistrationView
+          (Types.DRep, Just x) -> isInfixOf x dRepRegistrationView
+          (Types.DRep, Nothing) -> True
+          _ -> False
+  return $ map drepRegistrationToDrep filtered
 
 getVotingPower :: App m => HexText -> m Integer
 getVotingPower (unHexText -> dRepId) = do
diff --git a/govtool/backend/src/VVA/API/Types.hs b/govtool/backend/src/VVA/API/Types.hs
index d5e24ee21..efc79857d 100644
--- a/govtool/backend/src/VVA/API/Types.hs
+++ b/govtool/backend/src/VVA/API/Types.hs
@@ -511,14 +511,66 @@ instance ToSchema DRepHash where
           ?~ toJSON exampleDrepHash
 
 
+data DRepStatus = Retired | Active | Inactive
+  deriving (Generic, Show)
 
+-- ToJSON instance for DRepStatus
+instance ToJSON DRepStatus where
+  toJSON Retired = "Retired"
+  toJSON Active = "Active"
+  toJSON Inactive = "Inactive"
+
+-- FromJSON instance for DRepStatus
+instance FromJSON DRepStatus where
+  parseJSON = withText "DRepStatus" $ \case
+    "Retired" -> pure Retired
+    "Active" -> pure Active
+    "Inactive" -> pure Inactive
+    _ -> fail "Invalid DRepStatus"
+
+-- ToSchema instance for DRepStatus
+instance ToSchema DRepStatus where
+    declareNamedSchema _ = pure $ NamedSchema (Just "DRepStatus") $ mempty
+        & type_ ?~ OpenApiString
+        & description ?~ "DRep Status"
+        & enum_ ?~ map toJSON [Retired, Active, Inactive]
+
+
+
+data DRepType = NormalDRep | SoleVoter
+
+instance Show DRepType where
+  show NormalDRep = "DRep"
+  show SoleVoter = "SoleVoter"
+
+-- ToJSON instance for DRepType
+instance ToJSON DRepType where
+  toJSON NormalDRep = "DRep"
+  toJSON SoleVoter = "SoleVoter"
+
+-- FromJSON instance for DRepType
+instance FromJSON DRepType where
+  parseJSON = withText "DRepType" $ \case
+    "DRep" -> pure NormalDRep
+    "SoleVoter" -> pure SoleVoter
+    _ -> fail "Invalid DRepType"
+
+-- ToSchema instance for DRepType
+instance ToSchema DRepType where
+    declareNamedSchema _ = pure $ NamedSchema (Just "DRepType") $ mempty
+        & type_ ?~ OpenApiString
+        & description ?~ "DRep Type"
+        & enum_ ?~ map toJSON [NormalDRep, SoleVoter]
 
 data DRep = DRep
   { dRepDrepId :: DRepHash
+  , dRepView :: Text
   , dRepUrl :: Maybe Text
   , dRepMetadataHash :: Maybe Text
   , dRepDeposit :: Integer
   , dRepVotingPower :: Maybe Integer
+  , dRepStatus :: DRepStatus
+  , dRepType :: DRepType
   } deriving (Generic, Show)
 
 
@@ -527,17 +579,30 @@ deriveJSON (jsonOptions "dRep") ''DRep
 exampleDrep :: Text
 exampleDrep =
    "{\"drepId\": \"d3a62ffe9c214e1a6a9809f7ab2a104c117f85e1f171f8f839d94be5\","
+ <> "\"view\": \"drep1l8uyy66sm8u82h82gc8hkcy2xu24dl8ffsh58aa0v7d37yp48u8\","
  <> "\"url\": \"https://proposal.metadata.xyz\","
  <> "\"metadataHash\": \"9af10e89979e51b8cdc827c963124a1ef4920d1253eef34a1d5cfe76438e3f11\","
  <> "\"deposit\": 0,"
- <> "\"votingPower\": 0}"
+ <> "\"votingPower\": 0,"
+ <> "\"status\": \"Active\","
+  <> "\"type\": \"DRep\"}"
 
+-- ToSchema instance for DRep
 instance ToSchema DRep where
-    declareNamedSchema _ = pure $ NamedSchema (Just "DRep") $ mempty
-        & type_ ?~ OpenApiObject
-        & description ?~ "DRep"
-        & example
-          ?~ toJSON exampleDrep
+    declareNamedSchema proxy = do
+      NamedSchema name_ schema_ <-
+        genericDeclareNamedSchema
+        ( fromAesonOptions $ jsonOptions "dRep" )
+        proxy
+      return $
+        NamedSchema name_ $
+          schema_
+            & description ?~ "DRep"
+            & example
+              ?~ toJSON exampleDrep
+
+
+
 
 data GetNetworkMetricsResponse = GetNetworkMetricsResponse
   { getNetworkMetricsResponseCurrentTime :: UTCTime
diff --git a/govtool/backend/src/VVA/DRep.hs b/govtool/backend/src/VVA/DRep.hs
index b0b719402..211119a8e 100644
--- a/govtool/backend/src/VVA/DRep.hs
+++ b/govtool/backend/src/VVA/DRep.hs
@@ -31,6 +31,8 @@ import VVA.Types
   , Proposal(..)
   , Vote(..)
   , DRepInfo(..)
+  , DRepType(..)
+  , DRepStatus(..)
   )
 
 
@@ -60,7 +62,17 @@ listDReps ::
   m [DRepRegistration]
 listDReps = withPool $ \conn -> do
   results <- liftIO $ SQL.query_ conn listDRepsSql
-  return [DRepRegistration drepHash url dataHash (floor @Scientific deposit) votingPower | (drepHash, url, dataHash, deposit, votingPower) <- results]
+  return
+    [ DRepRegistration drepHash drepView url dataHash (floor @Scientific deposit) votingPower status drepType
+    | (drepHash, drepView, url, dataHash, deposit, votingPower, isActive, wasDRep) <- results
+    , let status = case (isActive, deposit) of
+                      (_, d)        | d < 0 -> Retired
+                      (isActive, d) | d >= 0 && isActive -> Active
+                                    | d >= 0 && not isActive -> Inactive
+    , let drepType | url == Nothing && wasDRep = DRep
+                   | url == Nothing && not wasDRep = SoleVoter
+                   | url /= Nothing = DRep
+    ]
 
 getVotesSql :: SQL.Query
 getVotesSql = sqlFrom $(embedFile "sql/get-votes.sql")
diff --git a/govtool/backend/src/VVA/Types.hs b/govtool/backend/src/VVA/Types.hs
index c63ac8b79..e316f34e0 100644
--- a/govtool/backend/src/VVA/Types.hs
+++ b/govtool/backend/src/VVA/Types.hs
@@ -69,12 +69,24 @@ data DRepInfo = DRepInfo
   , dRepInfoVotingPower :: Maybe Integer
   }
 
+data DRepStatus
+  = Retired
+  | Active
+  | Inactive
+
+data DRepType
+  = DRep
+  | SoleVoter
+
 data DRepRegistration = DRepRegistration
- { dRepRegistrationDrepHash :: Text
+ { dRepRegistrationDRepHash :: Text
+ , dRepRegistrationView :: Text
  , dRepRegistrationUrl :: Maybe Text
  , dRepRegistrationDataHash :: Maybe Text
  , dRepRegistrationDeposit :: Integer
  , dRepRegistrationVotingPower :: Maybe Integer
+ , dRepRegistrationStatus :: DRepStatus
+ , dRepRegistrationType :: DRepType
  }
 
 data Proposal = Proposal
diff --git a/govtool/status-service/app.py b/govtool/status-service/app.py
index a453218f4..30942ac1c 100644
--- a/govtool/status-service/app.py
+++ b/govtool/status-service/app.py
@@ -7,7 +7,7 @@
 GRAFANA_PASSWORD = environ['GRAFANA_PASSWORD']
 
 alert_health_mapping = {
-    'inactive': 'healthy',
+    'Inactive': 'healthy',
     'pending': 'warning',
     'firing': 'not healthy'
 }

From f060578cf0dc9aa80528567c45ca5abd1737711d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Placzy=C5=84ski?= <placzynski.pawel@gmail.com>
Date: Tue, 12 Mar 2024 10:09:21 +0100
Subject: [PATCH 102/109] [#188] Prepare Nix shell configuration for frontend
 and backend

Developed Nix shell configurations for both frontend and backend modules
to streamline the build and deployment processes and ensure alignment
with backend setup and dependencies. The new shell configurations
provide necessary tools and dependencies for development environments,
optimizing the overall development workflow.

Changes:
- Updated govtool/backend/default.nix to simplify package retrieval
  using `<nixpkgs>` and removed unnecessary sources file inclusion.
- Created govtool/backend/shell.nix to define additional dependencies
  like awscli, docker, git, and gnumake for the backend module.
- Added govtool/frontend/shell.nix to specify frontend module
  dependencies, ensuring consistency with the backend setup.
---
 govtool/backend/default.nix |  5 +----
 govtool/backend/shell.nix   | 16 ++++++++++++++++
 govtool/frontend/shell.nix  | 12 ++++++++++++
 3 files changed, 29 insertions(+), 4 deletions(-)
 create mode 100644 govtool/backend/shell.nix
 create mode 100644 govtool/frontend/shell.nix

diff --git a/govtool/backend/default.nix b/govtool/backend/default.nix
index 1a7696a4a..aab2212bc 100644
--- a/govtool/backend/default.nix
+++ b/govtool/backend/default.nix
@@ -1,7 +1,4 @@
-# TODO: Remove the sources file and use the nixpkgs version provided from the
-# flakes lock file instead when the flakes feature is present and enabled in the
-# root of the project.
-{ pkgs ? (import ./sources.nix).pkgs }:
+{ pkgs ? import <nixpkgs> {} }:
 let
   # This is the version of the Haskell compiler we reccommend using.
   ghcPackages = pkgs.haskell.packages.ghc927;
diff --git a/govtool/backend/shell.nix b/govtool/backend/shell.nix
new file mode 100644
index 000000000..e020a95a2
--- /dev/null
+++ b/govtool/backend/shell.nix
@@ -0,0 +1,16 @@
+{ pkgs ? import <nixpkgs> {} }:
+let
+  project = import ./default.nix { inherit pkgs; };
+in
+project.overrideAttrs (attrs: {
+  buildInputs = attrs.buildInputs ++ (with pkgs; [
+    awscli
+    docker
+    git
+    gnumake
+  ]);
+
+  shellHook = ''
+    ln -s ${project}/libexec/yarn-nix-example/node_modules node_modules
+  '';
+})
diff --git a/govtool/frontend/shell.nix b/govtool/frontend/shell.nix
new file mode 100644
index 000000000..ec3697994
--- /dev/null
+++ b/govtool/frontend/shell.nix
@@ -0,0 +1,12 @@
+{ pkgs ? import <nixpkgs> {} }:
+let
+  project = import ./default.nix { inherit pkgs; };
+in
+project.overrideAttrs (attrs: {
+  buildInputs = attrs.buildInputs ++ (with pkgs; [
+    awscli
+    docker
+    git
+    gnumake
+  ]);
+})

From 49b75c0a9e8633c9ba811d9c5c8461f0abe60e9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Tue, 12 Mar 2024 10:07:49 +0100
Subject: [PATCH 103/109] fix copy for cancel governance action creation

---
 govtool/frontend/src/i18n/locales/en.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/govtool/frontend/src/i18n/locales/en.ts b/govtool/frontend/src/i18n/locales/en.ts
index 6d08237c9..a01d9de24 100644
--- a/govtool/frontend/src/i18n/locales/en.ts
+++ b/govtool/frontend/src/i18n/locales/en.ts
@@ -328,8 +328,9 @@ export const en = {
       },
       createGovernanceAction: {
         cancelModalDescription:
-          "If you return to the Dashboard, your information will not be saved.",
-        cancelModalTitle: "Do You Want to Cancel Registration ?",
+          "Returning to the Dashboard will cancel your submission and your proposed Governance Action will not be submitted.",
+        cancelModalTitle:
+          "Do you want to Cancel your Governance Action submission?",
       },
       delegation: {
         message:

From 2de724bd188c851de86b9eff03ad9f0ce0a48999 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Sza=C5=82owski?= <michal.szalowski@gmail.com>
Date: Mon, 11 Mar 2024 20:22:58 +0100
Subject: [PATCH 104/109] [#377, #432] feat: form inputs validation

---
 CHANGELOG.md                                  |  17 ++-
 .../src/components/atoms/TextArea.tsx         |   1 +
 .../components/molecules/Field/TextArea.tsx   |  13 +-
 .../ChooseGovernanceActionType.tsx            |  40 +++---
 .../CreateGovernanceActionForm.tsx            | 101 ++++++++-------
 .../ReviewCreatedGovernanceAction.tsx         |   4 +-
 .../StorageInformation.tsx                    |  27 +++-
 .../StoreDataInfo.tsx                         |   8 +-
 .../WhatGovernanceActionIsAbout.tsx           |   6 +-
 .../CreateGovernanceActionSteps/index.ts      |   4 +
 .../src/components/organisms/index.ts         |   4 -
 .../src/consts/governanceActionFields.ts      | 122 ++++++++++++++++++
 .../src/consts/governanceActionTypes.ts       |  64 ---------
 govtool/frontend/src/consts/index.ts          |   2 +-
 .../{index.tsx => contextProviders.tsx}       |   0
 govtool/frontend/src/context/index.ts         |   4 +
 .../forms/useCreateGovernanceActionForm.ts    |  24 ++--
 govtool/frontend/src/i18n/locales/en.ts       |  38 ++++++
 .../src/pages/CreateGovernanceAction.tsx      |   4 +-
 govtool/frontend/src/types/global.d.ts        |   8 ++
 .../frontend/src/types/governanceAction.ts    |  46 +++++++
 21 files changed, 367 insertions(+), 170 deletions(-)
 rename govtool/frontend/src/components/organisms/{ => CreateGovernanceActionSteps}/ChooseGovernanceActionType.tsx (65%)
 rename govtool/frontend/src/components/organisms/{ => CreateGovernanceActionSteps}/CreateGovernanceActionForm.tsx (61%)
 rename govtool/frontend/src/components/organisms/{ => CreateGovernanceActionSteps}/ReviewCreatedGovernanceAction.tsx (98%)
 rename govtool/frontend/src/components/organisms/{ => CreateGovernanceActionSteps}/WhatGovernanceActionIsAbout.tsx (94%)
 create mode 100644 govtool/frontend/src/consts/governanceActionFields.ts
 delete mode 100644 govtool/frontend/src/consts/governanceActionTypes.ts
 rename govtool/frontend/src/context/{index.tsx => contextProviders.tsx} (100%)
 create mode 100644 govtool/frontend/src/context/index.ts
 create mode 100644 govtool/frontend/src/types/governanceAction.ts

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 059c7167d..1b4be57e6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,23 +9,27 @@ As a minor extension, we also keep a semantic version for the `UNRELEASED`
 changes.
 
 ## [Unreleased]
+
 - Create GA review subbmision page [Issue 362](https://github.com/IntersectMBO/govtool/issues/362)
 - Create GA creation form [Issue 360](https://github.com/IntersectMBO/govtool/issues/360)
 - Create TextArea [Issue 110](https://github.com/IntersectMBO/govtool/issues/110)
+- Choose GA type - GA Submiter [Issue 358](https://github.com/IntersectMBO/govtool/issues/358)
+
+- Add on-chain inputs validation [Issue 377](https://github.com/IntersectMBO/govtool/issues/377)
+
+### Added
+
+- Added `isRegisteredAsSoleVoter` and `wasRegisteredAsSoleVoter` fields to the drep/info response [Issue 212](https://github.com/IntersectMBO/govtool/issues/212)
 - Abandoning registration as DRep [Issue 151](https://github.com/IntersectMBO/govtool/issues/151)
 - Abandoning GA creation [Issue 359](https://github.com/IntersectMBO/govtool/issues/359)
-- Choose GA type - GA Submiter [Issue 358](https://github.com/IntersectMBO/govtool/issues/358)
-- Change step 3 components [Issue 152](https://github.com/intersectMBO/govtool/issues/152)
-- Add possibility to vote on behalf of myself - Sole Voter [Issue 119](https://github.com/IntersectMBO/govtool/issues/119)
 - Create DRep registration page about roles [Issue 205](https://github.com/IntersectMBO/govtool/issues/205)
 - Create Checkbox component. Improve Field and ControlledField [Issue 177](https://github.com/IntersectMBO/govtool/pull/177)
 - Vitest unit tests added for utils functions [Issue 81](https://github.com/IntersectMBO/govtool/issues/81)
 - i18next library added to FE [Issue 80](https://github.com/IntersectMBO/govtool/issues/80)
-
-### Added
-- Added `isRegisteredAsSoleVoter` and `wasRegisteredAsSoleVoter` fields to the drep/info response [Issue 212](https://github.com/IntersectMBO/govtool/issues/212)
+- Add possibility to vote on behalf of myself - Sole Voter [Issue 119](https://github.com/IntersectMBO/govtool/issues/119)
 
 ### Fixed
+
 - Fix drep type detection when changing metadata [Issue 333](https://github.com/IntersectMBO/govtool/issues/333)
 - Fix make button disble when wallet tries connect [Issue 265](https://github.com/IntersectMBO/govtool/issues/265)
 - Fix drep voting power calculation [Issue 231](https://github.com/IntersectMBO/govtool/issues/231)
@@ -58,6 +62,7 @@ changes.
 - Added a grafana panel to track all the deploys on the target machines [Issue 361](https://github.com/IntersectMBO/govtool/issues/361).
 
 ### Removed
+
 -
 
 ## [sancho-v1.0.0](https://github.com/IntersectMBO/govtool/releases/tag/sancho-v1.0.0) 2023-12-17
diff --git a/govtool/frontend/src/components/atoms/TextArea.tsx b/govtool/frontend/src/components/atoms/TextArea.tsx
index 06c778a04..0e5b0eacd 100644
--- a/govtool/frontend/src/components/atoms/TextArea.tsx
+++ b/govtool/frontend/src/components/atoms/TextArea.tsx
@@ -55,6 +55,7 @@ export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
       <TextAreaBase
         style={{
           border: `1px solid ${errorMessage ? "red" : "#6F99FF"}`,
+          backgroundColor: errorMessage ? "#FAEAEB" : "white",
           borderRadius: "24px",
           height: isMobile ? "104px" : "128px",
           outline: "none",
diff --git a/govtool/frontend/src/components/molecules/Field/TextArea.tsx b/govtool/frontend/src/components/molecules/Field/TextArea.tsx
index 8a358a6db..73b91be86 100644
--- a/govtool/frontend/src/components/molecules/Field/TextArea.tsx
+++ b/govtool/frontend/src/components/molecules/Field/TextArea.tsx
@@ -75,7 +75,12 @@ export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaFieldProps>(
             {label}
           </Typography>
         )}
-        <TextAreaBase maxLength={maxLength} {...props} ref={textAreaRef} />
+        <TextAreaBase
+          errorMessage={errorMessage}
+          maxLength={maxLength}
+          {...props}
+          ref={textAreaRef}
+        />
         <FormHelpfulText
           helpfulText={helpfulText}
           helpfulTextStyle={helpfulTextStyle}
@@ -86,7 +91,11 @@ export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaFieldProps>(
         />
         <Typography
           color="#8E908E"
-          sx={{ bottom: 35, position: "absolute", right: 15 }}
+          sx={{
+            bottom: errorMessage ? 52.5 : 35,
+            position: "absolute",
+            right: 15,
+          }}
           variant="caption"
         >
           {props?.value?.toString()?.length ?? 0}/{maxLength}
diff --git a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/ChooseGovernanceActionType.tsx
similarity index 65%
rename from govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
rename to govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/ChooseGovernanceActionType.tsx
index da64375e6..e90606635 100644
--- a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/ChooseGovernanceActionType.tsx
@@ -1,14 +1,13 @@
 import { Dispatch, SetStateAction } from "react";
-
 import { ActionRadio, Spacer, Typography } from "@atoms";
-import { GOVERNANCE_ACTION_TYPES } from "@consts";
 import {
   useCreateGovernanceActionForm,
   useScreenDimension,
   useTranslation,
 } from "@hooks";
+import { GovernanceActionType } from "@/types/governanceAction";
 
-import { BgCard } from "./BgCard";
+import { BgCard } from "../BgCard";
 
 type ChooseGovernanceActionTypeProps = {
   setStep: Dispatch<SetStateAction<number>>;
@@ -32,25 +31,26 @@ export const ChooseGovernanceActionType = ({
   };
 
   // TODO: Add tooltips when they will be available
-  const renderGovernanceActionTypes = () => {
-    return GOVERNANCE_ACTION_TYPES.map((type, index) => {
-      const isChecked = getValues("governance_action_type") === type;
-      return (
-        <div key={type}>
-          <ActionRadio
-            isChecked={isChecked}
-            onChange={onChangeType}
-            title={type}
-            value={type}
-          />
-          {index + 1 < GOVERNANCE_ACTION_TYPES.length ? <Spacer y={2} /> : null}
-        </div>
-      );
-    });
-  };
+  const renderGovernanceActionTypes = () =>
+    Object.keys(GovernanceActionType).map(
+      (type, index, governanceActionTypes) => {
+        const isChecked = getValues("governance_action_type") === type;
+        return (
+          <div key={type}>
+            <ActionRadio
+              isChecked={isChecked}
+              onChange={onChangeType}
+              title={type}
+              value={type}
+            />
+            {index + 1 < governanceActionTypes.length ? <Spacer y={2} /> : null}
+          </div>
+        );
+      }
+    );
 
   const onChangeType = (value: string) => {
-    setValue("governance_action_type", value);
+    setValue("governance_action_type", value as GovernanceActionType);
   };
 
   return (
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/CreateGovernanceActionForm.tsx
similarity index 61%
rename from govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
rename to govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/CreateGovernanceActionForm.tsx
index b48a536af..0d49018e5 100644
--- a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/CreateGovernanceActionForm.tsx
@@ -3,26 +3,32 @@ import { useFieldArray } from "react-hook-form";
 import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline";
 
 import { Button, InfoText, Spacer, Typography } from "@atoms";
-import { GOVERNANCE_ACTIONS_FIELDS } from "@consts";
+import { GOVERNANCE_ACTION_FIELDS } from "@consts";
 import { useCreateGovernanceActionForm, useTranslation } from "@hooks";
 import { Field } from "@molecules";
 
-import { BgCard } from "./BgCard";
-import { ControlledField } from "./ControlledField";
+import { BgCard } from "../BgCard";
+import { ControlledField } from "../ControlledField";
+import { GovernanceActionField } from "@/types/governanceAction";
+import { URL_REGEX } from "@/utils";
 
 const LINK_PLACEHOLDER = "https://website.com/";
 const MAX_NUMBER_OF_LINKS = 8;
 
-type ChooseGovernanceActionTypeProps = {
+type CreateGovernanceActionFormProps = {
   setStep: Dispatch<SetStateAction<number>>;
 };
 
 export const CreateGovernanceActionForm = ({
   setStep,
-}: ChooseGovernanceActionTypeProps) => {
+}: CreateGovernanceActionFormProps) => {
   const { t } = useTranslation();
   const { control, errors, getValues, register, reset, watch } =
     useCreateGovernanceActionForm();
+
+  const isError = Object.keys(errors).length > 0;
+
+  const type = getValues("governance_action_type");
   const {
     append,
     fields: links,
@@ -32,16 +38,11 @@ export const CreateGovernanceActionForm = ({
     name: "links",
   });
 
-  const governanceActionType = getValues("governance_action_type");
-  const fields =
-    GOVERNANCE_ACTIONS_FIELDS.find(
-      (field) => field.name === governanceActionType
-    )?.fields ?? [];
-
   // TODO: Replace any
-  const isContinueButtonDisabled = Object.keys(fields).some(
-    (field: any) => !watch(field)
-  );
+  const isContinueButtonDisabled =
+    Object.keys(GOVERNANCE_ACTION_FIELDS[type!]).some(
+      (field: any) => !watch(field)
+    ) || isError;
 
   const onClickContinue = () => {
     setStep(4);
@@ -53,37 +54,35 @@ export const CreateGovernanceActionForm = ({
   };
 
   const renderGovernanceActionField = () => {
-    return Object.entries(fields).map(([key, value]) => {
-      const label =
-        key.charAt(0).toUpperCase() + key.slice(1).replace("_", " ");
-
-      if (value.component === "input") {
-        return (
-          <ControlledField.Input
-            {...{ control, errors }}
-            helpfulText={value.tip}
-            key={key}
-            label={label}
-            layoutStyles={{ mb: 3 }}
-            name={key}
-            placeholder={value.placeholder}
-          />
-        );
-      }
-      if (value.component === "textarea") {
-        return (
-          <ControlledField.TextArea
-            {...{ control, errors }}
-            helpfulText={value.tip}
-            key={key}
-            label={label}
-            layoutStyles={{ mb: 3 }}
-            name={key}
-            placeholder={value.placeholder}
-          />
-        );
+    return Object.entries(GOVERNANCE_ACTION_FIELDS[type!]).map(
+      ([key, field]) => {
+        const fieldProps = {
+          helpfulText: field.tipI18nKey ? t(field.tipI18nKey) : undefined,
+          key,
+          label: t(field.labelI18nKey),
+          layoutStyles: { mb: 3 },
+          name: key,
+          placeholder: field.placeholderI18nKey
+            ? t(field.placeholderI18nKey)
+            : undefined,
+          rules: field.rules,
+        };
+
+        if (field.component === GovernanceActionField.Input) {
+          return (
+            <ControlledField.Input {...{ control, errors }} {...fieldProps} />
+          );
+        }
+        if (field.component === GovernanceActionField.TextArea) {
+          return (
+            <ControlledField.TextArea
+              {...{ control, errors }}
+              {...fieldProps}
+            />
+          );
+        }
       }
-    });
+    );
   };
 
   const addLink = useCallback(() => {
@@ -102,6 +101,7 @@ export const CreateGovernanceActionForm = ({
       return (
         <ControlledField.Input
           {...register(`links.${index}.link`)}
+          errors={errors}
           endAdornment={
             links.length > 1 ? (
               <DeleteOutlineIcon
@@ -115,6 +115,17 @@ export const CreateGovernanceActionForm = ({
           label={t("forms.link") + ` ${index + 1}`}
           layoutStyles={{ mb: 3 }}
           placeholder={LINK_PLACEHOLDER}
+          name={`links.${index}.link`}
+          rules={{
+            required: {
+              value: true,
+              message: t("createGovernanceAction.fields.validations.required"),
+            },
+            pattern: {
+              value: URL_REGEX,
+              message: t("createGovernanceAction.fields.validations.url"),
+            },
+          }}
         />
       );
     });
@@ -136,7 +147,7 @@ export const CreateGovernanceActionForm = ({
         disabled={true}
         helpfulText={t("forms.createGovernanceAction.typeTip")}
         label={t("forms.createGovernanceAction.typeLabel")}
-        value={governanceActionType}
+        value={type}
       />
       <Spacer y={3} />
       {renderGovernanceActionField()}
diff --git a/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/ReviewCreatedGovernanceAction.tsx
similarity index 98%
rename from govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx
rename to govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/ReviewCreatedGovernanceAction.tsx
index f05db801e..6afc22249 100644
--- a/govtool/frontend/src/components/organisms/ReviewCreatedGovernanceAction.tsx
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/ReviewCreatedGovernanceAction.tsx
@@ -1,4 +1,3 @@
-import { Dispatch, SetStateAction } from "react";
 import { Box } from "@mui/material";
 import DriveFileRenameOutlineOutlinedIcon from "@mui/icons-material/DriveFileRenameOutlineOutlined";
 
@@ -12,7 +11,8 @@ import {
 import { LinkWithIcon } from "@molecules";
 import { openInNewTab } from "@utils";
 
-import { BgCard } from "./BgCard";
+import { BgCard } from "../BgCard";
+import { Dispatch, SetStateAction } from "react";
 
 type ReviewCreatedGovernanceActionProps = {
   setStep: Dispatch<SetStateAction<number>>;
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx
index 38e9dbbcf..41bd01112 100644
--- a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx
@@ -6,13 +6,13 @@ import { Button, Spacer, Typography } from "@atoms";
 import { useCreateGovernanceActionForm, useTranslation } from "@hooks";
 import { Step } from "@molecules";
 import { BgCard, ControlledField } from "@organisms";
-import { downloadJson, openInNewTab } from "@utils";
+import { URL_REGEX, downloadJson, openInNewTab } from "@utils";
 
-export const StorageInformation = ({
-  setStep,
-}: {
+type StorageInformationProps = {
   setStep: Dispatch<SetStateAction<number>>;
-}) => {
+};
+
+export const StorageInformation = ({ setStep }: StorageInformationProps) => {
   const { t } = useTranslation();
   const {
     control,
@@ -23,6 +23,7 @@ export const StorageInformation = ({
     watch,
   } = useCreateGovernanceActionForm();
   const [isJsonDownloaded, setIsJsonDownloaded] = useState<boolean>(false);
+
   // TODO: change on correct file name
   const fileName = getValues("governance_action_type");
 
@@ -36,7 +37,7 @@ export const StorageInformation = ({
 
   const onClickBack = useCallback(() => setStep(5), []);
 
-  const onClickDowloadJson = () => {
+  const onClickDownloadJson = () => {
     const data = getValues();
     const jsonBody = generateJsonBody(data);
     downloadJson(jsonBody, fileName);
@@ -66,7 +67,7 @@ export const StorageInformation = ({
           // TODO: add onClick action when available
           component={
             <Button
-              onClick={onClickDowloadJson}
+              onClick={onClickDownloadJson}
               size="extraLarge"
               sx={{ width: "fit-content" }}
             >
@@ -109,6 +110,18 @@ export const StorageInformation = ({
               placeholder={t(
                 "createGovernanceAction.storingInformationURLPlaceholder"
               )}
+              rules={{
+                required: {
+                  value: true,
+                  message: t(
+                    "createGovernanceAction.fields.validations.required"
+                  ),
+                },
+                pattern: {
+                  value: URL_REGEX,
+                  message: t("createGovernanceAction.fields.validations.url"),
+                },
+              }}
             />
           }
           label={t("createGovernanceAction.storingInformationStep3Label")}
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx
index b4dbea7b4..a36888444 100644
--- a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StoreDataInfo.tsx
@@ -10,11 +10,11 @@ import {
 import { BgCard, ControlledField } from "@organisms";
 import { openInNewTab } from "@utils";
 
-export const StoreDataInfo = ({
-  setStep,
-}: {
+type StoreDataInfoProps = {
   setStep: Dispatch<SetStateAction<number>>;
-}) => {
+};
+
+export const StoreDataInfo = ({ setStep }: StoreDataInfoProps) => {
   const { t } = useTranslation();
   const { control, errors, watch } = useCreateGovernanceActionForm();
   const { isMobile } = useScreenDimension();
diff --git a/govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/WhatGovernanceActionIsAbout.tsx
similarity index 94%
rename from govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx
rename to govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/WhatGovernanceActionIsAbout.tsx
index 5617b4221..380b3c8ab 100644
--- a/govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/WhatGovernanceActionIsAbout.tsx
@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction, useCallback } from "react";
+import { useCallback, Dispatch, SetStateAction } from "react";
 import { Trans } from "react-i18next";
 
 import { Typography } from "@atoms";
@@ -9,7 +9,7 @@ import {
   PROTOCOL_PARAMS_KEY,
 } from "@utils";
 
-import { BgCard } from ".";
+import { BgCard } from "..";
 
 type WhatGovernanceActionIsAboutProps = {
   onClickCancel: () => void;
@@ -17,8 +17,8 @@ type WhatGovernanceActionIsAboutProps = {
 };
 
 export const WhatGovernanceActionIsAbout = ({
-  setStep,
   onClickCancel,
+  setStep,
 }: WhatGovernanceActionIsAboutProps) => {
   const { t } = useTranslation();
   const { isMobile } = useScreenDimension();
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/index.ts b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/index.ts
index 8a4cf44d1..caa32e87c 100644
--- a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/index.ts
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/index.ts
@@ -1,2 +1,6 @@
+export * from "./ChooseGovernanceActionType";
+export * from "./CreateGovernanceActionForm";
+export * from "./ReviewCreatedGovernanceAction";
 export * from "./StorageInformation";
 export * from "./StoreDataInfo";
+export * from "./WhatGovernanceActionIsAbout";
diff --git a/govtool/frontend/src/components/organisms/index.ts b/govtool/frontend/src/components/organisms/index.ts
index 3d1a6b759..57b806873 100644
--- a/govtool/frontend/src/components/organisms/index.ts
+++ b/govtool/frontend/src/components/organisms/index.ts
@@ -1,9 +1,7 @@
 export * from "./BgCard";
-export * from "./ChooseGovernanceActionType";
 export * from "./ChooseStakeKeyPanel";
 export * from "./ChooseWalletModal";
 export * from "./ControlledField";
-export * from "./CreateGovernanceActionForm";
 export * from "./CreateGovernanceActionSteps";
 export * from "./DashboardCards";
 export * from "./DashboardCards";
@@ -29,9 +27,7 @@ export * from "./RegisterAsSoleVoterBox";
 export * from "./RegisterAsSoleVoterBoxContent";
 export * from "./RetireAsSoleVoterBox";
 export * from "./RetireAsSoleVoterBoxContent";
-export * from "./ReviewCreatedGovernanceAction";
 export * from "./Slider";
 export * from "./StatusModal";
 export * from "./TopNav";
 export * from "./VotingPowerModal";
-export * from "./WhatGovernanceActionIsAbout";
diff --git a/govtool/frontend/src/consts/governanceActionFields.ts b/govtool/frontend/src/consts/governanceActionFields.ts
new file mode 100644
index 000000000..42fc035d1
--- /dev/null
+++ b/govtool/frontend/src/consts/governanceActionFields.ts
@@ -0,0 +1,122 @@
+import I18n from "@/i18n";
+import {
+  GovernanceActionType,
+  GovernanceActionFields,
+  GovernanceActionField,
+  SharedGovernanceActionFieldSchema,
+} from "@/types/governanceAction";
+import { bech32 } from "bech32";
+
+const sharedGovernanceActionFields: SharedGovernanceActionFieldSchema = {
+  title: {
+    component: GovernanceActionField.Input,
+    labelI18nKey: "createGovernanceAction.fields.declarations.title.label",
+    placeholderI18nKey:
+      "createGovernanceAction.fields.declarations.title.placeholder",
+    rules: {
+      required: {
+        value: true,
+        message: I18n.t("createGovernanceAction.fields.validations.required"),
+      },
+    },
+  },
+  abstract: {
+    component: GovernanceActionField.TextArea,
+    labelI18nKey: "createGovernanceAction.fields.declarations.abstract.label",
+    placeholderI18nKey:
+      "createGovernanceAction.fields.declarations.abstract.placeholder",
+    tipI18nKey: "createGovernanceAction.fields.declarations.abstract.tip",
+    rules: {
+      required: {
+        value: true,
+        message: I18n.t("createGovernanceAction.fields.validations.required"),
+      },
+      maxLength: {
+        value: 500,
+        message: I18n.t("createGovernanceAction.fields.validations.maxLength", {
+          maxLength: 500,
+        }),
+      },
+    },
+  },
+  motivation: {
+    component: GovernanceActionField.TextArea,
+    labelI18nKey: "createGovernanceAction.fields.declarations.motivation.label",
+    placeholderI18nKey:
+      "createGovernanceAction.fields.declarations.motivation.placeholder",
+    tipI18nKey: "createGovernanceAction.fields.declarations.motivation.tip",
+    rules: {
+      required: {
+        value: true,
+        message: I18n.t("createGovernanceAction.fields.validations.required"),
+      },
+      maxLength: {
+        value: 500,
+        message: I18n.t("createGovernanceAction.fields.validations.maxLength", {
+          maxLength: 500,
+        }),
+      },
+    },
+  },
+  rationale: {
+    component: GovernanceActionField.TextArea,
+    labelI18nKey: "createGovernanceAction.fields.declarations.rationale.label",
+    placeholderI18nKey:
+      "createGovernanceAction.fields.declarations.rationale.placeholder",
+    tipI18nKey: "createGovernanceAction.fields.declarations.rationale.tip",
+    rules: {
+      required: {
+        value: true,
+        message: I18n.t("createGovernanceAction.fields.validations.required"),
+      },
+      maxLength: {
+        value: 500,
+        message: I18n.t("createGovernanceAction.fields.validations.maxLength", {
+          maxLength: 500,
+        }),
+      },
+    },
+  },
+};
+
+export const GOVERNANCE_ACTION_FIELDS: GovernanceActionFields = {
+  [GovernanceActionType.Info]: sharedGovernanceActionFields,
+  [GovernanceActionType.Treasury]: {
+    ...sharedGovernanceActionFields,
+    receivingAddress: {
+      component: GovernanceActionField.Input,
+      labelI18nKey:
+        "createGovernanceAction.fields.declarations.receivingAddress.label",
+      placeholderI18nKey:
+        "createGovernanceAction.fields.declarations.receivingAddress.placeholder",
+      rules: {
+        validate: (value) => {
+          if (bech32.decode(value).words.length) {
+            return true;
+          } else {
+            return I18n.t("createGovernanceAction.fields.validations.bech32");
+          }
+        },
+      },
+    },
+    amount: {
+      component: GovernanceActionField.Input,
+      labelI18nKey: "createGovernanceAction.fields.declarations.amount.label",
+      placeholderI18nKey:
+        "createGovernanceAction.fields.declarations.amount.placeholder",
+      rules: {
+        required: {
+          value: true,
+          message: I18n.t("createGovernanceAction.fields.validations.required"),
+        },
+        validate: (value) => {
+          if (Number.isInteger(Number(value))) {
+            return true;
+          } else {
+            return I18n.t("createGovernanceAction.fields.validations.number");
+          }
+        },
+      },
+    },
+  },
+} as const;
diff --git a/govtool/frontend/src/consts/governanceActionTypes.ts b/govtool/frontend/src/consts/governanceActionTypes.ts
deleted file mode 100644
index d8351108c..000000000
--- a/govtool/frontend/src/consts/governanceActionTypes.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-export const GOVERNANCE_ACTION_TYPES = ["Info", "Treasury"];
-
-export const GOVERNANCE_ACTIONS_FIELDS = [
-  {
-    name: "Info",
-    fields: {
-      title: {
-        component: "input",
-        placeholder: "A name for this Action",
-        tip: "",
-      },
-      abstract: {
-        component: "textarea",
-        placeholder: "Summary",
-        tip: "General summary of the Action",
-      },
-      motivation: {
-        component: "textarea",
-        placeholder: "Problem this GA will solve",
-        tip: "How will this solve a problem",
-      },
-      rationale: {
-        component: "textarea",
-        placeholder: "Content of Governance Action",
-        tip: "Put all the content of the GA here",
-      },
-    },
-  },
-  {
-    name: "Treasury",
-    fields: {
-      title: {
-        component: "input",
-        placeholder: "A name for this Action",
-        tip: "",
-      },
-      abstract: {
-        component: "textarea",
-        placeholder: "Summary",
-        tip: "General summary of the Action",
-      },
-      motivation: {
-        component: "textarea",
-        placeholder: "Problem this GA will solve",
-        tip: "How will this solve a problem",
-      },
-      rationale: {
-        component: "textarea",
-        placeholder: "Content of Governance Action",
-        tip: "Put all the content of the GA here",
-      },
-      receiving_address: {
-        component: "input",
-        placeholder: "Receiving address",
-        tip: "",
-      },
-      amount: {
-        component: "input",
-        placeholder: "e.g. 20000",
-        tip: "",
-      },
-    },
-  },
-];
diff --git a/govtool/frontend/src/consts/index.ts b/govtool/frontend/src/consts/index.ts
index 12f9ae298..a3d14880e 100644
--- a/govtool/frontend/src/consts/index.ts
+++ b/govtool/frontend/src/consts/index.ts
@@ -1,4 +1,4 @@
-export * from "./governanceActionTypes";
+export * from "./governanceActionFields";
 export * from "./governanceActionsFilters";
 export * from "./governanceActionsSorting";
 export * from "./icons";
diff --git a/govtool/frontend/src/context/index.tsx b/govtool/frontend/src/context/contextProviders.tsx
similarity index 100%
rename from govtool/frontend/src/context/index.tsx
rename to govtool/frontend/src/context/contextProviders.tsx
diff --git a/govtool/frontend/src/context/index.ts b/govtool/frontend/src/context/index.ts
new file mode 100644
index 000000000..fec76656f
--- /dev/null
+++ b/govtool/frontend/src/context/index.ts
@@ -0,0 +1,4 @@
+export * from "./contextProviders";
+export * from "./modal";
+export * from "./snackbar";
+export * from "./wallet";
diff --git a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
index 920070a07..9efc17c90 100644
--- a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
+++ b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
@@ -1,16 +1,19 @@
+import {
+  GovernanceActionFieldSchemas,
+  GovernanceActionType,
+} from "@/types/governanceAction";
 import { useCallback, useState } from "react";
 import { useFormContext } from "react-hook-form";
 
-type createGovernanceActionValues = {
-  governance_action_type: string;
+export type CreateGovernanceActionValues = {
   links?: { link: string }[];
   storeData?: boolean;
   storingURL: string;
-};
+  governance_action_type?: GovernanceActionType;
+} & Partial<Record<keyof GovernanceActionFieldSchemas, string>>;
 
-export const defaulCreateGovernanceActionValues: createGovernanceActionValues =
+export const defaulCreateGovernanceActionValues: CreateGovernanceActionValues =
   {
-    governance_action_type: "",
     links: [{ link: "" }],
     storeData: false,
     storingURL: "",
@@ -28,16 +31,17 @@ export const useCreateGovernanceActionForm = () => {
     watch,
     register,
     reset,
-  } = useFormContext<createGovernanceActionValues>();
+  } = useFormContext<CreateGovernanceActionValues>();
 
-  const generateJsonBody = (data: createGovernanceActionValues) => {
+  // TODO: To be moved to utils
+  const generateJsonBody = (data: CreateGovernanceActionValues) => {
     const filteredData = Object.entries(data).filter(
       ([key]) => !Object.keys(defaulCreateGovernanceActionValues).includes(key)
     );
-    const references = data.links
+    const references = (data as CreateGovernanceActionValues).links
       ?.filter((link) => link.link)
       .map((link) => {
-        // TODO: Label isnt available and harcoded Other for type
+        // TODO: Label isnt available and hardcoded Other for type
         return { "@type": "Other", label: "Testlabel", uri: link.link };
       });
     const body = { ...Object.fromEntries(filteredData), references };
@@ -46,7 +50,7 @@ export const useCreateGovernanceActionForm = () => {
     return jsonStr;
   };
 
-  const onSubmit = useCallback(async (data: createGovernanceActionValues) => {
+  const onSubmit = useCallback(async (data: CreateGovernanceActionValues) => {
     try {
       setIsLoading(true);
       const jsonBody = generateJsonBody(data);
diff --git a/govtool/frontend/src/i18n/locales/en.ts b/govtool/frontend/src/i18n/locales/en.ts
index a01d9de24..edc1e2be7 100644
--- a/govtool/frontend/src/i18n/locales/en.ts
+++ b/govtool/frontend/src/i18n/locales/en.ts
@@ -153,6 +153,44 @@ export const en = {
       storingInformationURLPlaceholder: "URL",
       supportingLinks: "Supporting links",
       title: "Create a Governance Action",
+      fields: {
+        declarations: {
+          title: {
+            label: "Title",
+            placeholder: "A name for this Action",
+          },
+          abstract: {
+            label: "Abstract",
+            placeholder: "Summary",
+            tip: "General summary of the Action",
+          },
+          motivation: {
+            label: "Motivation",
+            placeholder: "Problem this GA will solve",
+            tip: "How will this solve a problem",
+          },
+          rationale: {
+            label: "Rationale",
+            placeholder: "Content of Governance Action",
+            tip: "Put all the content of the GA here",
+          },
+          receivingAddress: {
+            label: "Receiving Address",
+            placeholder: "The address to receive funds",
+          },
+          amount: {
+            label: "Amount",
+            placeholder: "e.g. 20000",
+          },
+        },
+        validations: {
+          maxLength: "Max {{maxLength}} characters",
+          required: "This field is required",
+          bech32: "Invalid bech32 address",
+          number: "Only number is allowed",
+          url: "Invalid URL",
+        },
+      },
     },
     delegation: {
       description:
diff --git a/govtool/frontend/src/pages/CreateGovernanceAction.tsx b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
index 43729f245..5ebf6a602 100644
--- a/govtool/frontend/src/pages/CreateGovernanceAction.tsx
+++ b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
@@ -25,14 +25,14 @@ import {
 import { checkIsWalletConnected } from "@utils";
 
 export const CreateGovernanceAction = () => {
+  const [step, setStep] = useState(1);
   const navigate = useNavigate();
   const { t } = useTranslation();
   const { isMobile } = useScreenDimension();
   const { closeModal, openModal } = useModal();
-  const [step, setStep] = useState(1);
 
   const methods = useForm({
-    mode: "onBlur",
+    mode: "onChange",
     defaultValues: defaulCreateGovernanceActionValues,
   });
 
diff --git a/govtool/frontend/src/types/global.d.ts b/govtool/frontend/src/types/global.d.ts
index 1357c1d86..e33ed0b3d 100644
--- a/govtool/frontend/src/types/global.d.ts
+++ b/govtool/frontend/src/types/global.d.ts
@@ -40,4 +40,12 @@ declare global {
     title: string;
     actions: ActionType[];
   }[];
+
+  type NestedKeys<T> = T extends Record<string, any>
+    ? {
+        [K in keyof T]: T[K] extends Record<string, any>
+          ? `${string & K}.${NestedKeys<T[K]>}`
+          : string & K;
+      }[keyof T]
+    : never;
 }
diff --git a/govtool/frontend/src/types/governanceAction.ts b/govtool/frontend/src/types/governanceAction.ts
new file mode 100644
index 000000000..5fd0b13eb
--- /dev/null
+++ b/govtool/frontend/src/types/governanceAction.ts
@@ -0,0 +1,46 @@
+import { en } from "@/i18n/locales/en";
+import { RegisterOptions } from "react-hook-form";
+
+export enum GovernanceActionType {
+  Info = "Info",
+  Treasury = "Treasury",
+}
+
+export enum GovernanceActionField {
+  Input = "input",
+  TextArea = "textarea",
+}
+
+export type FieldSchema = {
+  component: GovernanceActionField | [GovernanceActionField];
+  labelI18nKey: NestedKeys<(typeof en)["translation"]>;
+  placeholderI18nKey: NestedKeys<(typeof en)["translation"]>;
+  tipI18nKey?: NestedKeys<(typeof en)["translation"]>;
+  rules: Omit<RegisterOptions, "valueAsNumber" | "valueAsDate" | "setValueAs">;
+};
+
+// Following properties are based on [CIP-108](https://github.com/Ryun1/CIPs/blob/governance-metadata-actions/CIP-0108/README.md)
+// Which is an extension of [CIP-100](https://github.com/cardano-foundation/CIPs/tree/master/CIP-0100)
+// That classifies `body` parameter of the metadata
+export type SharedGovernanceActionFieldSchema = {
+  title: FieldSchema;
+  abstract: FieldSchema;
+  motivation: FieldSchema;
+  rationale: FieldSchema;
+};
+
+export type InfoGovernanceActionFieldSchema = SharedGovernanceActionFieldSchema;
+export type TreasuryGovernanceActionFieldSchema =
+  SharedGovernanceActionFieldSchema & {
+    receivingAddress: FieldSchema;
+    amount: FieldSchema;
+  };
+
+export type GovernanceActionFieldSchemas =
+  | InfoGovernanceActionFieldSchema
+  | TreasuryGovernanceActionFieldSchema;
+
+export type GovernanceActionFields = Record<
+  GovernanceActionType,
+  GovernanceActionFieldSchemas
+>;

From 21c2a0a57c51a63b8d5250863bb2627f133c64e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Tue, 12 Mar 2024 13:54:33 +0100
Subject: [PATCH 105/109] [#364] add download icon into download json button

---
 govtool/frontend/public/icons/Download.svg                   | 5 +++++
 .../CreateGovernanceActionSteps/StorageInformation.tsx       | 3 ++-
 govtool/frontend/src/consts/icons.ts                         | 1 +
 3 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 govtool/frontend/public/icons/Download.svg

diff --git a/govtool/frontend/public/icons/Download.svg b/govtool/frontend/public/icons/Download.svg
new file mode 100644
index 000000000..c39977182
--- /dev/null
+++ b/govtool/frontend/public/icons/Download.svg
@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5 12.5V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V12.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.83301 8.33594L9.99967 12.5026L14.1663 8.33594" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 12.5V2.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx
index 41bd01112..4454b897d 100644
--- a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx
@@ -3,6 +3,7 @@ import { Box } from "@mui/material";
 import OpenInNewIcon from "@mui/icons-material/OpenInNew";
 
 import { Button, Spacer, Typography } from "@atoms";
+import { ICONS } from "@consts";
 import { useCreateGovernanceActionForm, useTranslation } from "@hooks";
 import { Step } from "@molecules";
 import { BgCard, ControlledField } from "@organisms";
@@ -64,11 +65,11 @@ export const StorageInformation = ({ setStep }: StorageInformationProps) => {
       </Typography>
       <Box sx={{ my: 4 }}>
         <Step
-          // TODO: add onClick action when available
           component={
             <Button
               onClick={onClickDownloadJson}
               size="extraLarge"
+              startIcon={<img src={ICONS.download} />}
               sx={{ width: "fit-content" }}
             >
               {`${fileName}.jsonld`}
diff --git a/govtool/frontend/src/consts/icons.ts b/govtool/frontend/src/consts/icons.ts
index 1cb22944b..2a5fc394d 100644
--- a/govtool/frontend/src/consts/icons.ts
+++ b/govtool/frontend/src/consts/icons.ts
@@ -12,6 +12,7 @@ export const ICONS = {
   copyWhiteIcon: "/icons/CopyWhite.svg",
   dashboardActiveIcon: "/icons/DashboardActive.svg",
   dashboardIcon: "/icons/Dashboard.svg",
+  download: "/icons/Download.svg",
   drawerIcon: "/icons/DrawerIcon.svg",
   externalLinkIcon: "/icons/ExternalLink.svg",
   faqsActiveIcon: "/icons/FaqsActive.svg",

From 68c6b11fa596a0b7c591257c8b24993ee01405ed Mon Sep 17 00:00:00 2001
From: Joanna Dyczka <joanna.dyczka@binarapps.com>
Date: Fri, 8 Mar 2024 10:40:02 +0100
Subject: [PATCH 106/109] add Card atom

---
 .../src/components/molecules/Card.tsx         |  75 ++++++++++++
 .../src/components/molecules/index.ts         |   1 +
 govtool/frontend/src/consts/colors.ts         | 107 ++++++++++++++++++
 govtool/frontend/src/consts/index.ts          |   1 +
 govtool/frontend/src/stories/Card.stories.tsx |  42 +++++++
 govtool/frontend/src/theme.ts                 |  86 ++++++++++++++
 6 files changed, 312 insertions(+)
 create mode 100644 govtool/frontend/src/components/molecules/Card.tsx
 create mode 100644 govtool/frontend/src/consts/colors.ts
 create mode 100644 govtool/frontend/src/stories/Card.stories.tsx

diff --git a/govtool/frontend/src/components/molecules/Card.tsx b/govtool/frontend/src/components/molecules/Card.tsx
new file mode 100644
index 000000000..784c5a747
--- /dev/null
+++ b/govtool/frontend/src/components/molecules/Card.tsx
@@ -0,0 +1,75 @@
+import { Chip, Paper, SxProps } from "@mui/material";
+import { PropsWithChildren } from "react";
+
+import { Theme } from "@/theme";
+import { errorRed, orange, primaryBlue, successGreen } from "@/consts";
+
+type CardProps = PropsWithChildren & {
+  border?: boolean;
+  elevation?: number;
+  label?: string;
+  sx?: SxProps<Theme>;
+  variant?: "default" | "error" | "primary" | "success" | "warning";
+};
+
+export function Card({
+  variant = "default",
+  border = variant !== "default",
+  children,
+  elevation = 4,
+  label,
+  sx,
+}: CardProps) {
+  const colors = COLORS[variant];
+
+  return (
+    <Paper
+      elevation={elevation}
+      sx={{
+        backgroundColor: (theme) =>
+          colors.backgroundColor ?? `${theme.palette.neutralWhite}4D`,
+        border: border ? 1 : 0,
+        borderColor: colors?.borderColor,
+        padding: 3,
+        position: "relative",
+        ...sx,
+      }}
+    >
+      {label && (
+        <Chip
+          color={variant}
+          label={label}
+          sx={{
+            position: "absolute",
+            right: 30,
+            top: -15,
+          }}
+        />
+      )}
+      {children}
+    </Paper>
+  );
+}
+
+const COLORS = {
+  default: {
+    backgroundColor: undefined,
+    borderColor: primaryBlue.c100,
+  },
+  warning: {
+    backgroundColor: undefined,
+    borderColor: orange.c500,
+  },
+  error: {
+    backgroundColor: `${errorRed.c50}80`,
+    borderColor: errorRed.c100,
+  },
+  primary: {
+    backgroundColor: `${primaryBlue.c100}40`,
+    borderColor: primaryBlue.c500,
+  },
+  success: {
+    backgroundColor: undefined,
+    borderColor: successGreen.c500,
+  },
+} as const;
diff --git a/govtool/frontend/src/components/molecules/index.ts b/govtool/frontend/src/components/molecules/index.ts
index 1ef9c4595..b87a802df 100644
--- a/govtool/frontend/src/components/molecules/index.ts
+++ b/govtool/frontend/src/components/molecules/index.ts
@@ -1,4 +1,5 @@
 export * from "./ActionCard";
+export * from "./Card";
 export * from "./CenteredBoxBottomButtons";
 export * from "./CenteredBoxPageWrapper";
 export * from "./DashboardActionCard";
diff --git a/govtool/frontend/src/consts/colors.ts b/govtool/frontend/src/consts/colors.ts
new file mode 100644
index 000000000..94ce6b2c1
--- /dev/null
+++ b/govtool/frontend/src/consts/colors.ts
@@ -0,0 +1,107 @@
+type ColorKey = 'c50' | 'c100' | 'c200' | 'c300' | 'c400' | 'c500' | 'c600' | 'c700' | 'c800' | 'c900';
+
+type ColorType = Record<ColorKey, string>;
+
+export const primaryBlue: ColorType = {
+  c50: '#E6EBF7',
+  c100: '#D6E2FF',
+  c200: '#99ADDE',
+  c300: '#6685CE',
+  c400: '#335CBD',
+  c500: '#0033AD',
+  c600: '#002682',
+  c700: '#001A57',
+  c800: '#000D2B',
+  c900: '#000511',
+};
+
+export const orange: ColorType = {
+  c50: '#FFF0E7',
+  c100: '#FFE0CE',
+  c200: '#FFC19D',
+  c300: '#FFA26C',
+  c400: '#FF833B',
+  c500: '#FF640A',
+  c600: '#BF4B08',
+  c700: '#803205',
+  c800: '#401903',
+  c900: '#1A0A01',
+};
+
+export const cyan: ColorType = {
+  c50: '#E9F5F8',
+  c100: '#D2EAF0',
+  c200: '#A4D4E0',
+  c300: '#77BFD1',
+  c400: '#49A9C1',
+  c500: '#1C94B2',
+  c600: '#156F86',
+  c700: '#0E4A59',
+  c800: '#07252D',
+  c900: '#030F12',
+};
+
+export const fadedPurple: ColorType = {
+  c50: '#F5F5F8',
+  c100: '#EAE9F0',
+  c200: '#D5D3E1',
+  c300: '#C1BED3',
+  c400: '#ACA8C4',
+  c500: '#9792B5',
+  c600: '#716E88',
+  c700: '#4C495B',
+  c800: '#26252D',
+  c900: '#0F0F12',
+};
+
+export const gray: ColorType = {
+  c50: '#F4F4F4',
+  c100: '#E8E9E8',
+  c200: '#D2D3D2',
+  c300: '#A5A6A5',
+  c400: '#8E908E',
+  c500: '#6B6C6B',
+  c600: '#474847',
+  c700: '#242424',
+  c800: '#0E0E0E',
+  c900: '#000000',
+};
+
+export const successGreen: ColorType = {
+  c50: '#F0F9EE',
+  c100: '#E0F2DC',
+  c200: '#C0E4BA',
+  c300: '#A1D797',
+  c400: '#81C975',
+  c500: '#62BC52',
+  c600: '#4A8D3E',
+  c700: '#315E29',
+  c800: '#192F15',
+  c900: '#0A1308',
+};
+
+export const progressYellow: ColorType = {
+  c50: '#FCF6EA',
+  c100: '#F8ECD4',
+  c200: '#F2D9A9',
+  c300: '#EBC67F',
+  c400: '#E5B354',
+  c500: '#DEA029',
+  c600: '#A7781F',
+  c700: '#6F5015',
+  c800: '#38280A',
+  c900: '#161004',
+};
+
+export const errorRed: ColorType = {
+  c50: '#FBEBEB',
+  c100: '#F6D5D5',
+  c200: '#EDACAC',
+  c300: '#E58282',
+  c400: '#DC5959',
+  c500: '#D32F2F',
+  c600: '#9E2323',
+  c700: '#6A1818',
+  c800: '#350C0C',
+  c900: '#150505',
+};
diff --git a/govtool/frontend/src/consts/index.ts b/govtool/frontend/src/consts/index.ts
index a3d14880e..3b8fcac7f 100644
--- a/govtool/frontend/src/consts/index.ts
+++ b/govtool/frontend/src/consts/index.ts
@@ -1,3 +1,4 @@
+export * from "./colors";
 export * from "./governanceActionFields";
 export * from "./governanceActionsFilters";
 export * from "./governanceActionsSorting";
diff --git a/govtool/frontend/src/stories/Card.stories.tsx b/govtool/frontend/src/stories/Card.stories.tsx
new file mode 100644
index 000000000..791f68f96
--- /dev/null
+++ b/govtool/frontend/src/stories/Card.stories.tsx
@@ -0,0 +1,42 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { Card } from "@molecules";
+
+const meta = {
+  title: "Example/Card",
+  component: Card,
+  args: {
+    variant: "default",
+    children: "Put here whatever you want to display in the card.",
+  },
+  parameters: {
+    layout: "centered",
+    backgrounds: {
+      default: "gradient",
+      values: [
+        {
+          name: "white",
+          value: "#fff",
+        },
+        {
+          name: "gradient",
+          value:
+            "linear-gradient(to bottom right, #0033AD70, #0033AD70 20%, transparent)",
+        },
+      ],
+    },
+  },
+} satisfies Meta<typeof Card>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {},
+};
+
+export const WithLabel: Story = {
+  args: {
+    label: "Label goes here",
+  },
+};
diff --git a/govtool/frontend/src/theme.ts b/govtool/frontend/src/theme.ts
index e13fdefc3..f598ccae7 100644
--- a/govtool/frontend/src/theme.ts
+++ b/govtool/frontend/src/theme.ts
@@ -1,6 +1,15 @@
 import { createTheme } from "@mui/material/styles";
+import { cyan, errorRed, fadedPurple, orange, primaryBlue, progressYellow, successGreen } from "./consts";
 
 declare module "@mui/material/styles" {
+  interface BreakpointOverrides {
+    xxs: true;
+    xs: true;
+    sm: true;
+    md: true;
+    lg: true;
+    xl: true;
+  }
   interface Palette {
     accentOrange: string;
     accentYellow: string;
@@ -50,6 +59,16 @@ declare module "@mui/material/styles" {
 export type Theme = typeof theme;
 
 export const theme = createTheme({
+  breakpoints: {
+    values: {
+      xxs: 0,
+      xs: 375,
+      sm: 425,
+      md: 768,
+      lg: 1024,
+      xl: 1440,
+    },
+  },
   components: {
     MuiInputBase: {
       styleOverrides: {
@@ -76,6 +95,66 @@ export const theme = createTheme({
         },
       },
     },
+    MuiChip: {
+      variants: [
+        {
+          props: { color: "default", variant: "filled" },
+          style: {
+            backgroundColor: fadedPurple.c100,
+          },
+        },
+        {
+          props: {color: 'success', variant: "filled"},
+          style: {
+            backgroundColor: successGreen.c200,
+            color: successGreen.c700,
+          },
+        },
+        {
+          props: {color: 'error', variant: "filled"},
+          style: {
+            backgroundColor: errorRed.c100,
+            color: errorRed.c500,
+          },
+        },
+        {
+          props: {color: 'warning', variant: "filled"},
+          style: {
+            backgroundColor: progressYellow.c200,
+            color: orange.c700,
+          },
+        },
+        {
+          props: {color: 'info', variant: "filled"},
+          style: {
+            backgroundColor: cyan.c100,
+            color: cyan.c500,
+          },
+        },
+      ],
+      styleOverrides: {
+        root: {
+          fontSize: "0.875rem",
+          fontWeight: 500,
+          height: 28,
+        },
+        filledPrimary: {
+          backgroundColor: primaryBlue.c100,
+          color: primaryBlue.c500,
+        },
+        filledSecondary: {
+          backgroundColor: orange.c100,
+          color: orange.c600,
+        },
+      },
+    },
+    MuiPaper: {
+      styleOverrides: {
+        root: {
+          borderRadius: 12,
+        },
+      },
+    },
   },
   typography: {
     fontFamily: "Poppins, Arial",
@@ -108,3 +187,10 @@ export const theme = createTheme({
     textGray: "#525252",
   },
 });
+
+
+theme.shadows[1] = "0px 1px 2px 0px rgba(0, 51, 173, 0.08), 0px 1px 6px 1px rgba(0, 51, 173, 0.15)";
+theme.shadows[2] = "0px 1px 2px 0px rgba(0, 51, 173, 0.08), 0px 2px 10px 2px rgba(0, 51, 173, 0.15)";
+theme.shadows[3] = "0px 1px 3px 0px rgba(0, 51, 173, 0.08), 0px 4px 12px 3px rgba(0, 51, 173, 0.15)";
+theme.shadows[4] = "0px 2px 3px 0px rgba(0, 51, 173, 0.08), 0px 6px 14px 4px rgba(0, 51, 173, 0.15)";
+theme.shadows[5] = "0px 4px 4px 0px rgba(0, 51, 173, 0.08), 0px 8px 20px 6px rgba(0, 51, 173, 0.15)";

From 619514d3109f6c9cb562ce5abebb890cd863c0ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Wed, 13 Mar 2024 00:58:27 +0100
Subject: [PATCH 107/109] [#451] create json

---
 govtool/frontend/package-lock.json            |  215 +++-
 govtool/frontend/package.json                 |    2 +
 .../StorageInformation.tsx                    |    4 +-
 .../src/consts/governanceActionFields.ts      |   90 +-
 .../forms/useCreateGovernanceActionForm.ts    |   48 +-
 govtool/frontend/yarn.lock                    | 1090 ++++++++---------
 6 files changed, 840 insertions(+), 609 deletions(-)

diff --git a/govtool/frontend/package-lock.json b/govtool/frontend/package-lock.json
index 9fad95e3f..a48263a14 100644
--- a/govtool/frontend/package-lock.json
+++ b/govtool/frontend/package-lock.json
@@ -23,6 +23,7 @@
         "date-fns": "^2.30.0",
         "esbuild": "^0.19.8",
         "i18next": "^23.7.19",
+        "jsonld": "^8.3.2",
         "keen-slider": "^6.8.5",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
@@ -51,6 +52,7 @@
         "@testing-library/jest-dom": "^6.1.6",
         "@testing-library/react": "^14.1.2",
         "@testing-library/user-event": "^14.5.2",
+        "@types/jsonld": "^1.5.13",
         "@types/node": "^20.4.8",
         "@types/react-dom": "^18.0.11",
         "@typescript-eslint/eslint-plugin": "^5.59.0",
@@ -2390,6 +2392,19 @@
         "node": ">=0.1.90"
       }
     },
+    "node_modules/@digitalbazaar/http-client": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/@digitalbazaar/http-client/-/http-client-3.4.1.tgz",
+      "integrity": "sha512-Ahk1N+s7urkgj7WvvUND5f8GiWEPfUw0D41hdElaqLgu8wZScI8gdI0q+qWw5N1d35x7GCRH2uk9mi+Uzo9M3g==",
+      "dependencies": {
+        "ky": "^0.33.3",
+        "ky-universal": "^0.11.0",
+        "undici": "^5.21.2"
+      },
+      "engines": {
+        "node": ">=14.0"
+      }
+    },
     "node_modules/@discoveryjs/json-ext": {
       "version": "0.5.7",
       "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz",
@@ -2680,6 +2695,14 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@fastify/busboy": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@fastify/busboy/-/busboy-2.1.1.tgz",
+      "integrity": "sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==",
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/@floating-ui/core": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.5.1.tgz",
@@ -7211,6 +7234,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/jsonld": {
+      "version": "1.5.13",
+      "resolved": "https://registry.npmjs.org/@types/jsonld/-/jsonld-1.5.13.tgz",
+      "integrity": "sha512-n7fUU6W4kSYK8VQlf/LsE9kddBHPKhODoVOjsZswmve+2qLwBy6naWxs/EiuSZN9NU0N06Ra01FR+j87C62T0A==",
+      "dev": true
+    },
     "node_modules/@types/lodash": {
       "version": "4.14.202",
       "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.202.tgz",
@@ -7869,6 +7898,17 @@
       "dev": true,
       "license": "0BSD"
     },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
     "node_modules/accepts": {
       "version": "1.3.8",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
@@ -8923,6 +8963,11 @@
       ],
       "license": "CC-BY-4.0"
     },
+    "node_modules/canonicalize": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/canonicalize/-/canonicalize-1.0.8.tgz",
+      "integrity": "sha512-0CNTVCLZggSh7bc5VkX5WWPWO+cyZbNd07IHIsSXLia/eAq+r836hgk+8BKoEh7949Mda87VUOitx5OddVj64A=="
+    },
     "node_modules/chai": {
       "version": "4.3.10",
       "resolved": "https://registry.npmjs.org/chai/-/chai-4.3.10.tgz",
@@ -9546,6 +9591,14 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/data-uri-to-buffer": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz",
+      "integrity": "sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
     "node_modules/data-urls": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-5.0.0.tgz",
@@ -10677,6 +10730,14 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/execa": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
@@ -10965,6 +11026,28 @@
         "pend": "~1.2.0"
       }
     },
+    "node_modules/fetch-blob": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/fetch-blob/-/fetch-blob-3.2.0.tgz",
+      "integrity": "sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/jimmywarting"
+        },
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/jimmywarting"
+        }
+      ],
+      "dependencies": {
+        "node-domexception": "^1.0.0",
+        "web-streams-polyfill": "^3.0.3"
+      },
+      "engines": {
+        "node": "^12.20 || >= 14.13"
+      }
+    },
     "node_modules/fetch-retry": {
       "version": "5.0.6",
       "resolved": "https://registry.npmjs.org/fetch-retry/-/fetch-retry-5.0.6.tgz",
@@ -11270,6 +11353,17 @@
         "node": ">= 6"
       }
     },
+    "node_modules/formdata-polyfill": {
+      "version": "4.0.10",
+      "resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz",
+      "integrity": "sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==",
+      "dependencies": {
+        "fetch-blob": "^3.1.2"
+      },
+      "engines": {
+        "node": ">=12.20.0"
+      }
+    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -13940,6 +14034,20 @@
         "graceful-fs": "^4.1.6"
       }
     },
+    "node_modules/jsonld": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/jsonld/-/jsonld-8.3.2.tgz",
+      "integrity": "sha512-MwBbq95szLwt8eVQ1Bcfwmgju/Y5P2GdtlHE2ncyfuYjIdEhluUVyj1eudacf1mOkWIoS9GpDBTECqhmq7EOaA==",
+      "dependencies": {
+        "@digitalbazaar/http-client": "^3.4.1",
+        "canonicalize": "^1.0.1",
+        "lru-cache": "^6.0.0",
+        "rdf-canonize": "^3.4.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/keen-slider": {
       "version": "6.8.6",
       "resolved": "https://registry.npmjs.org/keen-slider/-/keen-slider-6.8.6.tgz",
@@ -13976,6 +14084,58 @@
         "node": ">=6"
       }
     },
+    "node_modules/ky": {
+      "version": "0.33.3",
+      "resolved": "https://registry.npmjs.org/ky/-/ky-0.33.3.tgz",
+      "integrity": "sha512-CasD9OCEQSFIam2U8efFK81Yeg8vNMTBUqtMOHlrcWQHqUX3HeCl9Dr31u4toV7emlH8Mymk5+9p0lL6mKb/Xw==",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/ky?sponsor=1"
+      }
+    },
+    "node_modules/ky-universal": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/ky-universal/-/ky-universal-0.11.0.tgz",
+      "integrity": "sha512-65KyweaWvk+uKKkCrfAf+xqN2/epw1IJDtlyCPxYffFCMR8u1sp2U65NtWpnozYfZxQ6IUzIlvUcw+hQ82U2Xw==",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "node-fetch": "^3.2.10"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/ky-universal?sponsor=1"
+      },
+      "peerDependencies": {
+        "ky": ">=0.31.4",
+        "web-streams-polyfill": ">=3.2.1"
+      },
+      "peerDependenciesMeta": {
+        "web-streams-polyfill": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ky-universal/node_modules/node-fetch": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-3.3.2.tgz",
+      "integrity": "sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==",
+      "dependencies": {
+        "data-uri-to-buffer": "^4.0.0",
+        "fetch-blob": "^3.1.4",
+        "formdata-polyfill": "^4.0.10"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/node-fetch"
+      }
+    },
     "node_modules/lazy-universal-dotenv": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/lazy-universal-dotenv/-/lazy-universal-dotenv-4.0.0.tgz",
@@ -14143,7 +14303,6 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "yallist": "^4.0.0"
@@ -14608,6 +14767,24 @@
         "node": ">= 0.10.5"
       }
     },
+    "node_modules/node-domexception": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
+      "integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/jimmywarting"
+        },
+        {
+          "type": "github",
+          "url": "https://paypal.me/jimmywarting"
+        }
+      ],
+      "engines": {
+        "node": ">=10.5.0"
+      }
+    },
     "node_modules/node-fetch": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
@@ -15789,6 +15966,17 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/rdf-canonize": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/rdf-canonize/-/rdf-canonize-3.4.0.tgz",
+      "integrity": "sha512-fUeWjrkOO0t1rg7B2fdyDTvngj+9RlUyL92vOdiB7c0FPguWVsniIMjEtHH+meLBO9rzkUlUzBVXgWrjI8P9LA==",
+      "dependencies": {
+        "setimmediate": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/react": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
@@ -16819,6 +17007,11 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA=="
+    },
     "node_modules/setprototypeof": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
@@ -17934,6 +18127,17 @@
         "node": ">=0.8.0"
       }
     },
+    "node_modules/undici": {
+      "version": "5.28.3",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-5.28.3.tgz",
+      "integrity": "sha512-3ItfzbrhDlINjaP0duwnNsKpDQk3acHI3gVJ1z4fmwMK31k5G9OVIAMLSIaP6w4FaGkaAkN6zaQO9LUvZ1t7VA==",
+      "dependencies": {
+        "@fastify/busboy": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.0"
+      }
+    },
     "node_modules/undici-types": {
       "version": "5.26.5",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
@@ -19161,6 +19365,14 @@
         "defaults": "^1.0.3"
       }
     },
+    "node_modules/web-streams-polyfill": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.3.3.tgz",
+      "integrity": "sha512-d2JWLCivmZYTSIoge9MsgFCZrt571BikcWGYkjC1khllbTeDlGqZ2D8vD8E/lJa8WGWbb7Plm8/XJYV7IJHZZw==",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/webidl-conversions": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
@@ -19459,7 +19671,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true,
       "license": "ISC"
     },
     "node_modules/yaml": {
diff --git a/govtool/frontend/package.json b/govtool/frontend/package.json
index 5d76fd45f..b6ca5e643 100644
--- a/govtool/frontend/package.json
+++ b/govtool/frontend/package.json
@@ -31,6 +31,7 @@
     "date-fns": "^2.30.0",
     "esbuild": "^0.19.8",
     "i18next": "^23.7.19",
+    "jsonld": "^8.3.2",
     "keen-slider": "^6.8.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -59,6 +60,7 @@
     "@testing-library/jest-dom": "^6.1.6",
     "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.5.2",
+    "@types/jsonld": "^1.5.13",
     "@types/node": "^20.4.8",
     "@types/react-dom": "^18.0.11",
     "@typescript-eslint/eslint-plugin": "^5.59.0",
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx
index 4454b897d..dd1840868 100644
--- a/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionSteps/StorageInformation.tsx
@@ -38,9 +38,9 @@ export const StorageInformation = ({ setStep }: StorageInformationProps) => {
 
   const onClickBack = useCallback(() => setStep(5), []);
 
-  const onClickDownloadJson = () => {
+  const onClickDownloadJson = async () => {
     const data = getValues();
-    const jsonBody = generateJsonBody(data);
+    const jsonBody = await generateJsonBody(data);
     downloadJson(jsonBody, fileName);
     setIsJsonDownloaded(true);
   };
diff --git a/govtool/frontend/src/consts/governanceActionFields.ts b/govtool/frontend/src/consts/governanceActionFields.ts
index 42fc035d1..211ee6582 100644
--- a/govtool/frontend/src/consts/governanceActionFields.ts
+++ b/govtool/frontend/src/consts/governanceActionFields.ts
@@ -7,6 +7,11 @@ import {
 } from "@/types/governanceAction";
 import { bech32 } from "bech32";
 
+export const CIP_100 =
+  "https://github.com/cardano-foundation/CIPs/blob/master/CIP-0100/README.md#";
+export const CIP_108 =
+  "https://github.com/cardano-foundation/CIPs/blob/master/CIP-0108/README.md#";
+
 const sharedGovernanceActionFields: SharedGovernanceActionFieldSchema = {
   title: {
     component: GovernanceActionField.Input,
@@ -105,18 +110,83 @@ export const GOVERNANCE_ACTION_FIELDS: GovernanceActionFields = {
       placeholderI18nKey:
         "createGovernanceAction.fields.declarations.amount.placeholder",
       rules: {
-        required: {
-          value: true,
-          message: I18n.t("createGovernanceAction.fields.validations.required"),
+        // required: {
+        // value: true,
+        // message: I18n.t("createGovernanceAction.fields.validations.required"),
+        // },
+        // validate: (value) => {
+        // if (Number.isInteger(Number(value))) {
+        // return true;
+        // } else {
+        // return I18n.t("createGovernanceAction.fields.validations.number");
+        // }
+        // },
+      },
+    },
+  },
+} as const;
+
+const commonContext = {
+  "@language": "en-us",
+  CIP100:
+    "https://github.com/cardano-foundation/CIPs/blob/master/CIP-0100/README.md#",
+  CIP108:
+    "https://github.com/cardano-foundation/CIPs/blob/master/CIP-0108/README.md#",
+  hashAlgorithm: "CIP100:hashAlgorithm",
+  body: {
+    "@id": "CIP108:body",
+    "@context": {
+      references: {
+        "@id": "CIP108:references",
+        "@container": "@set" as "@set",
+        "@context": {
+          GovernanceMetadata: "CIP100:GovernanceMetadataReference",
+          Other: "CIP100:OtherReference",
+          label: "CIP100:reference-label",
+          uri: "CIP100:reference-uri",
+          referenceHash: {
+            "@id": "CIP108:referenceHash",
+            "@context": {
+              hashDigest: "CIP108:hashDigest",
+              hashAlgorithm: "CIP100:hashAlgorithm",
+            },
+          },
         },
-        validate: (value) => {
-          if (Number.isInteger(Number(value))) {
-            return true;
-          } else {
-            return I18n.t("createGovernanceAction.fields.validations.number");
-          }
+      },
+      title: "CIP108:title",
+      abstract: "CIP108:abstract",
+      motivation: "CIP108:motivation",
+      rationale: "CIP108:rationale",
+    },
+  },
+  authors: {
+    "@id": "CIP100:authors",
+    "@container": "@set" as "@set",
+    "@context": {
+      name: "http://xmlns.com/foaf/0.1/name",
+      witness: {
+        "@id": "CIP100:witness",
+        "@context": {
+          witnessAlgorithm: "CIP100:witnessAlgorithm",
+          publicKey: "CIP100:publicKey",
+          signature: "CIP100:signature",
         },
       },
     },
   },
-} as const;
+};
+
+export const GOVERNANCE_ACTION_CONTEXTS = {
+  [GovernanceActionType.Info]: commonContext,
+  [GovernanceActionType.Treasury]: {
+    ...commonContext,
+    body: {
+      ...commonContext.body,
+      "@context": {
+        ...commonContext.body["@context"],
+        amount: "CIP108:amount",
+        receivingAddress: "CIP108:receivingAddress",
+      },
+    },
+  },
+};
diff --git a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
index 9efc17c90..e82639030 100644
--- a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
+++ b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
@@ -5,6 +5,10 @@ import {
 import { useCallback, useState } from "react";
 import { useFormContext } from "react-hook-form";
 
+import { CIP_100, CIP_108, GOVERNANCE_ACTION_CONTEXTS } from "@consts";
+
+import * as jsonld from "jsonld";
+
 export type CreateGovernanceActionValues = {
   links?: { link: string }[];
   storeData?: boolean;
@@ -33,21 +37,47 @@ export const useCreateGovernanceActionForm = () => {
     reset,
   } = useFormContext<CreateGovernanceActionValues>();
 
+  const govActionType = watch("governance_action_type");
+
   // TODO: To be moved to utils
-  const generateJsonBody = (data: CreateGovernanceActionValues) => {
-    const filteredData = Object.entries(data).filter(
-      ([key]) => !Object.keys(defaulCreateGovernanceActionValues).includes(key)
-    );
+  const generateJsonBody = async (data: CreateGovernanceActionValues) => {
+    const filteredData = Object.entries(data)
+      .filter(
+        ([key]) =>
+          !Object.keys(defaulCreateGovernanceActionValues).includes(key) &&
+          key !== "governance_action_type"
+      )
+      .map(([key, value]) => {
+        return [CIP_108 + key, value];
+      });
+
     const references = (data as CreateGovernanceActionValues).links
       ?.filter((link) => link.link)
       .map((link) => {
-        // TODO: Label isnt available and hardcoded Other for type
-        return { "@type": "Other", label: "Testlabel", uri: link.link };
+        return {
+          [`@type`]: "Other",
+          [`${CIP_100}reference-label`]: "Label",
+          [`${CIP_100}reference-uri`]: link.link,
+        };
       });
-    const body = { ...Object.fromEntries(filteredData), references };
 
-    const jsonStr = JSON.stringify(body);
-    return jsonStr;
+    const body = {
+      ...Object.fromEntries(filteredData),
+      [`${CIP_108}references`]: references,
+    };
+
+    const doc = {
+      [`${CIP_108}body`]: body,
+      [`${CIP_100}hashAlgorithm`]: "blake2b-256",
+      [`${CIP_100}authors`]: [],
+    };
+
+    const json = await jsonld.compact(
+      doc,
+      GOVERNANCE_ACTION_CONTEXTS[govActionType as GovernanceActionType]
+    );
+
+    return JSON.stringify(json);
   };
 
   const onSubmit = useCallback(async (data: CreateGovernanceActionValues) => {
diff --git a/govtool/frontend/yarn.lock b/govtool/frontend/yarn.lock
index 75561ec59..f493ac5aa 100644
--- a/govtool/frontend/yarn.lock
+++ b/govtool/frontend/yarn.lock
@@ -40,7 +40,7 @@
   resolved "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.5.tgz"
   integrity sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==
 
-"@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.18.9", "@babel/core@^7.20.12", "@babel/core@^7.22.5", "@babel/core@^7.23.0", "@babel/core@^7.23.2", "@babel/core@^7.23.5", "@babel/core@^7.7.5":
+"@babel/core@^7.0.0", "@babel/core@^7.0.0-0", "@babel/core@^7.0.0-0 || ^8.0.0-0 <8.0.0", "@babel/core@^7.11.6", "@babel/core@^7.12.0", "@babel/core@^7.12.3", "@babel/core@^7.13.0", "@babel/core@^7.18.9", "@babel/core@^7.20.12", "@babel/core@^7.22.5", "@babel/core@^7.23.0", "@babel/core@^7.23.2", "@babel/core@^7.23.5", "@babel/core@^7.4.0 || ^8.0.0-0 <8.0.0", "@babel/core@^7.7.5", "@babel/core@^7.8.0":
   version "7.23.5"
   resolved "https://registry.npmjs.org/@babel/core/-/core-7.23.5.tgz"
   integrity sha512-Cwc2XjUrG4ilcfOw4wBAK+enbdgwAcAJCfGUItPBKR7Mjw4aEfAFYrLxeRp4jWgtNIKn3n2AlBOfwwafl+42/g==
@@ -878,7 +878,7 @@
     "@babel/helper-create-regexp-features-plugin" "^7.22.15"
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/preset-env@^7.23.2":
+"@babel/preset-env@^7.1.6", "@babel/preset-env@^7.23.2":
   version "7.23.5"
   resolved "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.5.tgz"
   integrity sha512-0d/uxVD6tFGWXGDSfyMD1p2otoaKmu6+GD+NfAx0tMaH+dxORnp7T9TaVQ6mKyya7iBtCIVxHjWT7MuzzM9z+A==
@@ -1016,7 +1016,14 @@
   dependencies:
     regenerator-runtime "^0.14.0"
 
-"@babel/runtime@^7.22.5", "@babel/runtime@^7.23.2":
+"@babel/runtime@^7.22.5":
+  version "7.23.8"
+  resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.8.tgz"
+  integrity sha512-Y7KbAP984rn1VGMbGqKmBLio9V7y5Je9GvU4rQPCPinCyNfUcToxIXl06d59URp/F3LwinvODxab5N/G6qggkw==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
+"@babel/runtime@^7.23.2":
   version "7.23.8"
   resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.8.tgz"
   integrity sha512-Y7KbAP984rn1VGMbGqKmBLio9V7y5Je9GvU4rQPCPinCyNfUcToxIXl06d59URp/F3LwinvODxab5N/G6qggkw==
@@ -1072,6 +1079,15 @@
   resolved "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz"
   integrity sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==
 
+"@digitalbazaar/http-client@^3.4.1":
+  version "3.4.1"
+  resolved "https://registry.npmjs.org/@digitalbazaar/http-client/-/http-client-3.4.1.tgz"
+  integrity sha512-Ahk1N+s7urkgj7WvvUND5f8GiWEPfUw0D41hdElaqLgu8wZScI8gdI0q+qWw5N1d35x7GCRH2uk9mi+Uzo9M3g==
+  dependencies:
+    ky "^0.33.3"
+    ky-universal "^0.11.0"
+    undici "^5.21.2"
+
 "@discoveryjs/json-ext@^0.5.3":
   version "0.5.7"
   resolved "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz"
@@ -1122,7 +1138,7 @@
   resolved "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz"
   integrity sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==
 
-"@emotion/react@^11.11.1":
+"@emotion/react@^11.0.0-rc.0", "@emotion/react@^11.11.1", "@emotion/react@^11.4.1", "@emotion/react@^11.5.0":
   version "11.11.1"
   resolved "https://registry.npmjs.org/@emotion/react/-/react-11.11.1.tgz"
   integrity sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==
@@ -1152,7 +1168,7 @@
   resolved "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz"
   integrity sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==
 
-"@emotion/styled@^11.11.0":
+"@emotion/styled@^11.11.0", "@emotion/styled@^11.3.0":
   version "11.11.0"
   resolved "https://registry.npmjs.org/@emotion/styled/-/styled-11.11.0.tgz"
   integrity sha512-hM5Nnvu9P3midq5aaXj4I+lnSfNi7Pmd4EWk1fOZ3pxookaQTNew6bp4JaCBYM4HVFZF9g7UjJmsUmC2JlxOng==
@@ -1189,56 +1205,6 @@
   resolved "https://registry.npmjs.org/@emurgo/cardano-serialization-lib-asmjs/-/cardano-serialization-lib-asmjs-12.0.0-alpha.16.tgz"
   integrity sha512-7AaQMlhA6/N/MWCiUUwtZtQmsHTkMjIGB9UfzN34qextTmk5Dvx++4UORedo/TVCs4lSfcBXZrNZClC7d9f8Fg==
 
-"@esbuild/aix-ppc64@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.19.11.tgz#2acd20be6d4f0458bc8c784103495ff24f13b1d3"
-  integrity sha512-FnzU0LyE3ySQk7UntJO4+qIiQgI7KoODnZg5xzXIrFJlKd2P2gwHsHY4927xj9y5PJmJSzULiUCWmv7iWnNa7g==
-
-"@esbuild/android-arm64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz#984b4f9c8d0377443cc2dfcef266d02244593622"
-  integrity sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==
-
-"@esbuild/android-arm64@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.19.11.tgz#b45d000017385c9051a4f03e17078abb935be220"
-  integrity sha512-aiu7K/5JnLj//KOnOfEZ0D90obUkRzDMyqd/wNAUQ34m4YUPVhRZpnqKV9uqDGxT7cToSDnIHsGooyIczu9T+Q==
-
-"@esbuild/android-arm64@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.19.8.tgz#fb7130103835b6d43ea499c3f30cfb2b2ed58456"
-  integrity sha512-B8JbS61bEunhfx8kasogFENgQfr/dIp+ggYXwTqdbMAgGDhRa3AaPpQMuQU0rNxDLECj6FhDzk1cF9WHMVwrtA==
-
-"@esbuild/android-arm@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.18.20.tgz#fedb265bc3a589c84cc11f810804f234947c3682"
-  integrity sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==
-
-"@esbuild/android-arm@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.19.11.tgz#f46f55414e1c3614ac682b29977792131238164c"
-  integrity sha512-5OVapq0ClabvKvQ58Bws8+wkLCV+Rxg7tUVbo9xu034Nm536QTII4YzhaFriQ7rMrorfnFKUsArD2lqKbFY4vw==
-
-"@esbuild/android-arm@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.19.8.tgz#b46e4d9e984e6d6db6c4224d72c86b7757e35bcb"
-  integrity sha512-31E2lxlGM1KEfivQl8Yf5aYU/mflz9g06H6S15ITUFQueMFtFjESRMoDSkvMo8thYvLBax+VKTPlpnx+sPicOA==
-
-"@esbuild/android-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.18.20.tgz#35cf419c4cfc8babe8893d296cd990e9e9f756f2"
-  integrity sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==
-
-"@esbuild/android-x64@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.19.11.tgz#bfc01e91740b82011ef503c48f548950824922b2"
-  integrity sha512-eccxjlfGw43WYoY9QgB82SgGgDbibcqyDTlk3l3C0jOVHKxrjdc9CTwDUQd0vkvYg5um0OH+GpxYvp39r+IPOg==
-
-"@esbuild/android-x64@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.19.8.tgz#a13db9441b5a4f4e4fec4a6f8ffacfea07888db7"
-  integrity sha512-rdqqYfRIn4jWOp+lzQttYMa2Xar3OK9Yt2fhOhzFXqg0rVWEfSclJvZq5fZslnz6ypHvVf3CT7qyf0A5pM682A==
-
 "@esbuild/darwin-arm64@0.18.20":
   version "0.18.20"
   resolved "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz"
@@ -1254,276 +1220,6 @@
   resolved "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.8.tgz"
   integrity sha512-RQw9DemMbIq35Bprbboyf8SmOr4UXsRVxJ97LgB55VKKeJOOdvsIPy0nFyF2l8U+h4PtBx/1kRf0BelOYCiQcw==
 
-"@esbuild/darwin-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz#d70d5790d8bf475556b67d0f8b7c5bdff053d85d"
-  integrity sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==
-
-"@esbuild/darwin-x64@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.19.11.tgz#62f3819eff7e4ddc656b7c6815a31cf9a1e7d98e"
-  integrity sha512-fkFUiS6IUK9WYUO/+22omwetaSNl5/A8giXvQlcinLIjVkxwTLSktbF5f/kJMftM2MJp9+fXqZ5ezS7+SALp4g==
-
-"@esbuild/darwin-x64@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.19.8.tgz#75c5c88371eea4bfc1f9ecfd0e75104c74a481ac"
-  integrity sha512-3sur80OT9YdeZwIVgERAysAbwncom7b4bCI2XKLjMfPymTud7e/oY4y+ci1XVp5TfQp/bppn7xLw1n/oSQY3/Q==
-
-"@esbuild/freebsd-arm64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz#98755cd12707f93f210e2494d6a4b51b96977f54"
-  integrity sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==
-
-"@esbuild/freebsd-arm64@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.11.tgz#d478b4195aa3ca44160272dab85ef8baf4175b4a"
-  integrity sha512-lhoSp5K6bxKRNdXUtHoNc5HhbXVCS8V0iZmDvyWvYq9S5WSfTIHU2UGjcGt7UeS6iEYp9eeymIl5mJBn0yiuxA==
-
-"@esbuild/freebsd-arm64@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.8.tgz#9d7259fea4fd2b5f7437b52b542816e89d7c8575"
-  integrity sha512-WAnPJSDattvS/XtPCTj1tPoTxERjcTpH6HsMr6ujTT+X6rylVe8ggxk8pVxzf5U1wh5sPODpawNicF5ta/9Tmw==
-
-"@esbuild/freebsd-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz#c1eb2bff03915f87c29cece4c1a7fa1f423b066e"
-  integrity sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==
-
-"@esbuild/freebsd-x64@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.19.11.tgz#7bdcc1917409178257ca6a1a27fe06e797ec18a2"
-  integrity sha512-JkUqn44AffGXitVI6/AbQdoYAq0TEullFdqcMY/PCUZ36xJ9ZJRtQabzMA+Vi7r78+25ZIBosLTOKnUXBSi1Kw==
-
-"@esbuild/freebsd-x64@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.19.8.tgz#abac03e1c4c7c75ee8add6d76ec592f46dbb39e3"
-  integrity sha512-ICvZyOplIjmmhjd6mxi+zxSdpPTKFfyPPQMQTK/w+8eNK6WV01AjIztJALDtwNNfFhfZLux0tZLC+U9nSyA5Zg==
-
-"@esbuild/linux-arm64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz#bad4238bd8f4fc25b5a021280c770ab5fc3a02a0"
-  integrity sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==
-
-"@esbuild/linux-arm64@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.19.11.tgz#58ad4ff11685fcc735d7ff4ca759ab18fcfe4545"
-  integrity sha512-LneLg3ypEeveBSMuoa0kwMpCGmpu8XQUh+mL8XXwoYZ6Be2qBnVtcDI5azSvh7vioMDhoJFZzp9GWp9IWpYoUg==
-
-"@esbuild/linux-arm64@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.19.8.tgz#c577932cf4feeaa43cb9cec27b89cbe0df7d9098"
-  integrity sha512-z1zMZivxDLHWnyGOctT9JP70h0beY54xDDDJt4VpTX+iwA77IFsE1vCXWmprajJGa+ZYSqkSbRQ4eyLCpCmiCQ==
-
-"@esbuild/linux-arm@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz#3e617c61f33508a27150ee417543c8ab5acc73b0"
-  integrity sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==
-
-"@esbuild/linux-arm@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.19.11.tgz#ce82246d873b5534d34de1e5c1b33026f35e60e3"
-  integrity sha512-3CRkr9+vCV2XJbjwgzjPtO8T0SZUmRZla+UL1jw+XqHZPkPgZiyWvbDvl9rqAN8Zl7qJF0O/9ycMtjU67HN9/Q==
-
-"@esbuild/linux-arm@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.19.8.tgz#d6014d8b98b5cbc96b95dad3d14d75bb364fdc0f"
-  integrity sha512-H4vmI5PYqSvosPaTJuEppU9oz1dq2A7Mr2vyg5TF9Ga+3+MGgBdGzcyBP7qK9MrwFQZlvNyJrvz6GuCaj3OukQ==
-
-"@esbuild/linux-ia32@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz#699391cccba9aee6019b7f9892eb99219f1570a7"
-  integrity sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==
-
-"@esbuild/linux-ia32@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.19.11.tgz#cbae1f313209affc74b80f4390c4c35c6ab83fa4"
-  integrity sha512-caHy++CsD8Bgq2V5CodbJjFPEiDPq8JJmBdeyZ8GWVQMjRD0sU548nNdwPNvKjVpamYYVL40AORekgfIubwHoA==
-
-"@esbuild/linux-ia32@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.19.8.tgz#2379a0554307d19ac4a6cdc15b08f0ea28e7a40d"
-  integrity sha512-1a8suQiFJmZz1khm/rDglOc8lavtzEMRo0v6WhPgxkrjcU0LkHj+TwBrALwoz/OtMExvsqbbMI0ChyelKabSvQ==
-
-"@esbuild/linux-loong64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz#e6fccb7aac178dd2ffb9860465ac89d7f23b977d"
-  integrity sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==
-
-"@esbuild/linux-loong64@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.19.11.tgz#5f32aead1c3ec8f4cccdb7ed08b166224d4e9121"
-  integrity sha512-ppZSSLVpPrwHccvC6nQVZaSHlFsvCQyjnvirnVjbKSHuE5N24Yl8F3UwYUUR1UEPaFObGD2tSvVKbvR+uT1Nrg==
-
-"@esbuild/linux-loong64@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.19.8.tgz#e2a5bbffe15748b49356a6cd7b2d5bf60c5a7123"
-  integrity sha512-fHZWS2JJxnXt1uYJsDv9+b60WCc2RlvVAy1F76qOLtXRO+H4mjt3Tr6MJ5l7Q78X8KgCFudnTuiQRBhULUyBKQ==
-
-"@esbuild/linux-mips64el@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz#eeff3a937de9c2310de30622a957ad1bd9183231"
-  integrity sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==
-
-"@esbuild/linux-mips64el@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.19.11.tgz#38eecf1cbb8c36a616261de858b3c10d03419af9"
-  integrity sha512-B5x9j0OgjG+v1dF2DkH34lr+7Gmv0kzX6/V0afF41FkPMMqaQ77pH7CrhWeR22aEeHKaeZVtZ6yFwlxOKPVFyg==
-
-"@esbuild/linux-mips64el@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.19.8.tgz#1359331e6f6214f26f4b08db9b9df661c57cfa24"
-  integrity sha512-Wy/z0EL5qZYLX66dVnEg9riiwls5IYnziwuju2oUiuxVc+/edvqXa04qNtbrs0Ukatg5HEzqT94Zs7J207dN5Q==
-
-"@esbuild/linux-ppc64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz#2f7156bde20b01527993e6881435ad79ba9599fb"
-  integrity sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==
-
-"@esbuild/linux-ppc64@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.19.11.tgz#9c5725a94e6ec15b93195e5a6afb821628afd912"
-  integrity sha512-MHrZYLeCG8vXblMetWyttkdVRjQlQUb/oMgBNurVEnhj4YWOr4G5lmBfZjHYQHHN0g6yDmCAQRR8MUHldvvRDA==
-
-"@esbuild/linux-ppc64@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.19.8.tgz#9ba436addc1646dc89dae48c62d3e951ffe70951"
-  integrity sha512-ETaW6245wK23YIEufhMQ3HSeHO7NgsLx8gygBVldRHKhOlD1oNeNy/P67mIh1zPn2Hr2HLieQrt6tWrVwuqrxg==
-
-"@esbuild/linux-riscv64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz#6628389f210123d8b4743045af8caa7d4ddfc7a6"
-  integrity sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==
-
-"@esbuild/linux-riscv64@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.19.11.tgz#2dc4486d474a2a62bbe5870522a9a600e2acb916"
-  integrity sha512-f3DY++t94uVg141dozDu4CCUkYW+09rWtaWfnb3bqe4w5NqmZd6nPVBm+qbz7WaHZCoqXqHz5p6CM6qv3qnSSQ==
-
-"@esbuild/linux-riscv64@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.19.8.tgz#fbcf0c3a0b20f40b5fc31c3b7695f0769f9de66b"
-  integrity sha512-T2DRQk55SgoleTP+DtPlMrxi/5r9AeFgkhkZ/B0ap99zmxtxdOixOMI570VjdRCs9pE4Wdkz7JYrsPvsl7eESg==
-
-"@esbuild/linux-s390x@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz#255e81fb289b101026131858ab99fba63dcf0071"
-  integrity sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==
-
-"@esbuild/linux-s390x@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.19.11.tgz#4ad8567df48f7dd4c71ec5b1753b6f37561a65a8"
-  integrity sha512-A5xdUoyWJHMMlcSMcPGVLzYzpcY8QP1RtYzX5/bS4dvjBGVxdhuiYyFwp7z74ocV7WDc0n1harxmpq2ePOjI0Q==
-
-"@esbuild/linux-s390x@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.19.8.tgz#989e8a05f7792d139d5564ffa7ff898ac6f20a4a"
-  integrity sha512-NPxbdmmo3Bk7mbNeHmcCd7R7fptJaczPYBaELk6NcXxy7HLNyWwCyDJ/Xx+/YcNH7Im5dHdx9gZ5xIwyliQCbg==
-
-"@esbuild/linux-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz#c7690b3417af318a9b6f96df3031a8865176d338"
-  integrity sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==
-
-"@esbuild/linux-x64@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.19.11.tgz#b7390c4d5184f203ebe7ddaedf073df82a658766"
-  integrity sha512-grbyMlVCvJSfxFQUndw5mCtWs5LO1gUlwP4CDi4iJBbVpZcqLVT29FxgGuBJGSzyOxotFG4LoO5X+M1350zmPA==
-
-"@esbuild/linux-x64@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.19.8.tgz#b187295393a59323397fe5ff51e769ec4e72212b"
-  integrity sha512-lytMAVOM3b1gPypL2TRmZ5rnXl7+6IIk8uB3eLsV1JwcizuolblXRrc5ShPrO9ls/b+RTp+E6gbsuLWHWi2zGg==
-
-"@esbuild/netbsd-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz#30e8cd8a3dded63975e2df2438ca109601ebe0d1"
-  integrity sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==
-
-"@esbuild/netbsd-x64@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.19.11.tgz#d633c09492a1721377f3bccedb2d821b911e813d"
-  integrity sha512-13jvrQZJc3P230OhU8xgwUnDeuC/9egsjTkXN49b3GcS5BKvJqZn86aGM8W9pd14Kd+u7HuFBMVtrNGhh6fHEQ==
-
-"@esbuild/netbsd-x64@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.19.8.tgz#c1ec0e24ea82313cb1c7bae176bd5acd5bde7137"
-  integrity sha512-hvWVo2VsXz/8NVt1UhLzxwAfo5sioj92uo0bCfLibB0xlOmimU/DeAEsQILlBQvkhrGjamP0/el5HU76HAitGw==
-
-"@esbuild/openbsd-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz#7812af31b205055874c8082ea9cf9ab0da6217ae"
-  integrity sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==
-
-"@esbuild/openbsd-x64@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.19.11.tgz#17388c76e2f01125bf831a68c03a7ffccb65d1a2"
-  integrity sha512-ysyOGZuTp6SNKPE11INDUeFVVQFrhcNDVUgSQVDzqsqX38DjhPEPATpid04LCoUr2WXhQTEZ8ct/EgJCUDpyNw==
-
-"@esbuild/openbsd-x64@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.19.8.tgz#0c5b696ac66c6d70cf9ee17073a581a28af9e18d"
-  integrity sha512-/7Y7u77rdvmGTxR83PgaSvSBJCC2L3Kb1M/+dmSIvRvQPXXCuC97QAwMugBNG0yGcbEGfFBH7ojPzAOxfGNkwQ==
-
-"@esbuild/sunos-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz#d5c275c3b4e73c9b0ecd38d1ca62c020f887ab9d"
-  integrity sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==
-
-"@esbuild/sunos-x64@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.19.11.tgz#e320636f00bb9f4fdf3a80e548cb743370d41767"
-  integrity sha512-Hf+Sad9nVwvtxy4DXCZQqLpgmRTQqyFyhT3bZ4F2XlJCjxGmRFF0Shwn9rzhOYRB61w9VMXUkxlBy56dk9JJiQ==
-
-"@esbuild/sunos-x64@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.19.8.tgz#2a697e1f77926ff09fcc457d8f29916d6cd48fb1"
-  integrity sha512-9Lc4s7Oi98GqFA4HzA/W2JHIYfnXbUYgekUP/Sm4BG9sfLjyv6GKKHKKVs83SMicBF2JwAX6A1PuOLMqpD001w==
-
-"@esbuild/win32-arm64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz#73bc7f5a9f8a77805f357fab97f290d0e4820ac9"
-  integrity sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==
-
-"@esbuild/win32-arm64@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.19.11.tgz#c778b45a496e90b6fc373e2a2bb072f1441fe0ee"
-  integrity sha512-0P58Sbi0LctOMOQbpEOvOL44Ne0sqbS0XWHMvvrg6NE5jQ1xguCSSw9jQeUk2lfrXYsKDdOe6K+oZiwKPilYPQ==
-
-"@esbuild/win32-arm64@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.19.8.tgz#ec029e62a2fca8c071842ecb1bc5c2dd20b066f1"
-  integrity sha512-rq6WzBGjSzihI9deW3fC2Gqiak68+b7qo5/3kmB6Gvbh/NYPA0sJhrnp7wgV4bNwjqM+R2AApXGxMO7ZoGhIJg==
-
-"@esbuild/win32-ia32@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz#ec93cbf0ef1085cc12e71e0d661d20569ff42102"
-  integrity sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==
-
-"@esbuild/win32-ia32@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.19.11.tgz#481a65fee2e5cce74ec44823e6b09ecedcc5194c"
-  integrity sha512-6YOrWS+sDJDmshdBIQU+Uoyh7pQKrdykdefC1avn76ss5c+RN6gut3LZA4E2cH5xUEp5/cA0+YxRaVtRAb0xBg==
-
-"@esbuild/win32-ia32@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.19.8.tgz#cbb9a3146bde64dc15543e48afe418c7a3214851"
-  integrity sha512-AIAbverbg5jMvJznYiGhrd3sumfwWs8572mIJL5NQjJa06P8KfCPWZQ0NwZbPQnbQi9OWSZhFVSUWjjIrn4hSw==
-
-"@esbuild/win32-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz#786c5f41f043b07afb1af37683d7c33668858f6d"
-  integrity sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==
-
-"@esbuild/win32-x64@0.19.11":
-  version "0.19.11"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.19.11.tgz#a5d300008960bb39677c46bf16f53ec70d8dee04"
-  integrity sha512-vfkhltrjCAb603XaFhqhAF4LGDi2M4OrCRrFusyQ+iTLQ/o60QQXxc9cZC/FFpihBI9N1Grn6SMKVJ4KP7Fuiw==
-
-"@esbuild/win32-x64@0.19.8":
-  version "0.19.8"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.19.8.tgz#c8285183dbdb17008578dbacb6e22748709b4822"
-  integrity sha512-bfZ0cQ1uZs2PqpulNL5j/3w+GDhP36k1K5c38QdQg+Swy51jFZWWeIkteNsufkQxp986wnqRRsb/bHbY1WQ7TA==
-
 "@eslint-community/eslint-utils@^4.2.0":
   version "4.4.0"
   resolved "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz"
@@ -1561,6 +1257,11 @@
   resolved "https://registry.npmjs.org/@fal-works/esbuild-plugin-global-externals/-/esbuild-plugin-global-externals-2.1.2.tgz"
   integrity sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ==
 
+"@fastify/busboy@^2.0.0":
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/@fastify/busboy/-/busboy-2.1.1.tgz"
+  integrity sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==
+
 "@floating-ui/core@^1.4.2":
   version "1.5.1"
   resolved "https://registry.npmjs.org/@floating-ui/core/-/core-1.5.1.tgz"
@@ -1624,6 +1325,18 @@
   resolved "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz"
   integrity sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==
 
+"@isaacs/cliui@^8.0.2":
+  version "8.0.2"
+  resolved "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz"
+  integrity sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==
+  dependencies:
+    string-width "^5.1.2"
+    string-width-cjs "npm:string-width@^4.2.0"
+    strip-ansi "^7.0.1"
+    strip-ansi-cjs "npm:strip-ansi@^6.0.1"
+    wrap-ansi "^8.1.0"
+    wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
+
 "@istanbuljs/load-nyc-config@^1.0.0", "@istanbuljs/load-nyc-config@^1.1.0":
   version "1.1.0"
   resolved "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz"
@@ -1730,7 +1443,7 @@
     jest-mock "^29.7.0"
     jest-util "^29.7.0"
 
-"@jest/globals@^29.7.0":
+"@jest/globals@^29.7.0", "@jest/globals@>= 28":
   version "29.7.0"
   resolved "https://registry.npmjs.org/@jest/globals/-/globals-29.7.0.tgz"
   integrity sha512-mpiz3dutLbkW2MNFubUGUEVLkTGiqW6yLVTA+JbP6fI6J5iL9Y0Nlg8k95pcF8ctKwCS7WVxteBs29hhfAotzQ==
@@ -1948,7 +1661,7 @@
   dependencies:
     "@babel/runtime" "^7.23.4"
 
-"@mui/material@^5.14.4":
+"@mui/material@^5.0.0", "@mui/material@^5.14.4":
   version "5.14.20"
   resolved "https://registry.npmjs.org/@mui/material/-/material-5.14.20.tgz"
   integrity sha512-SUcPZnN6e0h1AtrDktEl76Dsyo/7pyEUQ+SAVe9XhHg/iliA0b4Vo+Eg4HbNkELsMbpDsUF4WHp7rgflPG7qYQ==
@@ -2031,7 +1744,7 @@
     "@nodelib/fs.stat" "2.0.5"
     run-parallel "^1.1.9"
 
-"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+"@nodelib/fs.stat@^2.0.2", "@nodelib/fs.stat@2.0.5":
   version "2.0.5"
   resolved "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz"
   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
@@ -2363,76 +2076,11 @@
     estree-walker "^2.0.2"
     picomatch "^2.3.1"
 
-"@rollup/rollup-android-arm-eabi@4.9.2":
-  version "4.9.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.9.2.tgz#ccb02257556bacbc1e756ab9b0b973cea2c7a664"
-  integrity sha512-RKzxFxBHq9ysZ83fn8Iduv3A283K7zPPYuhL/z9CQuyFrjwpErJx0h4aeb/bnJ+q29GRLgJpY66ceQ/Wcsn3wA==
-
-"@rollup/rollup-android-arm64@4.9.2":
-  version "4.9.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.9.2.tgz#21bd0fbafdf442c6a17645b840f6a94556b0e9bb"
-  integrity sha512-yZ+MUbnwf3SHNWQKJyWh88ii2HbuHCFQnAYTeeO1Nb8SyEiWASEi5dQUygt3ClHWtA9My9RQAYkjvrsZ0WK8Xg==
-
 "@rollup/rollup-darwin-arm64@4.9.2":
   version "4.9.2"
   resolved "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.9.2.tgz"
   integrity sha512-vqJ/pAUh95FLc/G/3+xPqlSBgilPnauVf2EXOQCZzhZJCXDXt/5A8mH/OzU6iWhb3CNk5hPJrh8pqJUPldN5zw==
 
-"@rollup/rollup-darwin-x64@4.9.2":
-  version "4.9.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.9.2.tgz#1b06291ff1c41af94d2786cd167188c5bf7caec9"
-  integrity sha512-otPHsN5LlvedOprd3SdfrRNhOahhVBwJpepVKUN58L0RnC29vOAej1vMEaVU6DadnpjivVsNTM5eNt0CcwTahw==
-
-"@rollup/rollup-linux-arm-gnueabihf@4.9.2":
-  version "4.9.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.9.2.tgz#147069948bba00f435122f411210624e72638ebf"
-  integrity sha512-ewG5yJSp+zYKBYQLbd1CUA7b1lSfIdo9zJShNTyc2ZP1rcPrqyZcNlsHgs7v1zhgfdS+kW0p5frc0aVqhZCiYQ==
-
-"@rollup/rollup-linux-arm64-gnu@4.9.2":
-  version "4.9.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.9.2.tgz#3a50f0e7ae6e444d11c61fce12783196454a4efb"
-  integrity sha512-pL6QtV26W52aCWTG1IuFV3FMPL1m4wbsRG+qijIvgFO/VBsiXJjDPE/uiMdHBAO6YcpV4KvpKtd0v3WFbaxBtg==
-
-"@rollup/rollup-linux-arm64-musl@4.12.0":
-  version "4.12.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.12.0.tgz#3882a4e3a564af9e55804beeb67076857b035ab7"
-  integrity sha512-eTvzUS3hhhlgeAv6bfigekzWZjaEX9xP9HhxB0Dvrdbkk5w/b+1Sxct2ZuDxNJKzsRStSq1EaEkVSEe7A7ipgQ==
-
-"@rollup/rollup-linux-arm64-musl@4.9.2":
-  version "4.9.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.9.2.tgz#82b5e75484d91c25d4e649d018d9523e72d6dac2"
-  integrity sha512-On+cc5EpOaTwPSNetHXBuqylDW+765G/oqB9xGmWU3npEhCh8xu0xqHGUA+4xwZLqBbIZNcBlKSIYfkBm6ko7g==
-
-"@rollup/rollup-linux-riscv64-gnu@4.9.2":
-  version "4.9.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.9.2.tgz#ca96f2d43a553d73aec736e991c07010561bc7a9"
-  integrity sha512-Wnx/IVMSZ31D/cO9HSsU46FjrPWHqtdF8+0eyZ1zIB5a6hXaZXghUKpRrC4D5DcRTZOjml2oBhXoqfGYyXKipw==
-
-"@rollup/rollup-linux-x64-gnu@4.9.2":
-  version "4.9.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.9.2.tgz#db1cece244ea46706c0e1a522ec19ca0173abc55"
-  integrity sha512-ym5x1cj4mUAMBummxxRkI4pG5Vht1QMsJexwGP8547TZ0sox9fCLDHw9KCH9c1FO5d9GopvkaJsBIOkTKxksdw==
-
-"@rollup/rollup-linux-x64-musl@4.9.2":
-  version "4.9.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.9.2.tgz#c15b26b86827f75977bf59ebd41ce5d788713936"
-  integrity sha512-m0hYELHGXdYx64D6IDDg/1vOJEaiV8f1G/iO+tejvRCJNSwK4jJ15e38JQy5Q6dGkn1M/9KcyEOwqmlZ2kqaZg==
-
-"@rollup/rollup-win32-arm64-msvc@4.9.2":
-  version "4.9.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.9.2.tgz#60152948f9fb08e8c50c1555e334ca9f9f1f53aa"
-  integrity sha512-x1CWburlbN5JjG+juenuNa4KdedBdXLjZMp56nHFSHTOsb/MI2DYiGzLtRGHNMyydPGffGId+VgjOMrcltOksA==
-
-"@rollup/rollup-win32-ia32-msvc@4.9.2":
-  version "4.9.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.9.2.tgz#657288cff10311f997d8dbd648590441760ae6d9"
-  integrity sha512-VVzCB5yXR1QlfsH1Xw1zdzQ4Pxuzv+CPr5qpElpKhVxlxD3CRdfubAG9mJROl6/dmj5gVYDDWk8sC+j9BI9/kQ==
-
-"@rollup/rollup-win32-x64-msvc@4.9.2":
-  version "4.9.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.9.2.tgz#830f3a3fba67f6216a5884368431918029045afe"
-  integrity sha512-SYRedJi+mweatroB+6TTnJYLts0L0bosg531xnQWtklOI6dezEagx4Q0qDyvRdK+qgdA3YZpjjGuPFtxBmddBA==
-
 "@sentry-internal/feedback@7.85.0":
   version "7.85.0"
   resolved "https://registry.npmjs.org/@sentry-internal/feedback/-/feedback-7.85.0.tgz"
@@ -2697,7 +2345,7 @@
   dependencies:
     memoizerific "^1.11.3"
 
-"@storybook/blocks@7.6.3", "@storybook/blocks@^7.4.5":
+"@storybook/blocks@^7.4.5", "@storybook/blocks@7.6.3":
   version "7.6.3"
   resolved "https://registry.npmjs.org/@storybook/blocks/-/blocks-7.6.3.tgz"
   integrity sha512-EyjyNNCZMcV9UnBSujwduiq+F1VLVX/f16fTTPqqZOHigyfrG5LoEYC6dwOC4yO/xfWY+h3qJ51yiugMxVl0Vg==
@@ -2880,7 +2528,7 @@
     "@storybook/client-logger" "7.6.3"
     "@storybook/preview-api" "7.6.3"
 
-"@storybook/core-common@7.6.3", "@storybook/core-common@^7.0.0-beta.0 || ^7.0.0-rc.0 || ^7.0.0":
+"@storybook/core-common@^7.0.0-beta.0 || ^7.0.0-rc.0 || ^7.0.0", "@storybook/core-common@7.6.3":
   version "7.6.3"
   resolved "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.6.3.tgz"
   integrity sha512-/ZE4BEyGwBHCQCOo681GyBKF4IqCiwVV/ZJCHTMTHFCPLJT2r+Qwv4tnI7xt1kwflOlbBlG6B6CvAqTjjVw/Ew==
@@ -2971,7 +2619,7 @@
     "@storybook/csf-tools" "7.6.3"
     unplugin "^1.3.1"
 
-"@storybook/csf-tools@7.6.3", "@storybook/csf-tools@^7.0.0-beta.0 || ^7.0.0-rc.0 || ^7.0.0":
+"@storybook/csf-tools@^7.0.0-beta.0 || ^7.0.0-rc.0 || ^7.0.0", "@storybook/csf-tools@7.6.3":
   version "7.6.3"
   resolved "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.6.3.tgz"
   integrity sha512-Zi3pg2pg88/mvBKewkfWhFUR1J4uYpHI5fSjOE+J/FeZObX/DIE7r+wJxZ0UBGyrk0Wy7Jajlb2uSP56Y0i19w==
@@ -3081,7 +2729,7 @@
   resolved "https://registry.npmjs.org/@storybook/postinstall/-/postinstall-7.6.3.tgz"
   integrity sha512-WpgdpJpY6rionluxjFZLbKiSDjvQJ5cPgufjvBRuXTsnVOsH3JNRWnPdkQkJLT9uTUMoNcyBMxbjYkK3vU6wSg==
 
-"@storybook/preview-api@7.6.3", "@storybook/preview-api@^7.0.0-beta.0 || ^7.0.0-rc.0 || ^7.0.0":
+"@storybook/preview-api@^7.0.0-beta.0 || ^7.0.0-rc.0 || ^7.0.0", "@storybook/preview-api@7.6.3":
   version "7.6.3"
   resolved "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.6.3.tgz"
   integrity sha512-uPaK7yLE1P++F+IOb/1j9pgdCwfMYZrUPHogF/Mf9r4cfEjDCcIeKgGMcsbU1KnkzNQQGPh8JRzRr/iYnLjswg==
@@ -3124,7 +2772,7 @@
     magic-string "^0.30.0"
     react-docgen "^7.0.0"
 
-"@storybook/react@7.6.3", "@storybook/react@^7.4.5":
+"@storybook/react@^7.4.5", "@storybook/react@7.6.3":
   version "7.6.3"
   resolved "https://registry.npmjs.org/@storybook/react/-/react-7.6.3.tgz"
   integrity sha512-W+530cC0BAU+yBc7NzSXYWR3e8Lo5qMsmFJjWYK7zGW/YZGhSG3mjhF9pDzNM+cMtHvUS6qf5PJPQM8jePpPhg==
@@ -3160,7 +2808,7 @@
     memoizerific "^1.11.3"
     qs "^6.10.0"
 
-"@storybook/telemetry@7.6.3", "@storybook/telemetry@^7.1.0":
+"@storybook/telemetry@^7.1.0", "@storybook/telemetry@7.6.3":
   version "7.6.3"
   resolved "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-7.6.3.tgz"
   integrity sha512-NDCZWhVIUI3M6Lq4M/HPOvZqDXqANDNbI3kyHr4pFGoVaCUXuDPokL9wR+CZcMvATkJ1gHrfLPBdcRq6Biw3Iw==
@@ -3242,47 +2890,7 @@
   resolved "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.100.tgz"
   integrity sha512-XVWFsKe6ei+SsDbwmsuRkYck1SXRpO60Hioa4hoLwR8fxbA9eVp6enZtMxzVVMBi8ej5seZ4HZQeAWepbukiBw==
 
-"@swc/core-darwin-x64@1.3.100":
-  version "1.3.100"
-  resolved "https://registry.yarnpkg.com/@swc/core-darwin-x64/-/core-darwin-x64-1.3.100.tgz#d84f5c0bb4603c252884d011a698ed7c634b1505"
-  integrity sha512-KF/MXrnH1nakm1wbt4XV8FS7kvqD9TGmVxeJ0U4bbvxXMvzeYUurzg3AJUTXYmXDhH/VXOYJE5N5RkwZZPs5iA==
-
-"@swc/core-linux-arm64-gnu@1.3.100":
-  version "1.3.100"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.100.tgz#1ed4b92b373882d8f338c4e0a0aa64cdaa6106f1"
-  integrity sha512-p8hikNnAEJrw5vHCtKiFT4hdlQxk1V7vqPmvUDgL/qe2menQDK/i12tbz7/3BEQ4UqUPnvwpmVn2d19RdEMNxw==
-
-"@swc/core-linux-arm64-musl@1.3.100":
-  version "1.3.100"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.100.tgz#9db560f7459e42e65ec02670d6a8316e7c850cfc"
-  integrity sha512-BWx/0EeY89WC4q3AaIaBSGfQxkYxIlS3mX19dwy2FWJs/O+fMvF9oLk/CyJPOZzbp+1DjGeeoGFuDYpiNO91JA==
-
-"@swc/core-linux-x64-gnu@1.3.100":
-  version "1.3.100"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.100.tgz#228826ea48879bf1e73683fbef4373e3e762e424"
-  integrity sha512-XUdGu3dxAkjsahLYnm8WijPfKebo+jHgHphDxaW0ovI6sTdmEGFDew7QzKZRlbYL2jRkUuuKuDGvD6lO5frmhA==
-
-"@swc/core-linux-x64-musl@1.3.100":
-  version "1.3.100"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.100.tgz#09a234dbbf625d071ecb663680e997a62d230d49"
-  integrity sha512-PhoXKf+f0OaNW/GCuXjJ0/KfK9EJX7z2gko+7nVnEA0p3aaPtbP6cq1Ubbl6CMoPL+Ci3gZ7nYumDqXNc3CtLQ==
-
-"@swc/core-win32-arm64-msvc@1.3.100":
-  version "1.3.100"
-  resolved "https://registry.yarnpkg.com/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.100.tgz#add1c82884c10a9054ed6a48f884097aa85c6d2b"
-  integrity sha512-PwLADZN6F9cXn4Jw52FeP/MCLVHm8vwouZZSOoOScDtihjY495SSjdPnlosMaRSR4wJQssGwiD/4MbpgQPqbAw==
-
-"@swc/core-win32-ia32-msvc@1.3.100":
-  version "1.3.100"
-  resolved "https://registry.yarnpkg.com/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.100.tgz#e0b6c5ae7f3250adeeb88dae83558d3f45148c56"
-  integrity sha512-0f6nicKSLlDKlyPRl2JEmkpBV4aeDfRQg6n8mPqgL7bliZIcDahG0ej+HxgNjZfS3e0yjDxsNRa6sAqWU2Z60A==
-
-"@swc/core-win32-x64-msvc@1.3.100":
-  version "1.3.100"
-  resolved "https://registry.yarnpkg.com/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.100.tgz#34721dff151d7dcf165675f18aeed0a12264d88c"
-  integrity sha512-b7J0rPoMkRTa3XyUGt8PwCaIBuYWsL2DqbirrQKRESzgCvif5iNpqaM6kjIjI/5y5q1Ycv564CB51YDpiS8EtQ==
-
-"@swc/core@^1.3.18":
+"@swc/core@*", "@swc/core@^1.3.18":
   version "1.3.100"
   resolved "https://registry.npmjs.org/@swc/core/-/core-1.3.100.tgz"
   integrity sha512-7dKgTyxJjlrMwFZYb1auj3Xq0D8ZBe+5oeIgfMlRU05doXZypYJe0LAk0yjj3WdbwYzpF+T1PLxwTWizI0pckw==
@@ -3318,7 +2926,7 @@
   resolved "https://registry.npmjs.org/@swc/types/-/types-0.1.5.tgz"
   integrity sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==
 
-"@testing-library/dom@^9.0.0":
+"@testing-library/dom@^9.0.0", "@testing-library/dom@>=7.21.4":
   version "9.3.3"
   resolved "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.3.tgz"
   integrity sha512-fB0R+fa3AUqbLHWyxXa2kGVtf1Fe1ZZFr0Zp6AIbIAzXb2mKbEXl+PCQNUOaq5lbTab5tfctfXRNsWXxa2f7Aw==
@@ -3548,7 +3156,7 @@
   dependencies:
     "@types/istanbul-lib-report" "*"
 
-"@types/jest@28.1.3":
+"@types/jest@>= 28", "@types/jest@28.1.3":
   version "28.1.3"
   resolved "https://registry.npmjs.org/@types/jest/-/jest-28.1.3.tgz"
   integrity sha512-Tsbjk8Y2hkBaY/gJsataeb4q9Mubw9EOz7+4RjPkzD5KjTvHHs7cpws22InaoXxAVAhF5HfFbzJjo6oKWqSZLw==
@@ -3561,6 +3169,11 @@
   resolved "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz"
   integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
 
+"@types/jsonld@^1.5.13":
+  version "1.5.13"
+  resolved "https://registry.npmjs.org/@types/jsonld/-/jsonld-1.5.13.tgz"
+  integrity sha512-n7fUU6W4kSYK8VQlf/LsE9kddBHPKhODoVOjsZswmve+2qLwBy6naWxs/EiuSZN9NU0N06Ra01FR+j87C62T0A==
+
 "@types/lodash@^4.14.167", "@types/lodash@^4.14.178", "@types/lodash@^4.14.191":
   version "4.14.202"
   resolved "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.202.tgz"
@@ -3599,7 +3212,7 @@
     "@types/node" "*"
     form-data "^4.0.0"
 
-"@types/node@*", "@types/node@^20.4.8":
+"@types/node@*", "@types/node@^18.0.0 || >=20.0.0", "@types/node@^20.4.8", "@types/node@>= 14":
   version "20.10.3"
   resolved "https://registry.npmjs.org/@types/node/-/node-20.10.3.tgz"
   integrity sha512-XJavIpZqiXID5Yxnxv3RUDKTN5b81ddNC3ecsA0SoFXz/QU8OGBwZGMomiq0zw+uuqbL/krztv/DINAQ/EV4gg==
@@ -3643,6 +3256,13 @@
   resolved "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz"
   integrity sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==
 
+"@types/react-dom@*", "@types/react-dom@^18.0.11":
+  version "18.2.17"
+  resolved "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.17.tgz"
+  integrity sha512-rvrT/M7Df5eykWFxn6MYt5Pem/Dbyc1N8Y0S9Mrkw2WFCRiqUgw9P7ul2NpwsXCSM1DVdENzdG9J5SreqfAIWg==
+  dependencies:
+    "@types/react" "*"
+
 "@types/react-dom@^18.0.0":
   version "18.2.18"
   resolved "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.18.tgz"
@@ -3650,13 +3270,6 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react-dom@^18.0.11":
-  version "18.2.17"
-  resolved "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.17.tgz"
-  integrity sha512-rvrT/M7Df5eykWFxn6MYt5Pem/Dbyc1N8Y0S9Mrkw2WFCRiqUgw9P7ul2NpwsXCSM1DVdENzdG9J5SreqfAIWg==
-  dependencies:
-    "@types/react" "*"
-
 "@types/react-gtm-module@^2.0.2":
   version "2.0.3"
   resolved "https://registry.npmjs.org/@types/react-gtm-module/-/react-gtm-module-2.0.3.tgz"
@@ -3669,7 +3282,7 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@>=16", "@types/react@^18.2.12":
+"@types/react@*", "@types/react@^16.8.0 || ^17.0.0 || ^18.0.0", "@types/react@^16.9.0 || ^17.0.0 || ^18.0.0", "@types/react@^17.0.0 || ^18.0.0", "@types/react@^18.2.12", "@types/react@>=16":
   version "18.2.42"
   resolved "https://registry.npmjs.org/@types/react/-/react-18.2.42.tgz"
   integrity sha512-c1zEr96MjakLYus/wPnuWDo1/zErfdU9rNsIGmE+NV71nx88FG9Ttgo5dqorXTu/LImX2f63WBP986gJkMPNbA==
@@ -3767,7 +3380,7 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/parser@^5.59.0":
+"@typescript-eslint/parser@^5.0.0", "@typescript-eslint/parser@^5.59.0":
   version "5.62.0"
   resolved "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz"
   integrity sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==
@@ -3813,7 +3426,7 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/utils@5.62.0", "@typescript-eslint/utils@^5.45.0":
+"@typescript-eslint/utils@^5.45.0", "@typescript-eslint/utils@5.62.0":
   version "5.62.0"
   resolved "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz"
   integrity sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==
@@ -3896,7 +3509,7 @@
   dependencies:
     tinyspy "^2.2.0"
 
-"@vitest/ui@^1.1.0":
+"@vitest/ui@^1.0.0", "@vitest/ui@^1.1.0":
   version "1.1.0"
   resolved "https://registry.npmjs.org/@vitest/ui/-/ui-1.1.0.tgz"
   integrity sha512-7yU1QRFBplz0xJqcgt+agcbrNFdBmLo8UUppdKkFmYx+Ih0+yMYQOyr7kOB+YoggJY/p5ZzXxdbiOz7NBX2y+w==
@@ -3943,7 +3556,7 @@
     "@yarnpkg/libzip" "^2.3.0"
     tslib "^1.13.0"
 
-"@yarnpkg/libzip@2.3.0", "@yarnpkg/libzip@^2.3.0":
+"@yarnpkg/libzip@^2.3.0", "@yarnpkg/libzip@2.3.0":
   version "2.3.0"
   resolved "https://registry.npmjs.org/@yarnpkg/libzip/-/libzip-2.3.0.tgz"
   integrity sha512-6xm38yGVIa6mKm/DUCF2zFFJhERh/QWp1ufm4cNUvxsONBmfPg8uZ9pZBdOmF6qFGr/HlT6ABBkCSx/dlEtvWg==
@@ -3951,6 +3564,13 @@
     "@types/emscripten" "^1.39.6"
     tslib "^1.13.0"
 
+abort-controller@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz"
+  integrity sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==
+  dependencies:
+    event-target-shim "^5.0.0"
+
 accepts@~1.3.5, accepts@~1.3.8:
   version "1.3.8"
   resolved "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz"
@@ -3974,7 +3594,7 @@ acorn-walk@^8.3.2:
   resolved "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.2.tgz"
   integrity sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==
 
-acorn@^7.4.1:
+"acorn@^6.0.0 || ^7.0.0 || ^8.0.0", acorn@^7.4.1:
   version "7.4.1"
   resolved "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
@@ -3984,7 +3604,12 @@ acorn@^8.10.0:
   resolved "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz"
   integrity sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==
 
-acorn@^8.11.2, acorn@^8.9.0:
+acorn@^8.11.2:
+  version "8.11.2"
+  resolved "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz"
+  integrity sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==
+
+acorn@^8.9.0:
   version "8.11.2"
   resolved "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz"
   integrity sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==
@@ -3994,11 +3619,6 @@ address@^1.0.1:
   resolved "https://registry.npmjs.org/address/-/address-1.2.2.tgz"
   integrity sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==
 
-agent-base@5:
-  version "5.1.1"
-  resolved "https://registry.npmjs.org/agent-base/-/agent-base-5.1.1.tgz"
-  integrity sha512-TMeqbNl2fMW0nMjTEPOwe3J/PRFP4vqeoNuQMG0HlMrtm5QxKqdvAkZ1pRBQ/ulIyDD5Yq0nJ7YbdD8ey0TO3g==
-
 agent-base@^7.0.2, agent-base@^7.1.0:
   version "7.1.0"
   resolved "https://registry.npmjs.org/agent-base/-/agent-base-7.1.0.tgz"
@@ -4006,6 +3626,11 @@ agent-base@^7.0.2, agent-base@^7.1.0:
   dependencies:
     debug "^4.3.4"
 
+agent-base@5:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/agent-base/-/agent-base-5.1.1.tgz"
+  integrity sha512-TMeqbNl2fMW0nMjTEPOwe3J/PRFP4vqeoNuQMG0HlMrtm5QxKqdvAkZ1pRBQ/ulIyDD5Yq0nJ7YbdD8ey0TO3g==
+
 aggregate-error@^3.0.0:
   version "3.1.0"
   resolved "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz"
@@ -4019,7 +3644,7 @@ ajv-keywords@^3.5.2:
   resolved "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz"
   integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
 
-ajv@^6.12.4:
+ajv@^6.12.4, ajv@^6.9.1:
   version "6.12.6"
   resolved "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -4072,6 +3697,11 @@ ansi-styles@^5.0.0:
   resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz"
   integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==
 
+ansi-styles@^6.1.0:
+  version "6.2.1"
+  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz"
+  integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
+
 anymatch@^3.0.3, anymatch@~3.1.2:
   version "3.1.3"
   resolved "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz"
@@ -4116,13 +3746,6 @@ aria-hidden@^1.1.1:
   dependencies:
     tslib "^2.0.0"
 
-aria-query@5.1.3:
-  version "5.1.3"
-  resolved "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz"
-  integrity sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==
-  dependencies:
-    deep-equal "^2.0.5"
-
 aria-query@^5.0.0:
   version "5.3.0"
   resolved "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz"
@@ -4130,6 +3753,13 @@ aria-query@^5.0.0:
   dependencies:
     dequal "^2.0.3"
 
+aria-query@5.1.3:
+  version "5.1.3"
+  resolved "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz"
+  integrity sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==
+  dependencies:
+    deep-equal "^2.0.5"
+
 array-buffer-byte-length@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz"
@@ -4427,7 +4057,7 @@ browserify-zlib@^0.1.4:
   dependencies:
     pako "~0.2.0"
 
-browserslist@^4.21.9, browserslist@^4.22.1:
+browserslist@^4.21.9, browserslist@^4.22.1, "browserslist@>= 4.21.0":
   version "4.22.2"
   resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz"
   integrity sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==
@@ -4529,6 +4159,11 @@ caniuse-lite@^1.0.30001565:
   resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001566.tgz"
   integrity sha512-ggIhCsTxmITBAMmK8yZjEhCO5/47jKXPu6Dha/wuCS4JePVL+3uiDEBuhu2aIoT+bqTOR8L76Ip1ARL9xYsEJA==
 
+canonicalize@^1.0.1:
+  version "1.0.8"
+  resolved "https://registry.npmjs.org/canonicalize/-/canonicalize-1.0.8.tgz"
+  integrity sha512-0CNTVCLZggSh7bc5VkX5WWPWO+cyZbNd07IHIsSXLia/eAq+r836hgk+8BKoEh7949Mda87VUOitx5OddVj64A==
+
 chai@^4.3.10:
   version "4.3.10"
   resolved "https://registry.npmjs.org/chai/-/chai-4.3.10.tgz"
@@ -4716,16 +4351,16 @@ color-convert@^2.0.1:
   dependencies:
     color-name "~1.1.4"
 
-color-name@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz"
-  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
-
 color-name@^1.0.0, color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
+color-name@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz"
+  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
+
 color-string@^1.6.0:
   version "1.9.1"
   resolved "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz"
@@ -4826,7 +4461,12 @@ content-type@~1.0.4:
   resolved "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz"
   integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
 
-convert-source-map@^1.5.0, convert-source-map@^1.7.0:
+convert-source-map@^1.5.0:
+  version "1.9.0"
+  resolved "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz"
+  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
+
+convert-source-map@^1.7.0:
   version "1.9.0"
   resolved "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz"
   integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
@@ -4921,6 +4561,11 @@ cwd@^0.10.0:
     find-pkg "^0.1.2"
     fs-exists-sync "^0.1.0"
 
+data-uri-to-buffer@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz"
+  integrity sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==
+
 data-urls@^5.0.0:
   version "5.0.0"
   resolved "https://registry.npmjs.org/data-urls/-/data-urls-5.0.0.tgz"
@@ -4936,20 +4581,27 @@ date-fns@^2.30.0:
   dependencies:
     "@babel/runtime" "^7.21.0"
 
-debug@2.6.9, debug@^2.6.9:
+debug@^2.6.9:
   version "2.6.9"
   resolved "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz"
   integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.4:
+debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.4, debug@4:
   version "4.3.4"
   resolved "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
   dependencies:
     ms "2.1.2"
 
+debug@2.6.9:
+  version "2.6.9"
+  resolved "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz"
+  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+  dependencies:
+    ms "2.0.0"
+
 decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz"
@@ -5177,7 +4829,7 @@ dom-serializer@0:
     domelementtype "^2.0.1"
     entities "^2.0.0"
 
-domelementtype@1, domelementtype@^1.3.1:
+domelementtype@^1.3.1, domelementtype@1:
   version "1.3.1"
   resolved "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz"
   integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==
@@ -5222,6 +4874,11 @@ duplexify@^3.5.0, duplexify@^3.6.0:
     readable-stream "^2.0.0"
     stream-shift "^1.0.0"
 
+eastasianwidth@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz"
+  integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
+
 ee-first@1.1.1:
   version "1.1.1"
   resolved "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz"
@@ -5249,6 +4906,11 @@ emoji-regex@^8.0.0:
   resolved "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz"
   integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
 
+emoji-regex@^9.2.2:
+  version "9.2.2"
+  resolved "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz"
+  integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
+
 emojis-list@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz"
@@ -5330,7 +4992,35 @@ esbuild-register@^3.5.0:
   dependencies:
     debug "^4.3.4"
 
-esbuild@^0.18.0, esbuild@^0.18.10:
+esbuild@^0.18.0, esbuild@>=0.10.0, "esbuild@>=0.12 <1":
+  version "0.18.20"
+  resolved "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz"
+  integrity sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==
+  optionalDependencies:
+    "@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"
+
+esbuild@^0.18.10:
   version "0.18.20"
   resolved "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz"
   integrity sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==
@@ -5492,7 +5182,7 @@ eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4
   resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz"
   integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
 
-eslint@^8.38.0:
+eslint@*, "eslint@^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0", "eslint@^6.0.0 || ^7.0.0 || ^8.0.0", "eslint@^6.0.0 || ^7.0.0 || >=8.0.0", eslint@^8.38.0, eslint@>=6, eslint@>=7:
   version "8.55.0"
   resolved "https://registry.npmjs.org/eslint/-/eslint-8.55.0.tgz"
   integrity sha512-iyUUAM0PCKj5QpwGfmCAG9XXbZCWsqP/eWAWrG/W0umvjuLRBECwSFdt+rCntju0xEH7teIABPwXpahftIaTdA==
@@ -5596,6 +5286,11 @@ etag@~1.8.1:
   resolved "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz"
   integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
 
+event-target-shim@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz"
+  integrity sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==
+
 execa@^5.0.0, execa@^5.1.1:
   version "5.1.1"
   resolved "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz"
@@ -5753,6 +5448,14 @@ fd-slicer@~1.1.0:
   dependencies:
     pend "~1.2.0"
 
+fetch-blob@^3.1.2, fetch-blob@^3.1.4:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/fetch-blob/-/fetch-blob-3.2.0.tgz"
+  integrity sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==
+  dependencies:
+    node-domexception "^1.0.0"
+    web-streams-polyfill "^3.0.3"
+
 fetch-retry@^5.0.2:
   version "5.0.6"
   resolved "https://registry.npmjs.org/fetch-retry/-/fetch-retry-5.0.6.tgz"
@@ -5931,6 +5634,13 @@ form-data@^4.0.0:
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
+formdata-polyfill@^4.0.10:
+  version "4.0.10"
+  resolved "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz"
+  integrity sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==
+  dependencies:
+    fetch-blob "^3.1.2"
+
 forwarded@0.2.0:
   version "0.2.0"
   resolved "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz"
@@ -5956,15 +5666,6 @@ fs-exists-sync@^0.1.0:
   resolved "https://registry.npmjs.org/fs-exists-sync/-/fs-exists-sync-0.1.0.tgz"
   integrity sha512-cR/vflFyPZtrN6b38ZyWxpWdhlXrzZEBawlpBQMq7033xVY7/kg0GDMBK5jg8lDYQckdJ5x/YC88lM3C7VMsLg==
 
-fs-extra@11.1.1:
-  version "11.1.1"
-  resolved "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz"
-  integrity sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==
-  dependencies:
-    graceful-fs "^4.2.0"
-    jsonfile "^6.0.1"
-    universalify "^2.0.0"
-
 fs-extra@^11.1.0:
   version "11.2.0"
   resolved "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz"
@@ -5974,6 +5675,15 @@ fs-extra@^11.1.0:
     jsonfile "^6.0.1"
     universalify "^2.0.0"
 
+fs-extra@11.1.1:
+  version "11.1.1"
+  resolved "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz"
+  integrity sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
 fs-minipass@^2.0.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz"
@@ -5986,16 +5696,16 @@ fs.realpath@^1.0.0:
   resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
-fsevents@2.3.2:
-  version "2.3.2"
-  resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz"
-  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
-
 fsevents@^2.3.2, fsevents@~2.3.2, fsevents@~2.3.3:
   version "2.3.3"
   resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz"
   integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
 
+fsevents@2.3.2:
+  version "2.3.2"
+  resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz"
+  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
+
 function-bind@^1.1.2:
   version "1.1.2"
   resolved "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz"
@@ -6105,7 +5815,18 @@ glob-to-regexp@^0.4.1:
   resolved "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz"
   integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
 
-glob@^10.0.0, glob@^10.2.2:
+glob@^10.0.0:
+  version "10.3.10"
+  resolved "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz"
+  integrity sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==
+  dependencies:
+    foreground-child "^3.1.0"
+    jackspeak "^2.3.5"
+    minimatch "^9.0.1"
+    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
+    path-scurry "^1.10.1"
+
+glob@^10.2.2:
   version "10.3.10"
   resolved "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz"
   integrity sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==
@@ -6365,7 +6086,7 @@ human-signals@^5.0.0:
   resolved "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz"
   integrity sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==
 
-i18next@^23.7.19:
+i18next@^23.7.19, "i18next@>= 23.2.3":
   version "23.7.19"
   resolved "https://registry.npmjs.org/i18next/-/i18next-23.7.19.tgz"
   integrity sha512-1aP+YSJl+nLxr42ZJtNhpWpNWYsc6nCbVCf2x4uizIX1BYfcigiRMlb3vOkE1p3+qrI+aD6h5G2Fg+2d2oMIOQ==
@@ -6430,7 +6151,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
+inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3, inherits@2, inherits@2.0.4:
   version "2.0.4"
   resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -6623,11 +6344,6 @@ is-path-inside@^3.0.2, is-path-inside@^3.0.3:
   resolved "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz"
   integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
 
-is-plain-object@5.0.0:
-  version "5.0.0"
-  resolved "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz"
-  integrity sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==
-
 is-plain-object@^2.0.4:
   version "2.0.4"
   resolved "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz"
@@ -6635,6 +6351,11 @@ is-plain-object@^2.0.4:
   dependencies:
     isobject "^3.0.1"
 
+is-plain-object@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz"
+  integrity sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==
+
 is-potential-custom-element-name@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz"
@@ -6773,7 +6494,18 @@ istanbul-lib-instrument@^4.0.0, istanbul-lib-instrument@^4.0.3:
     istanbul-lib-coverage "^3.0.0"
     semver "^6.3.0"
 
-istanbul-lib-instrument@^5.0.4, istanbul-lib-instrument@^5.1.0:
+istanbul-lib-instrument@^5.0.4:
+  version "5.2.1"
+  resolved "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz"
+  integrity sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==
+  dependencies:
+    "@babel/core" "^7.12.3"
+    "@babel/parser" "^7.14.7"
+    "@istanbuljs/schema" "^0.1.2"
+    istanbul-lib-coverage "^3.2.0"
+    semver "^6.3.0"
+
+istanbul-lib-instrument@^5.1.0:
   version "5.2.1"
   resolved "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz"
   integrity sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==
@@ -6784,7 +6516,18 @@ istanbul-lib-instrument@^5.0.4, istanbul-lib-instrument@^5.1.0:
     istanbul-lib-coverage "^3.2.0"
     semver "^6.3.0"
 
-istanbul-lib-instrument@^6.0.0, istanbul-lib-instrument@^6.0.1:
+istanbul-lib-instrument@^6.0.0:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.1.tgz"
+  integrity sha512-EAMEJBsYuyyztxMxW3g7ugGPkrZsV57v0Hmv3mm1uQsmB+QnZuepg731CRaIgeUVSdmsTngOkSnauNF8p7FIhA==
+  dependencies:
+    "@babel/core" "^7.12.3"
+    "@babel/parser" "^7.14.7"
+    "@istanbuljs/schema" "^0.1.2"
+    istanbul-lib-coverage "^3.2.0"
+    semver "^7.5.4"
+
+istanbul-lib-instrument@^6.0.1:
   version "6.0.1"
   resolved "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.1.tgz"
   integrity sha512-EAMEJBsYuyyztxMxW3g7ugGPkrZsV57v0Hmv3mm1uQsmB+QnZuepg731CRaIgeUVSdmsTngOkSnauNF8p7FIhA==
@@ -6833,12 +6576,12 @@ istanbul-reports@^3.0.2, istanbul-reports@^3.1.3:
     html-escaper "^2.0.0"
     istanbul-lib-report "^3.0.0"
 
-jackspeak@2.1.1, jackspeak@^2.3.5:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-2.1.1.tgz#2a42db4cfbb7e55433c28b6f75d8b796af9669cd"
-  integrity sha512-juf9stUEwUaILepraGOWIJTLwg48bUnBmRqd2ln2Os1sW987zeoj/hzhbvRB95oMuS2ZTpjULmdwHNX4rzZIZw==
+jackspeak@^2.3.5:
+  version "2.3.6"
+  resolved "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz"
+  integrity sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==
   dependencies:
-    cliui "^8.0.1"
+    "@isaacs/cliui" "^8.0.2"
   optionalDependencies:
     "@pkgjs/parseargs" "^0.11.0"
 
@@ -6861,7 +6604,7 @@ jest-changed-files@^29.7.0:
     jest-util "^29.7.0"
     p-limit "^3.1.0"
 
-jest-circus@^29.6.4, jest-circus@^29.7.0:
+jest-circus@^29.3.1, jest-circus@^29.6.4, jest-circus@^29.7.0:
   version "29.7.0"
   resolved "https://registry.npmjs.org/jest-circus/-/jest-circus-29.7.0.tgz"
   integrity sha512-3E1nCMgipcTkCocFwM90XXQab9bS+GMsjdpmPrlelaxwD93Ad8iVEjX/vvHPdLPnFf+L40u+5+iutRdA1N9myw==
@@ -6970,7 +6713,7 @@ jest-each@^29.7.0:
     jest-util "^29.7.0"
     pretty-format "^29.7.0"
 
-jest-environment-node@^29.6.4, jest-environment-node@^29.7.0:
+jest-environment-node@^29.3.1, jest-environment-node@^29.6.4, jest-environment-node@^29.7.0:
   version "29.7.0"
   resolved "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.7.0.tgz"
   integrity sha512-DOSwCRqXirTOyheM+4d5YZOrWcdu0LNZ87ewUoywbcb2XR4wKgqiG8vNeYwhjFMbEkfju7wx2GYH0P2gevGvFw==
@@ -7064,7 +6807,15 @@ jest-message-util@^29.7.0:
     slash "^3.0.0"
     stack-utils "^2.0.3"
 
-jest-mock@^27.0.6, jest-mock@^27.3.0:
+jest-mock@^27.0.6:
+  version "27.5.1"
+  resolved "https://registry.npmjs.org/jest-mock/-/jest-mock-27.5.1.tgz"
+  integrity sha512-K4jKbY1d4ENhbrG2zuPWaQBvDly+iZ2yAW+T1fATN78hc0sInwn7wZB8XtlNnvHug5RMwV897Xm4LqmPM4e2Og==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+
+jest-mock@^27.3.0:
   version "27.5.1"
   resolved "https://registry.npmjs.org/jest-mock/-/jest-mock-27.5.1.tgz"
   integrity sha512-K4jKbY1d4ENhbrG2zuPWaQBvDly+iZ2yAW+T1fATN78hc0sInwn7wZB8XtlNnvHug5RMwV897Xm4LqmPM4e2Og==
@@ -7127,7 +6878,7 @@ jest-resolve-dependencies@^29.7.0:
     jest-regex-util "^29.6.3"
     jest-snapshot "^29.7.0"
 
-jest-resolve@^29.7.0:
+jest-resolve@*, jest-resolve@^29.7.0:
   version "29.7.0"
   resolved "https://registry.npmjs.org/jest-resolve/-/jest-resolve-29.7.0.tgz"
   integrity sha512-IOVhZSrg+UvVAshDSDtHyFCCBUl/Q3AAJv8iZ6ZjnZ74xzvwuzLXid9IIIPgTnY62SJjfuupMKZsZQRsCvxEgA==
@@ -7142,7 +6893,7 @@ jest-resolve@^29.7.0:
     resolve.exports "^2.0.0"
     slash "^3.0.0"
 
-jest-runner@^29.6.4, jest-runner@^29.7.0:
+jest-runner@^29.3.1, jest-runner@^29.6.4, jest-runner@^29.7.0:
   version "29.7.0"
   resolved "https://registry.npmjs.org/jest-runner/-/jest-runner-29.7.0.tgz"
   integrity sha512-fsc4N6cPCAahybGBfTRcq5wFR6fpLznMg47sY5aDpsoejOcVYFb07AHuSnR0liMcPTgBsA3ZJL6kFOjPdoNipQ==
@@ -7291,7 +7042,7 @@ jest-worker@^29.7.0:
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
-jest@^29.6.4:
+"jest@^27.0.0 || ^28.0.0 || ^29.0.0", jest@^29.3.1, jest@^29.6.4, "jest@>= 28":
   version "29.7.0"
   resolved "https://registry.npmjs.org/jest/-/jest-29.7.0.tgz"
   integrity sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==
@@ -7363,7 +7114,7 @@ jscodeshift@^0.15.1:
     temp "^0.8.4"
     write-file-atomic "^2.3.0"
 
-jsdom@^23.0.1:
+jsdom@*, jsdom@^23.0.1:
   version "23.0.1"
   resolved "https://registry.npmjs.org/jsdom/-/jsdom-23.0.1.tgz"
   integrity sha512-2i27vgvlUsGEBO9+/kJQRbtqtm+191b5zAZrU/UezVmnC2dlDAFLgDYJvAEi94T4kjsRKkezEtLQTgsNEsW2lQ==
@@ -7439,6 +7190,16 @@ jsonfile@^6.0.1:
   optionalDependencies:
     graceful-fs "^4.1.6"
 
+jsonld@^8.3.2:
+  version "8.3.2"
+  resolved "https://registry.npmjs.org/jsonld/-/jsonld-8.3.2.tgz"
+  integrity sha512-MwBbq95szLwt8eVQ1Bcfwmgju/Y5P2GdtlHE2ncyfuYjIdEhluUVyj1eudacf1mOkWIoS9GpDBTECqhmq7EOaA==
+  dependencies:
+    "@digitalbazaar/http-client" "^3.4.1"
+    canonicalize "^1.0.1"
+    lru-cache "^6.0.0"
+    rdf-canonize "^3.4.0"
+
 keen-slider@^6.8.5:
   version "6.8.6"
   resolved "https://registry.npmjs.org/keen-slider/-/keen-slider-6.8.6.tgz"
@@ -7461,6 +7222,19 @@ kleur@^3.0.3:
   resolved "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz"
   integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
 
+ky-universal@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.npmjs.org/ky-universal/-/ky-universal-0.11.0.tgz"
+  integrity sha512-65KyweaWvk+uKKkCrfAf+xqN2/epw1IJDtlyCPxYffFCMR8u1sp2U65NtWpnozYfZxQ6IUzIlvUcw+hQ82U2Xw==
+  dependencies:
+    abort-controller "^3.0.0"
+    node-fetch "^3.2.10"
+
+ky@^0.33.3, ky@>=0.31.4:
+  version "0.33.3"
+  resolved "https://registry.npmjs.org/ky/-/ky-0.33.3.tgz"
+  integrity sha512-CasD9OCEQSFIam2U8efFK81Yeg8vNMTBUqtMOHlrcWQHqUX3HeCl9Dr31u4toV7emlH8Mymk5+9p0lL6mKb/Xw==
+
 lazy-universal-dotenv@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/lazy-universal-dotenv/-/lazy-universal-dotenv-4.0.0.tgz"
@@ -7723,7 +7497,7 @@ microseconds@0.2.0:
   resolved "https://registry.npmjs.org/microseconds/-/microseconds-0.2.0.tgz"
   integrity sha512-n7DHHMjR1avBbSpsTBj6fmMGh2AGrifVV4e+WYc3Q9lO+xnSZ3NyhcBND3vzzatt05LFhoKFRxrIyklmLlUtyA==
 
-mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
+"mime-db@>= 1.43.0 < 2", mime-db@1.52.0:
   version "1.52.0"
   resolved "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz"
   integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
@@ -7735,16 +7509,16 @@ mime-types@^2.1.12, mime-types@^2.1.25, mime-types@~2.1.24, mime-types@~2.1.34:
   dependencies:
     mime-db "1.52.0"
 
-mime@1.6.0:
-  version "1.6.0"
-  resolved "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz"
-  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
-
 mime@^2.0.3:
   version "2.6.0"
   resolved "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz"
   integrity sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==
 
+mime@1.6.0:
+  version "1.6.0"
+  resolved "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz"
+  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
+
 mimic-fn@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz"
@@ -7760,7 +7534,7 @@ min-indent@^1.0.0, min-indent@^1.0.1:
   resolved "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz"
   integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
 
-minimatch@*, minimatch@^9.0.1:
+minimatch@*:
   version "9.0.3"
   resolved "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz"
   integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
@@ -7781,6 +7555,13 @@ minimatch@^5.0.1:
   dependencies:
     brace-expansion "^2.0.1"
 
+minimatch@^9.0.1:
+  version "9.0.3"
+  resolved "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz"
+  integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimist@^1.2.5, minimist@^1.2.6, minimist@^1.2.8:
   version "1.2.8"
   resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz"
@@ -7793,16 +7574,16 @@ minipass@^3.0.0:
   dependencies:
     yallist "^4.0.0"
 
-minipass@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz"
-  integrity sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==
-
 "minipass@^5.0.0 || ^6.0.2 || ^7.0.0":
   version "7.0.4"
   resolved "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz"
   integrity sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==
 
+minipass@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz"
+  integrity sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==
+
 minizlib@^2.1.1:
   version "2.1.2"
   resolved "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz"
@@ -7902,6 +7683,11 @@ node-dir@^0.1.17:
   dependencies:
     minimatch "^3.0.2"
 
+node-domexception@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz"
+  integrity sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==
+
 node-fetch-native@^1.4.0:
   version "1.4.1"
   resolved "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.4.1.tgz"
@@ -7914,6 +7700,15 @@ node-fetch@^2, node-fetch@^2.0.0:
   dependencies:
     whatwg-url "^5.0.0"
 
+node-fetch@^3.2.10:
+  version "3.3.2"
+  resolved "https://registry.npmjs.org/node-fetch/-/node-fetch-3.3.2.tgz"
+  integrity sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==
+  dependencies:
+    data-uri-to-buffer "^4.0.0"
+    fetch-blob "^3.1.4"
+    formdata-polyfill "^4.0.10"
+
 node-int64@^0.4.0:
   version "0.4.0"
   resolved "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz"
@@ -8110,7 +7905,14 @@ os-homedir@^1.0.1:
   resolved "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz"
   integrity sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==
 
-p-limit@^2.0.0, p-limit@^2.2.0:
+p-limit@^2.0.0:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz"
+  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
+  dependencies:
+    p-try "^2.0.0"
+
+p-limit@^2.2.0:
   version "2.3.0"
   resolved "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz"
   integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
@@ -8342,7 +8144,7 @@ pkg-types@^1.0.3:
     mlly "^1.2.0"
     pathe "^1.1.0"
 
-playwright-core@1.40.1, playwright-core@>=1.2.0:
+playwright-core@>=1.2.0, playwright-core@1.40.1:
   version "1.40.1"
   resolved "https://registry.npmjs.org/playwright-core/-/playwright-core-1.40.1.tgz"
   integrity sha512-+hkOycxPiV534c4HhpfX6yrlawqVUzITRKwHAmYfmsVreltEl6fAZJ3DPfLMOODw0H3s1Itd6MDCWmP1fl/QvQ==
@@ -8528,13 +8330,6 @@ pure-rand@^6.0.0:
   resolved "https://registry.npmjs.org/pure-rand/-/pure-rand-6.0.4.tgz"
   integrity sha512-LA0Y9kxMYv47GIPJy6MI84fqTd2HmYZI83W/kM/SkKfDlajnZYfmXFTxkbY+xSBPkLJxltMa9hIkmdc29eguMA==
 
-qs@6.11.0:
-  version "6.11.0"
-  resolved "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz"
-  integrity sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==
-  dependencies:
-    side-channel "^1.0.4"
-
 qs@^6.10.0:
   version "6.11.2"
   resolved "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz"
@@ -8542,6 +8337,13 @@ qs@^6.10.0:
   dependencies:
     side-channel "^1.0.4"
 
+qs@6.11.0:
+  version "6.11.0"
+  resolved "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz"
+  integrity sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==
+  dependencies:
+    side-channel "^1.0.4"
+
 querystringify@^2.1.1:
   version "2.2.0"
   resolved "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz"
@@ -8572,6 +8374,13 @@ raw-body@2.5.1:
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
+rdf-canonize@^3.4.0:
+  version "3.4.0"
+  resolved "https://registry.npmjs.org/rdf-canonize/-/rdf-canonize-3.4.0.tgz"
+  integrity sha512-fUeWjrkOO0t1rg7B2fdyDTvngj+9RlUyL92vOdiB7c0FPguWVsniIMjEtHH+meLBO9rzkUlUzBVXgWrjI8P9LA==
+  dependencies:
+    setimmediate "^1.0.5"
+
 react-base16-styling@^0.9.1:
   version "0.9.1"
   resolved "https://registry.npmjs.org/react-base16-styling/-/react-base16-styling-0.9.1.tgz"
@@ -8618,7 +8427,7 @@ react-docgen@^7.0.0:
     resolve "^1.22.1"
     strip-indent "^4.0.0"
 
-react-dom@^18.2.0:
+"react-dom@^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0", "react-dom@^16.8 || ^17.0 || ^18.0", "react-dom@^16.8.0 || ^17.0.0 || ^18.0.0", "react-dom@^17.0.0 || ^18.0.0", react-dom@^18.0.0, react-dom@^18.2.0, react-dom@>=16.6.0, react-dom@>=16.8, react-dom@>=16.8.0, "react-dom@16.8.0 - 18":
   version "18.2.0"
   resolved "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz"
   integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
@@ -8640,7 +8449,7 @@ react-gtm-module@^2.0.11:
   resolved "https://registry.npmjs.org/react-gtm-module/-/react-gtm-module-2.0.11.tgz"
   integrity sha512-8gyj4TTxeP7eEyc2QKawEuQoAZdjKvMY4pgWfycGmqGByhs17fR+zEBs0JUDq4US/l+vbTl+6zvUIx27iDo/Vw==
 
-react-hook-form@^7.47.0:
+react-hook-form@^7.0.0, react-hook-form@^7.47.0:
   version "7.48.2"
   resolved "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.48.2.tgz"
   integrity sha512-H0T2InFQb1hX7qKtDIZmvpU1Xfn/bdahWBN1fH19gSe4bBEqTfmlr7H3XWTaVtiK4/tpPaI1F3355GPMZYge+A==
@@ -8653,12 +8462,12 @@ react-i18next@^14.0.1:
     "@babel/runtime" "^7.22.5"
     html-parse-stringify "^3.0.1"
 
-react-is@18.1.0:
-  version "18.1.0"
-  resolved "https://registry.npmjs.org/react-is/-/react-is-18.1.0.tgz"
-  integrity sha512-Fl7FuabXsJnV5Q1qIOQwx/sagGF18kogb4gpfcG4gjLBWO0WDiiz1ko/ExayuxE7InyQkBLkxRFG5oxY6Uu3Kg==
+react-is@^16.13.1:
+  version "16.13.1"
+  resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
-react-is@^16.13.1, react-is@^16.7.0:
+react-is@^16.7.0:
   version "16.13.1"
   resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -8673,6 +8482,11 @@ react-is@^18.0.0, react-is@^18.2.0:
   resolved "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz"
   integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
 
+react-is@18.1.0:
+  version "18.1.0"
+  resolved "https://registry.npmjs.org/react-is/-/react-is-18.1.0.tgz"
+  integrity sha512-Fl7FuabXsJnV5Q1qIOQwx/sagGF18kogb4gpfcG4gjLBWO0WDiiz1ko/ExayuxE7InyQkBLkxRFG5oxY6Uu3Kg==
+
 react-json-tree@^0.18.0:
   version "0.18.0"
   resolved "https://registry.npmjs.org/react-json-tree/-/react-json-tree-0.18.0.tgz"
@@ -8749,7 +8563,7 @@ react-transition-group@^4.4.5:
     loose-envify "^1.4.0"
     prop-types "^15.6.2"
 
-react@^18.2.0:
+"react@^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0", "react@^16.3.0 || ^17.0.1 || ^18.0.0", "react@^16.8 || ^17.0 || ^18.0", "react@^16.8.0 || ^17 || ^18", "react@^16.8.0 || ^17.0.0 || ^18.0.0", "react@^17.0.0 || ^18.0.0", react@^18.0.0, react@^18.2.0, "react@>= 0.14.0", "react@>= 16.8.0", react@>=16, react@>=16.6.0, react@>=16.8, react@>=16.8.0, "react@15.x || 16.x || 17.x || 18.x", "react@16.8.0 - 18":
   version "18.2.0"
   resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
   integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
@@ -8788,7 +8602,16 @@ readable-stream@^2.0.0, readable-stream@^2.2.2, readable-stream@~2.3.6:
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-readable-stream@^3.1.1, readable-stream@^3.4.0:
+readable-stream@^3.1.1:
+  version "3.6.2"
+  resolved "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz"
+  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
+readable-stream@^3.4.0:
   version "3.6.2"
   resolved "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz"
   integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
@@ -8979,13 +8802,6 @@ reusify@^1.0.4:
   resolved "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz"
   integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
 
-rimraf@3.0.2, rimraf@^3.0.0, rimraf@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz"
-  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
-  dependencies:
-    glob "^7.1.3"
-
 rimraf@^2.6.1:
   version "2.7.1"
   resolved "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz"
@@ -8993,6 +8809,13 @@ rimraf@^2.6.1:
   dependencies:
     glob "^7.1.3"
 
+rimraf@^3.0.0, rimraf@^3.0.2, rimraf@3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz"
+  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
+  dependencies:
+    glob "^7.1.3"
+
 rimraf@~2.6.2:
   version "2.6.3"
   resolved "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz"
@@ -9000,7 +8823,7 @@ rimraf@~2.6.2:
   dependencies:
     glob "^7.1.3"
 
-"rollup@^2.25.0 || ^3.3.0", rollup@^3.27.1:
+rollup@^1.20.0||^2.0.0||^3.0.0||^4.0.0, "rollup@^2.25.0 || ^3.3.0", rollup@^3.27.1:
   version "3.29.4"
   resolved "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz"
   integrity sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==
@@ -9046,12 +8869,17 @@ rxjs@^7.8.1:
   dependencies:
     tslib "^2.1.0"
 
-safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+safe-buffer@~5.1.0, safe-buffer@~5.1.1, safe-buffer@5.1.2:
   version "5.1.2"
   resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
-safe-buffer@5.2.1, safe-buffer@~5.2.0:
+safe-buffer@~5.2.0:
+  version "5.2.1"
+  resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz"
+  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
+
+safe-buffer@5.2.1:
   version "5.2.1"
   resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
@@ -9084,12 +8912,22 @@ schema-utils@^2.7.0:
     ajv "^6.12.4"
     ajv-keywords "^3.5.2"
 
-"semver@2 || 3 || 4 || 5", semver@^5.6.0:
+semver@^5.6.0:
   version "5.7.2"
   resolved "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz"
   integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
 
-semver@^6.0.0, semver@^6.3.0, semver@^6.3.1:
+semver@^6.0.0:
+  version "6.3.1"
+  resolved "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz"
+  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
+
+semver@^6.3.0:
+  version "6.3.1"
+  resolved "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz"
+  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
+
+semver@^6.3.1:
   version "6.3.1"
   resolved "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
@@ -9101,6 +8939,11 @@ semver@^7.3.7, semver@^7.5.3, semver@^7.5.4:
   dependencies:
     lru-cache "^6.0.0"
 
+"semver@2 || 3 || 4 || 5":
+  version "5.7.2"
+  resolved "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz"
+  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
+
 send@0.18.0:
   version "0.18.0"
   resolved "https://registry.npmjs.org/send/-/send-0.18.0.tgz"
@@ -9154,6 +8997,11 @@ set-function-name@^2.0.0:
     functions-have-names "^1.2.3"
     has-property-descriptors "^1.0.0"
 
+setimmediate@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz"
+  integrity sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==
+
 setprototypeof@1.2.0:
   version "1.2.0"
   resolved "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz"
@@ -9197,7 +9045,12 @@ signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
   resolved "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
 
-signal-exit@^4.0.1, signal-exit@^4.1.0:
+signal-exit@^4.0.1:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz"
+  integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
+
+signal-exit@^4.1.0:
   version "4.1.0"
   resolved "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz"
   integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
@@ -9245,14 +9098,6 @@ source-map-js@^1.0.2:
   resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
 
-source-map-support@0.5.13:
-  version "0.5.13"
-  resolved "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz"
-  integrity sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==
-  dependencies:
-    buffer-from "^1.0.0"
-    source-map "^0.6.0"
-
 source-map-support@^0.5.16:
   version "0.5.21"
   resolved "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz"
@@ -9261,6 +9106,14 @@ source-map-support@^0.5.16:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
+source-map-support@0.5.13:
+  version "0.5.13"
+  resolved "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz"
+  integrity sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
 source-map@^0.5.7:
   version "0.5.7"
   resolved "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz"
@@ -9393,6 +9246,20 @@ stream-shift@^1.0.0:
   resolved "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.1.tgz"
   integrity sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==
 
+string_decoder@^1.1.1:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz"
+  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
+  dependencies:
+    safe-buffer "~5.2.0"
+
+string_decoder@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz"
+  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
+  dependencies:
+    safe-buffer "~5.1.0"
+
 string-length@^4.0.1:
   version "4.0.2"
   resolved "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz"
@@ -9409,6 +9276,15 @@ string-length@^5.0.1:
     char-regex "^2.0.0"
     strip-ansi "^7.0.1"
 
+"string-width-cjs@npm:string-width@^4.2.0":
+  version "4.2.3"
+  resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
 string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
@@ -9418,19 +9294,21 @@ string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.1"
 
-string_decoder@^1.1.1:
-  version "1.3.0"
-  resolved "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz"
-  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
+string-width@^5.0.1, string-width@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz"
+  integrity sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==
   dependencies:
-    safe-buffer "~5.2.0"
+    eastasianwidth "^0.2.0"
+    emoji-regex "^9.2.2"
+    strip-ansi "^7.0.1"
 
-string_decoder@~1.1.1:
-  version "1.1.1"
-  resolved "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz"
-  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
   dependencies:
-    safe-buffer "~5.1.0"
+    ansi-regex "^5.0.1"
 
 strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
@@ -9707,7 +9585,12 @@ ts-dedent@^2.0.0, ts-dedent@^2.2.0:
   resolved "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz"
   integrity sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==
 
-tslib@^1.13.0, tslib@^1.8.1:
+tslib@^1.13.0:
+  version "1.14.1"
+  resolved "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz"
+  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
+
+tslib@^1.8.1:
   version "1.14.1"
   resolved "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
@@ -9736,7 +9619,7 @@ type-check@^0.4.0, type-check@~0.4.0:
   dependencies:
     prelude-ls "^1.2.1"
 
-type-detect@4.0.8, type-detect@^4.0.0, type-detect@^4.0.8:
+type-detect@^4.0.0, type-detect@^4.0.8, type-detect@4.0.8:
   version "4.0.8"
   resolved "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz"
   integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
@@ -9761,7 +9644,12 @@ type-fest@^0.6.0:
   resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz"
   integrity sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==
 
-type-fest@^0.8.0, type-fest@^0.8.1:
+type-fest@^0.8.0:
+  version "0.8.1"
+  resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz"
+  integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
+
+type-fest@^0.8.1:
   version "0.8.1"
   resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz"
   integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
@@ -9796,7 +9684,7 @@ typedarray@^0.0.6:
   resolved "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz"
   integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
 
-typescript@^5.0.2:
+typescript@*, typescript@^5.0.2, "typescript@>= 4.3.x", "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta":
   version "5.3.2"
   resolved "https://registry.npmjs.org/typescript/-/typescript-5.3.2.tgz"
   integrity sha512-6l+RyNy7oAHDfxC4FzSJcz9vnjTKxrLpDG5M2Vu4SHRVNg6xzqZp6LYSR9zjqQTu8DU/f5xwxUdADOkbrIX2gQ==
@@ -9816,6 +9704,13 @@ undici-types@~5.26.4:
   resolved "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz"
   integrity sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==
 
+undici@^5.21.2:
+  version "5.28.3"
+  resolved "https://registry.npmjs.org/undici/-/undici-5.28.3.tgz"
+  integrity sha512-3ItfzbrhDlINjaP0duwnNsKpDQk3acHI3gVJ1z4fmwMK31k5G9OVIAMLSIaP6w4FaGkaAkN6zaQO9LUvZ1t7VA==
+  dependencies:
+    "@fastify/busboy" "^2.0.0"
+
 unicode-canonical-property-names-ecmascript@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz"
@@ -9886,7 +9781,7 @@ unload@2.2.0:
     "@babel/runtime" "^7.6.2"
     detect-node "^2.0.4"
 
-unpipe@1.0.0, unpipe@~1.0.0:
+unpipe@~1.0.0, unpipe@1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz"
   integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
@@ -10025,7 +9920,7 @@ vite-plugin-istanbul@^3.0.1:
     picocolors "^1.0.0"
     test-exclude "^6.0.0"
 
-vite@^4.3.9:
+"vite@^3.0.0 || ^4.0.0 || ^5.0.0", vite@^4, vite@^4.1.0-beta.0, "vite@^4.2.0 || ^5.0.0", vite@^4.3.9:
   version "4.5.1"
   resolved "https://registry.npmjs.org/vite/-/vite-4.5.1.tgz"
   integrity sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==
@@ -10047,7 +9942,7 @@ vite@^5.0.0:
   optionalDependencies:
     fsevents "~2.3.3"
 
-vitest@^1.1.0:
+vitest@^1.0.0, vitest@^1.1.0, "vitest@>= 0.32":
   version "1.2.2"
   resolved "https://registry.npmjs.org/vitest/-/vitest-1.2.2.tgz"
   integrity sha512-d5Ouvrnms3GD9USIK36KG8OZ5bEvKEkITFtnGv56HFaSlbItJuYr7hv2Lkn903+AvRAgSixiamozUVfORUekjw==
@@ -10128,6 +10023,11 @@ wcwidth@^1.0.1:
   dependencies:
     defaults "^1.0.3"
 
+web-streams-polyfill@^3.0.3, web-streams-polyfill@>=3.2.1:
+  version "3.3.3"
+  resolved "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.3.3.tgz"
+  integrity sha512-d2JWLCivmZYTSIoge9MsgFCZrt571BikcWGYkjC1khllbTeDlGqZ2D8vD8E/lJa8WGWbb7Plm8/XJYV7IJHZZw==
+
 webidl-conversions@^3.0.0:
   version "3.0.1"
   resolved "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz"
@@ -10240,6 +10140,15 @@ wordwrap@^1.0.0:
   resolved "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz"
   integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==
 
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
 wrap-ansi@^6.2.0:
   version "6.2.0"
   resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz"
@@ -10258,6 +10167,15 @@ wrap-ansi@^7.0.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
+wrap-ansi@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz"
+  integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
+  dependencies:
+    ansi-styles "^6.1.0"
+    string-width "^5.0.1"
+    strip-ansi "^7.0.1"
+
 wrappy@1:
   version "1.0.2"
   resolved "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz"

From 30105b9bb4e3952cbdbc590cb400aedd7fd6df72 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Sza=C5=82owski?= <michal.szalowski@gmail.com>
Date: Wed, 13 Mar 2024 09:37:00 +0100
Subject: [PATCH 108/109] [#451] change json extension to jsonld

---
 .../src/hooks/forms/useCreateGovernanceActionForm.ts   |  2 +-
 govtool/frontend/src/utils/jsonUtils.ts                | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
index e82639030..614e3d634 100644
--- a/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
+++ b/govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts
@@ -77,7 +77,7 @@ export const useCreateGovernanceActionForm = () => {
       GOVERNANCE_ACTION_CONTEXTS[govActionType as GovernanceActionType]
     );
 
-    return JSON.stringify(json);
+    return json;
   };
 
   const onSubmit = useCallback(async (data: CreateGovernanceActionValues) => {
diff --git a/govtool/frontend/src/utils/jsonUtils.ts b/govtool/frontend/src/utils/jsonUtils.ts
index af691cf23..078ee30c0 100644
--- a/govtool/frontend/src/utils/jsonUtils.ts
+++ b/govtool/frontend/src/utils/jsonUtils.ts
@@ -1,8 +1,12 @@
-export const downloadJson = (json: string, fileName?: string) => {
-  const jsonString = `data:text/json;chatset=utf-8,${encodeURIComponent(json)}`;
+import { NodeObject } from "jsonld";
+
+export const downloadJson = (json: NodeObject, fileName?: string) => {
+  const jsonString = `data:text/jsonld;chatset=utf-8,${encodeURIComponent(
+    JSON.stringify(json, null, 2)
+  )}`;
   const link = document.createElement("a");
   link.href = jsonString;
-  link.download = `${fileName ? fileName : "data"}.json`;
+  link.download = `${fileName ? fileName : "data"}.jsonld`;
 
   link.click();
 };

From 805ad848bce4e6147cbfd0aff9e849e4cf5745ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Wed, 13 Mar 2024 09:55:24 +0100
Subject: [PATCH 109/109] [#451] uncoment and add to changelog

---
 CHANGELOG.md                                  |  2 +-
 .../src/consts/governanceActionFields.ts      | 22 +++++++++----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1b4be57e6..a89f944c1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,7 +9,7 @@ As a minor extension, we also keep a semantic version for the `UNRELEASED`
 changes.
 
 ## [Unreleased]
-
+- Add generate jsonld function [Issue 451](https://github.com/IntersectMBO/govtool/issues/451)
 - Create GA review subbmision page [Issue 362](https://github.com/IntersectMBO/govtool/issues/362)
 - Create GA creation form [Issue 360](https://github.com/IntersectMBO/govtool/issues/360)
 - Create TextArea [Issue 110](https://github.com/IntersectMBO/govtool/issues/110)
diff --git a/govtool/frontend/src/consts/governanceActionFields.ts b/govtool/frontend/src/consts/governanceActionFields.ts
index 211ee6582..e5663758b 100644
--- a/govtool/frontend/src/consts/governanceActionFields.ts
+++ b/govtool/frontend/src/consts/governanceActionFields.ts
@@ -110,17 +110,17 @@ export const GOVERNANCE_ACTION_FIELDS: GovernanceActionFields = {
       placeholderI18nKey:
         "createGovernanceAction.fields.declarations.amount.placeholder",
       rules: {
-        // required: {
-        // value: true,
-        // message: I18n.t("createGovernanceAction.fields.validations.required"),
-        // },
-        // validate: (value) => {
-        // if (Number.isInteger(Number(value))) {
-        // return true;
-        // } else {
-        // return I18n.t("createGovernanceAction.fields.validations.number");
-        // }
-        // },
+        required: {
+          value: true,
+          message: I18n.t("createGovernanceAction.fields.validations.required"),
+        },
+        validate: (value) => {
+          if (Number.isInteger(Number(value))) {
+            return true;
+          } else {
+            return I18n.t("createGovernanceAction.fields.validations.number");
+          }
+        },
       },
     },
   },