VNEXT-68989 by cvillacorta-godaddy · Pull Request #1290 · godaddy/javascript

cvillacorta-godaddy · 2026-02-16T23:24:20Z

Summary

This branch introduces MercadoPago improvements: event tracking, rendering stability adjustments, and a fixed dummy email for the Brick initialization.

Changeset

Changeset added

Test Plan

Configure your store with MercadoPago
Set your store to Brasil and use this test account

BR:
"id": 1309558710,
"nickname": "TEST_USER_1309558710",
"password": "b3OJ26sZZU",

Run nextjs project setting the right .env variables

# GoDaddy API Credentials (DEV Environment)
GODADDY_CLIENT_ID=a9314cc0-b9e7-47fb-b1a5-f73b28db11b6
NEXT_PUBLIC_GODADDY_CLIENT_ID=a9314cc0-b9e7-47fb-b1a5-f73b28db11b6
GODADDY_CLIENT_SECRET=OkEntJpG49QCRQ829qrFRcvCDywMC4lt
NEXT_PUBLIC_GODADDY_ENV=dev
NEXT_PUBLIC_GODADDY_API_HOST=api.dev-godaddy.com
GODADDY_API_HOST=api.dev-godaddy.com

# Store and Order Identifiers
NEXT_PUBLIC_GODADDY_STORE_ID=f8ebca1b-b00b-4804-80f1-25de75135d97
NEXT_PUBLIC_GODADDY_CHANNEL_ID=a7646593-c1c7-42fc-8116-368a3484f6df
NEXT_PUBLIC_GODADDY_DRAFT_ORDER_ID=[SET YOUR ORDER ID HERE]

# Mercado Pago Credentials
NEXT_PUBLIC_MERCADOPAGO_PUBLIC_KEY=[SET MP PUBLIC KEY HERE]
NEXT_PUBLIC_MERCADOPAGO_COUNTRY=BR

…mail

changeset-bot · 2026-02-16T23:24:23Z

🦋 Changeset detected

Latest commit: b13cdcb

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
nextjs	Minor
@godaddy/react	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

fsantelys-godaddy · 2026-02-16T23:35:17Z

examples/nextjs/app/page.tsx

        },
      ],
      paymentMethods: {
-        card: {


is this intended?

fsantelys-godaddy

Tested while on a call with Carlos. Left a comment

pbennett1-godaddy · 2026-02-16T23:56:54Z

packages/react/src/components/checkout/payment/payment-form.tsx

        case PaymentMethodType.OFFLINE:
          return t.payment.methods.offline;
+        case PaymentMethodType.MERCADOPAGO:
+          return 'MercadoPago';


we should add translations to all of our files even if they are '' incase anyone needs to override them for any reason.

pbennett1-godaddy · 2026-02-16T23:57:01Z

packages/react/src/components/checkout/payment/payment-form.tsx

        case PaymentMethodType.OFFLINE:
          return t.payment.descriptions?.offline;
+        case PaymentMethodType.MERCADOPAGO:
+          return undefined;


we should add translations to all of our files even if they are '' incase anyone needs to override them for any reason.

pbennett1-godaddy · 2026-02-16T23:58:43Z

packages/react/src/components/checkout/payment/lazy-payment-loader.tsx

+  [PaymentMethodType.MERCADOPAGO]: {
+    [PaymentProvider.MERCADOPAGO]: {
+      form: 'MercadoPagoCreditCardForm',
+      button: 'MercadoPagoCreditCardCheckoutButton',


Don't have to include a button component here if it's not used. That being said I think we should perhaps try and see what this form looks like as a the button instead of the form since we typically put all of our payment buttons at the bottom of checkout. So you'd still select the Mercado Pago radio button but no form would appear in the accordion but it would below instead.

pbennett1-godaddy · 2026-02-16T23:59:43Z

packages/react/src/components/checkout/payment/utils/mercadopago-provider.tsx

+  }, []);
+
+  return (
+    <MercadoPagoContext.Provider


I don't think we need a provider. All of this can be done in the meracopago component. We utilize the providers to share state between the payment forms and payment buttons but in this case there will only ever be one as far as I can tell.

pbennett1-godaddy · 2026-02-17T00:00:44Z

packages/react/src/components/checkout/payment/payment-methods/credit-card/mercadopago.tsx

@@ -0,0 +1,226 @@
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';


Can you move this file into payment-methods/mercadopago to keep it separated as a different method.

pbennett1-godaddy · 2026-02-17T00:01:07Z

packages/react/src/components/checkout/payment/checkout-buttons/credit-card/mercadopago.tsx

@@ -0,0 +1,5 @@
+export function MercadoPagoCreditCardCheckoutButton() {


I think the form should be a part of this instead of payment-methods; but if decided that's not the way, this file is not needed.

pbennett1-godaddy · 2026-02-17T00:01:43Z

packages/react/src/lib/godaddy/checkout-env.ts

@@ -23,11005 +23,11043 @@
 * ```
 */
 const introspection = {
-  name: 'checkout-api',


run pnpm lint:fix in packages/react

cvillacorta-godaddy added 3 commits February 16, 2026 17:23

initial changes to add mercadopago

6919ef5

mercadopago event tracking, improvement in rendering, placing dummy e…

1507a66

…mail

including changeset

87215f5

cvillacorta-godaddy requested a review from a team as a code owner February 16, 2026 23:24

fsantelys-godaddy reviewed Feb 16, 2026

View reviewed changes

examples/nextjs/app/page.tsx

},

],

paymentMethods: {

card: {

Copy link

fsantelys-godaddy Feb 16, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

is this intended?

fsantelys-godaddy approved these changes Feb 16, 2026

View reviewed changes

pbennett1-godaddy reviewed Feb 17, 2026

View reviewed changes

cvillacorta-godaddy added 3 commits February 17, 2026 12:17

run lint:fix

ef0b25e

reverting gdp in example project

a52fd9f

mercadopago form ouside the accordion, cleaning MercadoPagoProvider

b13cdcb

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

VNEXT-68989#1290

VNEXT-68989#1290
cvillacorta-godaddy wants to merge 6 commits intogodaddy:mainfrom
cvillacorta-godaddy:vnext-68989

cvillacorta-godaddy commented Feb 16, 2026 •

edited

Loading

Uh oh!

changeset-bot bot commented Feb 16, 2026 •

edited

Loading

Uh oh!

fsantelys-godaddy Feb 16, 2026

Uh oh!

fsantelys-godaddy left a comment

Uh oh!

pbennett1-godaddy Feb 16, 2026

Uh oh!

pbennett1-godaddy Feb 16, 2026

Uh oh!

pbennett1-godaddy Feb 16, 2026

Uh oh!

pbennett1-godaddy Feb 16, 2026

Uh oh!

pbennett1-godaddy Feb 17, 2026

Uh oh!

pbennett1-godaddy Feb 17, 2026

Uh oh!

pbennett1-godaddy Feb 17, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

		@@ -0,0 +1,226 @@
		import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';

		@@ -0,0 +1,5 @@
		export function MercadoPagoCreditCardCheckoutButton() {

Conversation

cvillacorta-godaddy commented Feb 16, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Changeset

Test Plan

Uh oh!

changeset-bot bot commented Feb 16, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦋 Changeset detected

Uh oh!

Choose a reason for hiding this comment

Uh oh!

fsantelys-godaddy left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

cvillacorta-godaddy commented Feb 16, 2026 •

edited

Loading

changeset-bot bot commented Feb 16, 2026 •

edited

Loading