[-]:feat/checkout little improves

src/app/i18n/locales/de.json

@@ -257,7 +257,7 @@
       },
       "apply": "Anwenden",
       "taxes": "Steuern",
-      "annualBillingTemplate": "Jahresplan, monatlich abgerechnet mit {{price}}{{currency}}/Monat für 12 Monate"
+      "annualBillingTemplate": "Jahresplan, abgerechnet mit {{currency}}{{priceNow}} für den ersten Monat, dann Verlängerung zu {{currency}}{{price}}/Monat"
     },
     "confirmCryptoPayment": {
       "title": "Zahlung bestätigen",

src/app/i18n/locales/en.json

@@ -258,7 +258,7 @@
       "emailMustNotBeEmpty": "Email must not be empty",
       "privacyGuarantee": "Privacy guarantee: We do not share your information and will contact you only as needed to provide our service."
     },
-    "addressBillingTitle": "Address Billing",
+    "addressBillingTitle": "Billing Address",
     "crypto": "Crypto",
     "addressBilling": {
       "optional": {
@@ -305,7 +305,7 @@
       },
       "apply": "Apply",
       "taxes": "Taxes",
-      "annualBillingTemplate": "Annual plan, billed monthly at {{price}}{{currency}}/month for 12 months"
+      "annualBillingTemplate": "Annual plan, billed at {{currency}}{{priceNow}} for the first month, then renews at {{currency}}{{price}}/month"
     },
     "confirmCryptoPayment": {
       "title": "Confirm the payment",

src/app/i18n/locales/es.json

@@ -284,7 +284,7 @@
       },
       "apply": "Aplicar",
       "taxes": "Impuestos",
-      "annualBillingTemplate": "Plan anual, facturado mensualmente a {{price}}{{currency}}/mes durante 12 meses"
+      "annualBillingTemplate": "Plan anual, facturado a {{currency}}{{priceNow}} el primer mes, luego se renueva a {{currency}}{{price}}/mes"
     },
     "confirmCryptoPayment": {
       "title": "Confirmar el pago",

src/app/i18n/locales/fr.json

@@ -257,7 +257,7 @@
       },
       "apply": "Appliquer",
       "taxes": "Taxes",
-      "annualBillingTemplate": "Plan annuel, facturé mensuellement à {{price}}{{currency}}/mois pendant 12 mois"
+      "annualBillingTemplate": "Plan annuel, facturé {{currency}}{{priceNow}} pour le premier mois, puis renouvelé à {{currency}}{{price}}/mois"
     },
     "confirmCryptoPayment": {
       "title": "Confirmer le paiement",

src/app/i18n/locales/it.json

@@ -348,7 +348,7 @@
       },
       "apply": "Applica",
       "taxes": "Tasse",
-      "annualBillingTemplate": "Piano annuale, fatturato mensilmente a {{price}}{{currency}}/mese per 12 mesi"
+      "annualBillingTemplate": "Piano annuale, fatturato {{currency}}{{priceNow}} per il primo mese, poi si rinnova a {{currency}}{{price}}/mese"
     },
     "confirmCryptoPayment": {
       "title": "Conferma il pagamento",

src/app/i18n/locales/ru.json

@@ -257,7 +257,7 @@
       },
       "apply": "Применить",
       "taxes": "Налоги",
-      "annualBillingTemplate": "Годовой план, ежемесячная оплата {{price}}{{currency}}/мес. в течение 12 месяцев"
+      "annualBillingTemplate": "Годовой план, списание {{currency}}{{priceNow}} за первый месяц, затем продление по {{currency}}{{price}}/мес."
     },
     "confirmCryptoPayment": {
       "title": "Подтвердить платеж",

src/app/i18n/locales/tw.json

@@ -273,7 +273,7 @@
       },
       "apply": "應用",
       "taxes": "稅金",
-      "annualBillingTemplate": "年度計劃，每月 {{price}}{{currency}}/月，持續 12 個月"
+      "annualBillingTemplate": "年度計劃，首月收費 {{currency}}{{priceNow}}，之後每月 {{currency}}{{price}}/月 自動續訂"
     },
     "confirmCryptoPayment": {
       "title": "確認付款",

src/app/i18n/locales/zh.json

@@ -271,7 +271,7 @@
       },
       "apply": "应用",
       "taxes": "税费",
-      "annualBillingTemplate": "年度计划，每月 {{price}}{{currency}}/月，持续 12 个月"
+      "annualBillingTemplate": "年度计划，首月收费 {{currency}}{{priceNow}}，之后每月 {{currency}}{{price}}/月 自动续订"
     },
     "confirmCryptoPayment": {
       "title": "确认付款",

src/views/Checkout/components/CheckoutProductCard.tsx

@@ -256,7 +256,7 @@ export const CheckoutProductCard = ({
         </div>
       </div>
       {priceData.interval === 'month' && (
-        <p className="text-gray-60">
+        <p className="text-gray-60 text-sm">
           {translate('checkout.productCard.annualBillingTemplate', {
             priceNow: totalAmountFormatted,
             price: normalPriceAmount,

src/views/Checkout/utils/formatPrice.test.ts

@@ -1,34 +1,34 @@
-import { describe, it, expect } from 'vitest';
+import { describe, it, test, expect } from 'vitest';
 import { formatPrice } from './formatPrice';
 
 describe('Formatting the price to have 2 decimals', () => {
   it('When the price does not have decimals, the function returns it without .00', () => {
     expect(formatPrice(10)).toBe('10');
   });
 
-  describe('The value has less or exactly 2 decimals', () => {
-    it('When the user has a price with 1 decimal, the function returns 2 decimals (100.5 -> 100.50)', () => {
-      expect(formatPrice(100.5)).toBe('100.50');
-    });
+  it('When the user has a price with 1 decimal, the function returns 2 decimals (100.5 -> 100.50)', () => {
+    expect(formatPrice(100.5)).toBe('100.50');
+  });
 
-    it('When the user has a price with 2 decimals, the function returns 2 decimals (99.99 -> 99.99)', () => {
-      expect(formatPrice(99.99)).toBe('99.99');
-    });
+  it('When the user has a price with 2 decimals, the function returns 2 decimals (99.99 -> 99.99)', () => {
+    expect(formatPrice(99.99)).toBe('99.99');
   });
 
   it('When the price is just 1 decimal and it is a 0, then the function returns without .00', () => {
     expect(formatPrice(20.0)).toBe('20');
   });
 
-  describe('The price has more than 2 decimals', () => {
-    it('When the price has more than 2 decimals, then the function returns the price with 2 decimals (truncated with high precision, 10.456 -> 10.45 - 10.001 -> 10 - 1.999 -> 1.99)', () => {
-      expect(formatPrice(10.456)).toBe('10.45');
-      expect(formatPrice(10.001)).toBe('10');
-      expect(formatPrice(1.999)).toBe('1.99');
-    });
+  test('When the price has more than 2 decimals, then the function returns the price rounded to 2 decimals (10.456 -> 10.46 - 10.001 -> 10 - 1.999 -> 2)', () => {
+    expect(formatPrice(10.456)).toBe('10.46');
+    expect(formatPrice(10.001)).toBe('10');
+    expect(formatPrice(1.999)).toBe('2');
   });
 
-  it('Handles edge case where value is nearly integer due to float error', () => {
+  test('When the value is nearly integer due to float error, then it returns without decimals', () => {
     expect(formatPrice(10.0000001)).toBe('10');
   });
+
+  test('When there is a floating point precision error (19.99 * 100 = 1998.999... in JS), then it returns 2 decimals', () => {
+    expect(formatPrice(19.99)).toBe('19.99');
+  });
 });

src/views/Checkout/utils/formatPrice.ts

@@ -1,5 +1,5 @@
 export const formatPrice = (price: number) => {
-  const truncated = Math.floor(Number(price.toFixed(8)) * 100) / 100;
+  const truncated = Math.round(Number(price.toFixed(8)) * 100) / 100;
   const formatted = truncated.toFixed(2);
   return formatted.endsWith('.00') ? String(truncated) : formatted;
 };