Add experimental rule for Gopay appId override

.changeset/stale-spoons-brake.md

@@ -0,0 +1,5 @@
+---
+"@godaddy/react": patch
+---
+
+Add gopay appId override experimental rule

packages/react/src/components/checkout/order/use-update-order.test.ts

@@ -134,7 +134,11 @@ describe('useUpdateOrder - Tax calculation address logic', () => {
 
   describe('Edge cases', () => {
     it('should handle pickupLocationId being undefined for pickup', () => {
-      const result = getTaxDestinationAddress('PICKUP', undefined, mockLocations);
+      const result = getTaxDestinationAddress(
+        'PICKUP',
+        undefined,
+        mockLocations
+      );
 
       expect(result).toBeUndefined();
     });

packages/react/src/components/checkout/payment/checkout-buttons/applePay/godaddy.tsx

@@ -6,6 +6,7 @@ import type {
   TokenizeJs,
   WalletError,
 } from '@/components/checkout/payment/types';
+import { getApplicationId } from '@/components/checkout/payment/utils/get-application-id';
 import { useBuildPaymentRequest } from '@/components/checkout/payment/utils/use-build-payment-request';
 import {
   PaymentProvider,
@@ -90,7 +91,10 @@ export function GoDaddyApplePayCheckoutButton() {
           businessId: godaddyPaymentsConfig?.businessId || session?.businessId,
           storeId: session?.storeId,
           channelId: session?.channelId,
-          applicationId: godaddyPaymentsConfig?.appId,
+          applicationId: getApplicationId(
+            session,
+            godaddyPaymentsConfig?.appId
+          ),
         },
         {
           country: countryCode,

packages/react/src/components/checkout/payment/checkout-buttons/express/godaddy.tsx

@@ -14,6 +14,7 @@ import type {
   WalletError,
   WalletRequestUpdate,
 } from '@/components/checkout/payment/types';
+import { getApplicationId } from '@/components/checkout/payment/utils/get-application-id';
 import {
   type PoyntExpressRequest,
   useBuildPaymentRequest,
@@ -438,7 +439,10 @@ export function ExpressCheckoutButton() {
           businessId: godaddyPaymentsConfig?.businessId || session?.businessId,
           storeId: session?.storeId,
           channelId: session?.channelId,
-          applicationId: godaddyPaymentsConfig?.appId,
+          applicationId: getApplicationId(
+            session,
+            godaddyPaymentsConfig?.appId
+          ),
         },
         {
           country: countryCode,

packages/react/src/components/checkout/payment/checkout-buttons/googlePay/godaddy.tsx

@@ -6,6 +6,7 @@ import type {
   TokenizeJs,
   WalletError,
 } from '@/components/checkout/payment/types';
+import { getApplicationId } from '@/components/checkout/payment/utils/get-application-id';
 import { useBuildPaymentRequest } from '@/components/checkout/payment/utils/use-build-payment-request';
 import {
   PaymentProvider,
@@ -90,7 +91,10 @@ export function GoDaddyGooglePayCheckoutButton() {
           businessId: godaddyPaymentsConfig?.businessId || session?.businessId,
           storeId: session?.storeId,
           channelId: session?.channelId,
-          applicationId: godaddyPaymentsConfig?.appId,
+          applicationId: getApplicationId(
+            session,
+            godaddyPaymentsConfig?.appId
+          ),
         },
         {
           country: countryCode,

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

@@ -3,13 +3,13 @@ import React, { useCallback, useLayoutEffect, useState } from 'react';
 import { useFormContext } from 'react-hook-form';
 import { useCheckoutContext } from '@/components/checkout/checkout';
 import { useDraftOrderTotals } from '@/components/checkout/order/use-draft-order';
+import { useAuthorizeCheckout } from '@/components/checkout/payment/utils/use-authorize-checkout';
 import {
   PaymentProvider,
   useConfirmCheckout,
 } from '@/components/checkout/payment/utils/use-confirm-checkout';
 import { useIsPaymentDisabled } from '@/components/checkout/payment/utils/use-is-payment-disabled';
 import { useLoadMercadoPago } from '@/components/checkout/payment/utils/use-load-mercadopago';
-import { useAuthorizeCheckout } from '@/components/checkout/payment/utils/use-authorize-checkout';
 import { formatCurrency } from '@/components/checkout/utils/format-currency';
 import { Button } from '@/components/ui/button';
 import { useGoDaddyContext } from '@/godaddy-provider';
@@ -53,7 +53,7 @@ export function MercadoPagoCheckoutButton() {
       paymentProvider: PaymentProvider.MERCADOPAGO,
     });
     return response?.transactionRefNum;
-  }
+  };
 
   const handleSubmit = useCallback(
     async ({ formData }: any) => {
@@ -124,7 +124,7 @@ export function MercadoPagoCheckoutButton() {
 
             const { bricksBuilderInstance: bricksBuilder } =
               getMercadoPagoInstance(mercadoPagoConfig.publicKey);
-            
+
             const mercadoPagoPreferenceId = await getPreferenceId();
 
             brickController = await bricksBuilder.create('payment', elementId, {
@@ -168,7 +168,6 @@ export function MercadoPagoCheckoutButton() {
                 },
               },
             });
-
           } catch (_err) {
             setError(t.errors.failedToInitializePayment);
             setIsBrickReady(false);
@@ -230,7 +229,9 @@ export function MercadoPagoCheckoutButton() {
           size='lg'
           type='button'
           onClick={handleClick}
-          disabled={isPaymentDisabled || authorizeCheckout.isPending || !isBrickReady}
+          disabled={
+            isPaymentDisabled || authorizeCheckout.isPending || !isBrickReady
+          }
         >
           {authorizeCheckout.isPending && !error ? (
             <>

packages/react/src/components/checkout/payment/checkout-buttons/paze/godaddy.tsx

@@ -6,6 +6,7 @@ import type {
   TokenizeJs,
   WalletError,
 } from '@/components/checkout/payment/types';
+import { getApplicationId } from '@/components/checkout/payment/utils/get-application-id';
 import { useBuildPaymentRequest } from '@/components/checkout/payment/utils/use-build-payment-request';
 import {
   PaymentProvider,
@@ -89,7 +90,10 @@ export function PazeCheckoutButton() {
           businessId: godaddyPaymentsConfig?.businessId || session?.businessId,
           storeId: session?.storeId,
           channelId: session?.channelId,
-          applicationId: godaddyPaymentsConfig?.appId,
+          applicationId: getApplicationId(
+            session,
+            godaddyPaymentsConfig?.appId
+          ),
         },
         {
           country: countryCode,

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

@@ -28,6 +28,7 @@ import {
   PaymentMethodRenderer,
 } from '@/components/checkout/payment/payment-method-renderer';
 import type { TokenizeJs } from '@/components/checkout/payment/types';
+import { getApplicationId } from '@/components/checkout/payment/utils/get-application-id';
 import { PaymentAddressToggle } from '@/components/checkout/payment/utils/payment-address-toggle';
 import { useGetSelectedPaymentMethod } from '@/components/checkout/payment/utils/use-get-selected-payment-method';
 import { useLoadPoyntCollect } from '@/components/checkout/payment/utils/use-load-poynt-collect';
@@ -184,7 +185,10 @@ export function PaymentForm(
           businessId: godaddyPaymentsConfig?.businessId || session?.businessId,
           storeId: session?.storeId,
           channelId: session?.channelId,
-          applicationId: godaddyPaymentsConfig?.appId,
+          applicationId: getApplicationId(
+            session,
+            godaddyPaymentsConfig?.appId
+          ),
         },
         {
           country: countryCode,

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

@@ -4,6 +4,7 @@ import type {
   TokenizeJs,
   TokenizeJsEvent,
 } from '@/components/checkout/payment/types';
+import { getApplicationId } from '@/components/checkout/payment/utils/get-application-id';
 import { usePoyntCollect } from '@/components/checkout/payment/utils/poynt-provider';
 import {
   PaymentProvider,
@@ -199,7 +200,7 @@ export function GoDaddyCreditCardForm() {
       businessId: godaddyPaymentsConfig?.businessId || session?.businessId,
       storeId: session?.storeId,
       channelId: session?.channelId,
-      applicationId: godaddyPaymentsConfig?.appId,
+      applicationId: getApplicationId(session, godaddyPaymentsConfig?.appId),
     });
 
     collect?.current?.on('ready', () => {

packages/react/src/components/checkout/payment/utils/get-application-id.ts

@@ -0,0 +1,17 @@
+import type { CheckoutSession } from '@/types';
+
+/**
+ * Resolves the applicationId for TokenizeJs initialization.
+ * When the session has `experimental_rules.gopay_override` enabled,
+ * the goPayAppId from that rule takes precedence over the default appId.
+ */
+export function getApplicationId(
+  session: CheckoutSession | null | undefined,
+  defaultAppId: string | undefined
+): string | undefined {
+  const goPayOverride = session?.experimental_rules?.gopay_override;
+  if (goPayOverride?.enabled && goPayOverride?.goPayAppId) {
+    return goPayOverride.goPayAppId;
+  }
+  return defaultAppId;
+}