Set Google Pay merchantName to endow name (profileUrl)

src/components/donation/Steps/DonateMethods/GooglePay/createPaymentRequest.ts

@@ -1,9 +1,11 @@
 import { FormStep } from "slices/donation";
-import { GOOGLE_PAY_MERCHANT_ID } from "constants/env";
+import { GOOGLE_PAY_MERCHANT_ID, PUBLIC_STRIPE_KEY } from "constants/env";
+import getProfileUrl from "../getProfileUrl";
 
 export default function createPaymentRequest(
  state: FormStep
 ): google.payments.api.PaymentDataRequest {
+ const profileUrl = getProfileUrl(state.recipient.id);
  return {
  apiVersion: 2,
  apiVersionMinor: 0,
@@ -17,14 +19,16 @@ export default function createPaymentRequest(
  tokenizationSpecification: {
  type: "PAYMENT_GATEWAY",
  parameters: {
- gateway: "example",
+ gateway: "stripe",
+ "stripe:version": "2018-10-31",
+ "stripe:publishableKey": PUBLIC_STRIPE_KEY,
  },
  },
  },
  ],
  merchantInfo: {
  merchantId: GOOGLE_PAY_MERCHANT_ID,
- merchantName: state.recipient.name,
+ merchantName: `${state.recipient.name} (${profileUrl})`,
  },
  transactionInfo: {
  totalPriceStatus: "FINAL",

src/components/donation/Steps/DonateMethods/Stocks.tsx

@@ -1,13 +1,12 @@
 import { FormStep } from "slices/donation";
-import { appRoutes } from "constants/routes";
 import BuildEmailForm from "./BuildEmailForm";
+import getProfileUrl from "./getProfileUrl";
 
 type Props = { state: FormStep };
 
 export default function Stocks({ state }: Props) {
  const charityName = state.recipient.name;
- const profileUrl = `${window.location.origin}${appRoutes.donate}/${state.recipient.id}`;
-
+ const profileUrl = getProfileUrl(state.recipient.id);
  return (
  <div className="grid gap-5">
  <h3 className="text-2xl sm:text-3xl text-center leading-relaxed">

src/components/donation/Steps/DonateMethods/getProfileUrl.ts

@@ -0,0 +1,5 @@
+import { appRoutes } from "constants/routes";
+
+export default function getProfileUrl(endowId: number) {
+ return `${window.location.origin}${appRoutes.donate}/${endowId}`;
+}