feat(checkout): add CCAvenue payment provider and cookie-session retu… by asaini-godaddy · Pull Request #1291 · godaddy/javascript

asaini-godaddy · 2026-02-18T20:34:05Z

…rn flow

Add CCAvenue checkout button, icon, and return provider
Wrap with CCAvenueReturnProvider only when ccavenueConfig.accessCodeId is set
Use session from context (cookie) on CCAvenue return; remove sessionStorage token flow
Register CCAvenue in lazy-payment-loader, payment-form, types, and GraphQL
Update conditional-providers and use-confirm-checkout for CCAvenue
Add ccavenue localizations across locales
Update nextjs example and store actions

Summary

Changeset

Changeset added (docs)

Test Plan

…rn flow - Add CCAvenue checkout button, icon, and return provider - Wrap with CCAvenueReturnProvider only when ccavenueConfig.accessCodeId is set - Use session from context (cookie) on CCAvenue return; remove sessionStorage token flow - Register CCAvenue in lazy-payment-loader, payment-form, types, and GraphQL - Update conditional-providers and use-confirm-checkout for CCAvenue - Add ccavenue localizations across locales - Update nextjs example and store actions Co-authored-by: Cursor <cursoragent@cursor.com>

changeset-bot · 2026-02-18T20:34:10Z

⚠️ No Changeset found

Latest commit: 086c65f

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

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

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

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

pbennett1-godaddy · 2026-02-18T20:43:46Z

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

-  __schema: {
-    queryType: {
-      name: 'Query',
+  "name": "checkout-api",


run pnpm lint:fix in packages/react to clean this up.

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

- Pass ccavenueConfig from env in Next.js example (accessCodeId, redirectURL) - CCAvenue button: user-friendly message for AUTHORIZATION_FAILED, remove debug logs - CCAvenue return: use useConfirmCheckout.mutateAsync for redirect and error handling - Remove Record typecasting for payment.methods.ccavenue and descriptions in payment-form Co-authored-by: Cursor <cursoragent@cursor.com>

pbennett1-godaddy · 2026-02-20T14:26:56Z

examples/nextjs/app/checkout.tsx

+          ? {
+              accessCodeId:
+                process.env.NEXT_PUBLIC_CCAVENUE_ACCESS_CODE_ID,
+              redirectURL: process.env.NEXT_PUBLIC_CCAVENUE_REDIRECT_URL,


I think we should be setting the redirectURL in the payment component itself how we load payment method js files for example. The consumer of checkout shouldn't have to know what URL ccavanue needs to use to create their checkout.

const squareCDN = apiHost && !apiHost.includes('test') && !apiHost.includes('dev') ? 'https://web.squarecdn.com/v1/square.js' : 'https://sandbox.web.squarecdn.com/v1/square.js';

pbennett1-godaddy · 2026-02-20T14:28:50Z

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

+      type='button'
+      size='lg'
+      className={cn('w-full')}
+      disabled={isPaymentDisabled || isBusy}


isPaymentDisabled is already part of isBusy

Suggested change

disabled={isPaymentDisabled || isBusy}

disabled={isBusy}

asaini-godaddy requested a review from a team as a code owner February 18, 2026 20:34