Refetch shipping on coupon application

.changeset/calm-coupons-ship.md

@@ -0,0 +1,6 @@
+---
+"@godaddy/react": patch
+"@godaddy/localizations": patch
+---
+
+Keep shipping rates, discounts, and taxes in sync when coupons change, and show a retry action when shipping rates fail to load.

packages/localizations/src/deDe.ts

@@ -70,6 +70,9 @@ export const deDe = {
     noShippingMethodAddress:
       'Geben Sie Ihre Adresse ein, um verfügbare Versandmethoden zu sehen.',
     noShippingMethods: 'Keine Versandmethoden gefunden.',
+    failedToLoadMethods:
+      'Versandarten konnten nicht geladen werden. Bitte versuchen Sie es erneut.',
+    retryMethods: 'Erneut versuchen',
     phone: 'Telefonnummer',
     country: 'Land',
     selectCountry: 'Land auswählen',
@@ -122,7 +125,7 @@ export const deDe = {
       paze: '',
       offline: '',
       mercadopago:
-        'Verwende das MercadoPago-Formular unten, um deinen Kauf sicher abzuschließen.',
+        'Verwenden Sie das MercadoPago-Formular unten, um Ihren Kauf sicher abzuschließen.',
       ach: '',
       ccavenue: '',
     },

packages/localizations/src/enAu.ts

@@ -70,6 +70,8 @@ export const enAu = {
     noShippingMethodAddress:
       'Enter your address to see available shipping methods.',
     noShippingMethods: 'No shipping methods found.',
+    failedToLoadMethods: 'Unable to load shipping methods. Please try again.',
+    retryMethods: 'Try again',
     phone: 'Phone Number',
     country: 'Country',
     selectCountry: 'Select country',

packages/localizations/src/enIe.ts

@@ -70,6 +70,8 @@ export const enIe = {
     noShippingMethodAddress:
       'Enter your address to see available shipping methods.',
     noShippingMethods: 'No shipping methods found.',
+    failedToLoadMethods: 'Unable to load shipping methods. Please try again.',
+    retryMethods: 'Try again',
     phone: 'Phone Number',
     country: 'Country',
     selectCountry: 'Select country',

packages/localizations/src/enUs.ts

@@ -70,6 +70,8 @@ export const enUs = {
     noShippingMethodAddress:
       'Enter your address to see available shipping methods.',
     noShippingMethods: 'No shipping methods found.',
+    failedToLoadMethods: 'Unable to load shipping methods. Please try again.',
+    retryMethods: 'Try again',
     phone: 'Phone Number',
     country: 'Country',
     selectCountry: 'Select country',

packages/localizations/src/esAr.ts

@@ -70,6 +70,9 @@ export const esAr = {
     noShippingMethodAddress:
       'Ingresá tu dirección para ver los métodos de envío disponibles.',
     noShippingMethods: 'No se encontraron métodos de envío.',
+    failedToLoadMethods:
+      'No se pudieron cargar los métodos de envío. Inténtalo de nuevo.',
+    retryMethods: 'Intentar de nuevo',
     phone: 'Número de Teléfono',
     country: 'País',
     selectCountry: 'Seleccionar país',

packages/localizations/src/esCl.ts

@@ -70,6 +70,9 @@ export const esCl = {
     noShippingMethodAddress:
       'Ingresa tu dirección para ver los métodos de envío disponibles.',
     noShippingMethods: 'No se encontraron métodos de envío.',
+    failedToLoadMethods:
+      'No se pudieron cargar los métodos de envío. Inténtalo de nuevo.',
+    retryMethods: 'Intentar de nuevo',
     phone: 'Número de Teléfono',
     country: 'País',
     selectCountry: 'Seleccionar país',

packages/localizations/src/esCo.ts

@@ -70,6 +70,9 @@ export const esCo = {
     noShippingMethodAddress:
       'Ingresa tu dirección para ver los métodos de envío disponibles.',
     noShippingMethods: 'No se encontraron métodos de envío.',
+    failedToLoadMethods:
+      'No se pudieron cargar los métodos de envío. Inténtalo de nuevo.',
+    retryMethods: 'Intentar de nuevo',
     phone: 'Número de teléfono',
     country: 'País',
     selectCountry: 'Seleccionar país',

packages/localizations/src/esEs.ts

@@ -70,6 +70,9 @@ export const esEs = {
     noShippingMethodAddress:
       'Introduce tu dirección para ver los métodos de envío disponibles.',
     noShippingMethods: 'No se encontraron métodos de envío.',
+    failedToLoadMethods:
+      'No se pudieron cargar los métodos de envío. Inténtalo de nuevo.',
+    retryMethods: 'Intentar de nuevo',
     phone: 'Número de teléfono',
     country: 'País',
     selectCountry: 'Seleccionar país',

packages/localizations/src/esMx.ts

@@ -70,6 +70,9 @@ export const esMx = {
     noShippingMethodAddress:
       'Ingrese su dirección para ver los métodos de envío disponibles.',
     noShippingMethods: 'No se encontraron métodos de envío.',
+    failedToLoadMethods:
+      'No se pudieron cargar los métodos de envío. Inténtalo de nuevo.',
+    retryMethods: 'Intentar de nuevo',
     phone: 'Número de Teléfono',
     country: 'País',
     selectCountry: 'Seleccionar país',

packages/localizations/src/esPe.ts

@@ -70,6 +70,9 @@ export const esPe = {
     noShippingMethodAddress:
       'Ingrese su dirección para ver los métodos de envío disponibles.',
     noShippingMethods: 'No se encontraron métodos de envío.',
+    failedToLoadMethods:
+      'No se pudieron cargar los métodos de envío. Inténtalo de nuevo.',
+    retryMethods: 'Intentar de nuevo',
     phone: 'Número de Teléfono',
     country: 'País',
     selectCountry: 'Seleccionar país',

packages/localizations/src/esUs.ts

@@ -70,6 +70,9 @@ export const esUs = {
     noShippingMethodAddress:
       'Ingrese su dirección para ver los métodos de envío disponibles.',
     noShippingMethods: 'No se encontraron métodos de envío.',
+    failedToLoadMethods:
+      'No se pudieron cargar los métodos de envío. Inténtalo de nuevo.',
+    retryMethods: 'Intentar de nuevo',
     phone: 'Número de Teléfono',
     country: 'País',
     selectCountry: 'Seleccionar país',

packages/localizations/src/frCa.ts

@@ -70,6 +70,9 @@ export const frCa = {
     noShippingMethodAddress:
       "Entrez votre adresse pour voir les méthodes d'expédition disponibles.",
     noShippingMethods: "Aucune méthode d'expédition trouvée.",
+    failedToLoadMethods:
+      'Impossible de charger les modes de livraison. Veuillez réessayer.',
+    retryMethods: 'Réessayer',
     phone: 'Numéro de téléphone',
     country: 'Pays',
     selectCountry: 'Sélectionner un pays',

packages/localizations/src/frFr.ts

@@ -70,6 +70,9 @@ export const frFr = {
     noShippingMethodAddress:
       'Entrez votre adresse pour voir les méthodes de livraison disponibles.',
     noShippingMethods: "Aucune méthode d'expédition trouvée.",
+    failedToLoadMethods:
+      'Impossible de charger les modes de livraison. Veuillez réessayer.',
+    retryMethods: 'Réessayer',
     phone: 'Numéro de téléphone',
     country: 'Pays',
     selectCountry: 'Sélectionner un pays',

packages/localizations/src/idId.ts

@@ -70,6 +70,9 @@ export const idId = {
     noShippingMethodAddress:
       'Masukkan alamat Anda untuk melihat metode pengiriman yang tersedia.',
     noShippingMethods: 'Tidak ada metode pengiriman ditemukan.',
+    failedToLoadMethods:
+      'Tidak dapat memuat metode pengiriman. Silakan coba lagi.',
+    retryMethods: 'Coba lagi',
     phone: 'Nomor Telepon',
     country: 'Negara',
     selectCountry: 'Pilih negara',

packages/localizations/src/itIt.ts

@@ -70,6 +70,9 @@ export const itIt = {
     noShippingMethodAddress:
       'Inserisci il tuo indirizzo per vedere i metodi di spedizione disponibili.',
     noShippingMethods: 'Nessun metodo di spedizione trovato.',
+    failedToLoadMethods:
+      'Impossibile caricare i metodi di spedizione. Riprova.',
+    retryMethods: 'Riprova',
     phone: 'Numero di Telefono',
     country: 'Paese',
     selectCountry: 'Seleziona paese',

packages/localizations/src/ptBr.ts

@@ -70,6 +70,9 @@ export const ptBr = {
     noShippingMethodAddress:
       'Digite seu endereço para ver os métodos de envio disponíveis.',
     noShippingMethods: 'Nenhum método de envio encontrado.',
+    failedToLoadMethods:
+      'Não foi possível carregar as formas de envio. Tente novamente.',
+    retryMethods: 'Tentar novamente',
     phone: 'Número de Telefone',
     country: 'País',
     selectCountry: 'Selecionar país',

packages/localizations/src/qaPs.ts

@@ -70,6 +70,8 @@ export const qaPs = {
     noShippingMethodAddress:
       '[Ëñťër ÿöür âddrëšš ťö šëë âvâîlâblë šhîþþîñg mëťhödš fôr ÿöür löçâťîöñ.]',
     noShippingMethods: '[Ñö šhîþþîñg mëťhödš föüñd fôr ţhîš löçâţîöñ.]',
+    failedToLoadMethods: '[Üñâblë ťö löâd šhîþþîñg mëťhödš. Þléâšé ťrÿ âgâîñ.]',
+    retryMethods: '[Ťrÿ âgâîñ]',
     phone: '[Þhöñë Ñümkër Îñförmâťîöñ]',
     country: '[Çöüñţrÿ Šëlëçťîöñ]',
     selectCountry: '[Šëlëçť çöüñţrÿ frôm lîšť]',

packages/localizations/src/trTr.ts

@@ -70,6 +70,9 @@ export const trTr = {
     noShippingMethodAddress:
       'Mevcut kargo yöntemlerini görmek için adresinizi girin.',
     noShippingMethods: 'Kargo yöntemi bulunamadı.',
+    failedToLoadMethods:
+      'Gönderim yöntemleri yüklenemedi. Lütfen tekrar deneyin.',
+    retryMethods: 'Tekrar dene',
     phone: 'Telefon Numarası',
     country: 'Ülke',
     selectCountry: 'Ülke seçin',

packages/localizations/src/viVn.ts

@@ -70,6 +70,9 @@ export const viVn = {
     noShippingMethodAddress:
       'Nhập địa chỉ của bạn để xem các phương thức vận chuyển có sẵn.',
     noShippingMethods: 'Không tìm thấy phương thức vận chuyển nào.',
+    failedToLoadMethods:
+      'Không thể tải phương thức vận chuyển. Vui lòng thử lại.',
+    retryMethods: 'Thử lại',
     phone: 'Số điện thoại',
     country: 'Quốc gia',
     selectCountry: 'Chọn quốc gia',

packages/localizations/src/zhCn.ts

@@ -66,6 +66,8 @@ export const zhCn = {
     method: '配送方式',
     noShippingMethodAddress: '请输入您的地址以查看可用的配送方式。',
     noShippingMethods: '未找到配送方式。',
+    failedToLoadMethods: '无法加载配送方式。请重试。',
+    retryMethods: '重试',
     phone: '手机号码',
     country: '国家',
     selectCountry: '选择国家',

packages/localizations/src/zhSg.ts

@@ -66,6 +66,8 @@ export const zhSg = {
     method: '运送方式',
     noShippingMethodAddress: '输入您的地址以查看可用的运送方式。',
     noShippingMethods: '未找到运送方式。',
+    failedToLoadMethods: '无法加载配送方式。请重试。',
+    retryMethods: '重试',
     phone: '电话号码',
     country: '国家',
     selectCountry: '选择国家',

packages/react/src/components/checkout/__tests__/checkout-confirm-errors.test.tsx

@@ -1,4 +1,4 @@
-import { fireEvent, screen, waitFor } from '@testing-library/react';
+import { act, fireEvent, screen, waitFor } from '@testing-library/react';
 import { useState } from 'react';
 import { useFormContext } from 'react-hook-form';
 import { describe, expect, it } from 'vitest';
@@ -9,6 +9,7 @@ import {
   PaymentProvider,
   useConfirmCheckout,
 } from '@/components/checkout/payment/utils/use-confirm-checkout';
+import { checkoutQueryKeys } from '@/components/checkout/utils/query-keys';
 import { GraphQLErrorWithCodes } from '@/lib/graphql-with-errors';
 import {
   buildCheckoutSession,
@@ -508,7 +509,7 @@ describe('Checkout confirm errors', () => {
     const draftOrder = buildDraftOrder({ shippingLines: [] });
     const session = buildCheckoutSession({ draftOrder });
 
-    const { user } = renderCheckout({
+    const { user, queryClient } = renderCheckout({
       session,
       draftOrder,
       checkoutProps: {
@@ -521,6 +522,20 @@ describe('Checkout confirm errors', () => {
     });
     await waitForCheckoutReady();
     clearOperations();
+    setApiError('getDraftOrderShippingMethods', 'rates failed');
+    await act(async () => {
+      await queryClient.refetchQueries({
+        queryKey: checkoutQueryKeys.draftOrderShippingMethods(session.id),
+      });
+    });
+    expect(
+      queryClient
+        .getQueryCache()
+        .findAll({
+          queryKey: checkoutQueryKeys.draftOrderShippingMethods(session.id),
+        })
+        .some(query => query.state.status === 'error')
+    ).toBe(true);
 
     await user.click(
       await screen.findByRole('button', { name: /express confirm seam/i })