feat: updates Thank you screen for m2 donations

- updates planet-sdk to get latest `Donation` type
- adapts thank you message and image text for donations with unitType = m2 and purpose = trees

Author: mohitb35

package-lock.json

@@ -26,7 +26,7 @@
     "@mui/material": "^5.11.8",
     "@next/bundle-analyzer": "^10.1.3",
     "@paypal/react-paypal-js": "^7.8.2",
-    "@planet-sdk/common": "^0.1.27",
+    "@planet-sdk/common": "^0.1.29",
     "@sentry/browser": "^6.2.5",
     "@sentry/integrations": "^6.2.5",
     "@sentry/node": "^6.2.5",

package.json

@@ -78,9 +78,10 @@
   "contributionMessage": "Maybe you'll visit them some day? In the mean time, maybe hook up your friends with some trees of their own by telling them about yours?",
   "fundingDonationSuccess": "Thank you for your contribution! You’ll receive a confirmation for your contribution on your email.",
   "fundingContributionMessage": "We will keep you posted about our actions, in the mean time maybe share with your friends about your contribution.",
-  "yourTreesPlantedByOnLocation": "Your {{treeCount}} trees will be planted by {{projectName}} in {{location}}.",
+  "restorationDonationUsage": "Your donation will be used to restore {{units}} {{unitType}} by {{projectName}} in {{location}}.",
   "m2conservedByOnLocation": "{{quantity}} m² forest will be conserved by {{projectName}} in {{location}}.",
   "myTreesPlantedByOnLocation": "My {{treeCount}} trees are being planted in {{location}}.",
+  "restorationDonationShareDetails": "I donated {{amount}} for forest restoration in {{location}}.",
   "iDonatedForestOnLocation": "I donated {{amount}} for forest conservation in {{location}}.",
   "weDonatedForestOnLocation": "We donated {{amount}} for forest conservation in {{location}}.",
   "plantTreesAtURL": "Restore & protect trees at {{url}}",
@@ -172,7 +173,7 @@
   "lowBalance": "Balance is low",
   "oneTimePay": "Donation with PlanetCash is a one time payment",
   "currency": "Currency",
-  "treesPurpose": "tree donation",
+  "treesPurpose": "restoration donation",
   "fundsPurpose": "donation",
   "bouquetPurpose": "donation",
   "conservationPurpose": "conservation donation",
@@ -216,4 +217,4 @@
   "top_project_standards_fulfilled": "The project inspection revealed that this project fulfilled at least 12 of the 19 Top Project <2>standards.</2>",
   "standardsLink": "https://www.plant-for-the-planet.org/standards/",
   "enterValidEmail": "Please enter a valid email"
-}
+}

public/locales/en/common.json

@@ -60,15 +60,26 @@ const ImageComponent = ({
     return (
       <div className={"donation-count p-20"}>
         {projectDetails?.purpose === "trees" &&
-          t("common:myTreesPlantedByOnLocation", {
-            treeCount: getFormattedNumber(
-              i18n.language,
-              Number(donation.treeCount)
-            ),
-            location: t(
-              "country:" + donation.destination.country.toLowerCase()
-            ),
-          })}
+          (donation.unitType === "tree"
+            ? t("common:myTreesPlantedByOnLocation", {
+                treeCount: getFormattedNumber(
+                  i18n.language,
+                  Number(donation.treeCount)
+                ),
+                location: t(
+                  "country:" + donation.destination.country.toLowerCase()
+                ),
+              })
+            : t("common:restorationDonationShareDetails", {
+                amount: getFormattedCurrency(
+                  i18n.language,
+                  donation.currency,
+                  Number(donation.amount)
+                ),
+                location: t(
+                  "country:" + donation.destination.country.toLowerCase()
+                ),
+              }))}
         {projectDetails?.purpose === "conservation" &&
           t(
             `common:${

src/Donations/Micros/PaymentStatus/ImageComponent.tsx

@@ -1,7 +1,6 @@
 import React, { ReactElement } from "react";
 import { useTranslation } from "next-i18next";
 import getFormatedCurrency from "src/Utils/getFormattedCurrency";
-import { getFormattedNumber } from "src/Utils/getFormattedNumber";
 import { QueryParamContext } from "src/Layout/QueryParamContext";
 import { FetchedProjectDetails } from "src/Common/Types";
 import { Donation } from "@planet-sdk/common/build/types/donation";
@@ -49,17 +48,16 @@ function ThankyouMessage({
       : null;
 
   // EXAMPLE: Your 50 trees will be planted by AMU EcoVillage Project, Ethiopia in Ethiopia.
-  const donationProjectMessage = donation.destination
-    ? " " +
-      t("common:yourTreesPlantedByOnLocation", {
-        treeCount: getFormattedNumber(
-          i18n.language,
-          Number(donation.treeCount)
-        ),
-        projectName: donation.destination.name,
-        location: t("country:" + donation.destination.country.toLowerCase()),
-      })
-    : null;
+  const donationProjectMessage =
+    donation.destination && donation.units
+      ? " " +
+        t("common:restorationDonationUsage", {
+          units: donation.units,
+          unitType: t(`common:${donation.unitType}`, { count: donation.units }),
+          projectName: donation.destination.name,
+          location: t("country:" + donation.destination.country.toLowerCase()),
+        })
+      : null;
 
   const Message = () => {
     return (