Merge pull request #3156 from IntersectMBO/develop

GovTool - v2.0.14

Author: MSzalowski

CHANGELOG.md

@@ -18,11 +18,12 @@ changes.
 
 ### Removed
 
-## [v2.0.14](https://github.com/IntersectMBO/govtool/releases/tag/v2.0.14) 2025-03-05
-
+## [v2.0.14](https://github.com/IntersectMBO/govtool/releases/tag/v2.0.14) 2025-03-06
 
 ### Added
 
+- Add image tag for DRep in GovTool metadata [Issue 3137](https://github.com/IntersectMBO/govtool/issues/3137)
+
 ### Fixed
 
 - Fix calculating withdrawals when rewards records are empty for a given stake key [Issue 3134](https://github.com/IntersectMBO/govtool/issues/3134)

govtool/frontend/package-lock.json

@@ -88,9 +88,9 @@
     "@typescript-eslint/parser": "^7.3.1",
     "@vitejs/plugin-legacy": "^6.0.0",
     "@vitejs/plugin-react-swc": "^3.7.2",
-    "@vitest/browser": "^2.1.8",
-    "@vitest/coverage-v8": "^2.1.8",
-    "@vitest/ui": "^2.1.8",
+    "@vitest/browser": "^3.0.7",
+    "@vitest/coverage-v8": "^3.0.7",
+    "@vitest/ui": "^3.0.7",
     "chromatic": "^11.20.0",
     "eslint": "^8.38.0",
     "eslint-config-airbnb": "^19.0.4",
@@ -108,7 +108,7 @@
     "typescript": "^5.0.2",
     "vite": "^6.0.3",
     "vite-plugin-compression": "^0.5.1",
-    "vitest": "^2.1.8"
+    "vitest": "^3.0.7"
   },
   "optionalDependencies": {
     "@rollup/rollup-linux-arm64-musl": "4.12.0"

govtool/frontend/package.json

@@ -12,9 +12,10 @@ import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline";
 import { Button, InfoText, Spacer, Typography } from "@atoms";
 import { Rules } from "@consts";
 import { useScreenDimension, useTranslation } from "@hooks";
-import { ControlledField } from "../organisms";
 import { DRepDataFormValues } from "@/types/dRep";
 
+import { ControlledField } from "../organisms";
+
 const MAX_NUMBER_OF_LINKS = 7;
 
 type Props = {
@@ -100,6 +101,18 @@ export const DRepDataForm = ({ control, errors, register, watch }: Props) => {
             maxLength={Rules.QUALIFICATIONS.maxLength.value}
           />
         </div>
+        <div>
+          <FieldDescription
+            title={t("forms.dRepData.image")}
+            subtitle={t("forms.dRepData.imageHelpfulText")}
+          />
+          <ControlledField.Input
+            {...{ control, errors }}
+            data-testid="image-input"
+            name="image"
+            rules={Rules.IMAGE_URL}
+          />
+        </div>
         <Box sx={{ display: "flex", flexDirection: "column", gap: 4, mt: 3 }}>
           <Typography
             variant="title2"

govtool/frontend/src/components/molecules/DRepDataForm.tsx

@@ -57,6 +57,7 @@ export const EditDRepForm = ({
         motivations: data?.motivations ?? "",
         qualifications: data?.qualifications ?? "",
         paymentAddress: data?.paymentAddress ?? "",
+        image: data?.image ?? "",
         linkReferences: groupedReferences?.Link ?? [getEmptyReference("Link")],
         identityReferences: groupedReferences?.Identity ?? [
           getEmptyReference("Identity"),

govtool/frontend/src/components/organisms/EditDRepInfoSteps/EditDRepForm.tsx

@@ -1,5 +1,10 @@
 import i18n from "@/i18n";
-import { URL_REGEX, isReceivingAddress, isValidURLLength } from "@/utils";
+import {
+  IMAGE_REGEX,
+  URL_REGEX,
+  isReceivingAddress,
+  isValidURLLength,
+} from "@/utils";
 
 export const Rules = {
   GIVEN_NAME: {
@@ -66,4 +71,10 @@ export const Rules = {
       }),
     },
   },
+  IMAGE_URL: {
+    pattern: {
+      value: IMAGE_REGEX,
+      message: i18n.t("registration.fields.validations.image"),
+    },
+  },
 };

govtool/frontend/src/consts/dRepActions/fields.ts

@@ -31,7 +31,14 @@ export const DREP_CONTEXT = {
       },
       paymentAddress: "CIP119:paymentAddress",
       givenName: "CIP119:givenName",
-      image: "CIP119:image",
+      image: {
+        "@id": "CIP119:image",
+        "@context": {
+          ImageObject: "https://schema.org/ImageObject",
+          contentUrl: "CIP119:contentUrl",
+          sha256: "CIP119:sha256",
+        },
+      },
       objectives: "CIP119:objectives",
       motivations: "CIP119:motivations",
       qualifications: "CIP119:qualifications",

govtool/frontend/src/consts/dRepActions/jsonContext.ts

@@ -50,7 +50,7 @@ const GovernanceActionProvider = ({ children }: PropsWithChildren) => {
   const createGovernanceActionJsonLD = useCallback(
     async (govActionMetadata: GovActionMetadata) => {
       try {
-        const metadataBody = generateMetadataBody({
+        const metadataBody = await generateMetadataBody({
           data: govActionMetadata,
           acceptedKeys: ["title", "abstract", "motivation", "rationale"],
         });

govtool/frontend/src/context/governanceAction.tsx

@@ -102,7 +102,7 @@ export const useCreateGovernanceActionForm = (
       throw new Error("Governance action type is not defined");
     }
 
-    const body = generateMetadataBody({
+    const body = await generateMetadataBody({
       data: getValues(),
       acceptedKeys: ["title", "motivation", "abstract", "rationale"],
     });

govtool/frontend/src/hooks/forms/useCreateGovernanceActionForm.ts

@@ -19,6 +19,7 @@ export const defaultEditDRepInfoValues: DRepDataFormValues = {
   objectives: "",
   motivations: "",
   qualifications: "",
+  image: "",
   paymentAddress: "",
   linkReferences: [{ "@type": "Link", uri: "", label: "" }],
   identityReferences: [{ "@type": "Identity", uri: "", label: "" }],
@@ -75,7 +76,7 @@ export const useEditDRepInfoForm = (
   // Business Logic
   const generateMetadata = useCallback(async () => {
     const { linkReferences, identityReferences, ...rest } = getValues();
-    const body = generateMetadataBody({
+    const body = await generateMetadataBody({
       data: {
         ...rest,
         references: [...(linkReferences ?? []), ...(identityReferences ?? [])],
@@ -87,6 +88,7 @@ export const useEditDRepInfoForm = (
         "qualifications",
         "paymentAddress",
         "doNotList",
+        "image",
       ],
     });