Refactor order success functions to use 'Checkout' terminology

Updated function names and exports in commerce-checkout and commerce-checkout-success modules to replace 'Order' with 'Checkout' for consistency. Adjusted README documentation accordingly to reflect these changes.

Author: emipallares

blocks/commerce-checkout-success/README.md

@@ -29,19 +29,19 @@ No localStorage keys are used by this block.
 ## Public API
 
 - `default export decorate(block)` — Renders the success view into the provided block element.
-- `export async function renderOrderSuccess(container, { orderData } = {})` — Renders the success view into `container`. Pass `orderData` to provide pre-fetched order data; otherwise the Order drop-in will fetch it when possible (not possible when placing an order as a guest using an email address that’s already associated with an existing account).
-- `export function preloadOrderSuccess()` — Preloads the order success CSS. Call this before `renderOrderSuccess`.
+- `export async function renderCheckoutSuccess(container, { orderData } = {})` — Renders the success view into `container`. Pass `orderData` to provide pre-fetched order data; otherwise the Order drop-in will fetch it when possible (not possible when placing an order as a guest using an email address that’s already associated with an existing account).
+- `export function preloadCheckoutSuccess()` — Preloads the checkout success CSS. Call this before `renderCheckoutSuccess`.
 
 Example (programmatic):
 
 ```js
-import { preloadOrderSuccess, renderOrderSuccess } from './blocks/commerce-checkout-success/commerce-checkout-success.js';
+import { preloadCheckoutSuccess, renderCheckoutSuccess } from './blocks/commerce-checkout-success/commerce-checkout-success.js';
 
 // Load CSS
-preloadOrderSuccess();
+preloadCheckoutSuccess();
 
 // Pass pre-fetched order data
-await renderOrderSuccess(container, { orderData });
+await renderCheckoutSuccess(container, { orderData });
 ```
 
 ## Behavior
@@ -111,7 +111,7 @@ Add the block to your confirmation page template:
 <div class="block commerce-checkout-success"></div>
 ```
 
-When used via the decorator system, the block will automatically render the confirmation experience into the block container. For programmatic usage, use the `renderOrderSuccess` export and pass `orderData`.
+When used via the decorator system, the block will automatically render the confirmation experience into the block container. For programmatic usage, use the `renderCheckoutSuccess` export and pass `orderData`.
 
 ## File Structure
 

blocks/commerce-checkout-success/commerce-checkout-success.js

@@ -216,7 +216,7 @@ async function renderOrderConfirmationFooterButton(container) {
   })(container);
 }
 
-async function renderOrderSuccessContent(container, { orderData } = {}) {
+async function renderCheckoutSuccessContent(container, { orderData } = {}) {
   // Scroll to top on success view
   window.scrollTo(0, 0);
 
@@ -263,14 +263,14 @@ async function renderOrderSuccessContent(container, { orderData } = {}) {
   await renderOrderConfirmationFooterButton($continueBtn);
 }
 
-export function preloadOrderSuccess() {
+export function preloadCheckoutSuccess() {
   return loadCSS(`${window.hlx.codeBasePath}/blocks/commerce-checkout-success/commerce-checkout-success.css`);
 }
 
-export async function renderOrderSuccess(container, { orderData } = {}) {
-  return renderOrderSuccessContent(container, { orderData });
+export async function renderCheckoutSuccess(container, { orderData } = {}) {
+  return renderCheckoutSuccessContent(container, { orderData });
 }
 
 export default async function decorate(block) {
-  await renderOrderSuccessContent(block);
+  await renderCheckoutSuccessContent(block);
 }

blocks/commerce-checkout/commerce-checkout.js

@@ -77,10 +77,10 @@ import '../../scripts/initializers/checkout.js';
 import '../../scripts/initializers/order.js';
 import '../../scripts/initializers/payment-services.js';
 
-// Order success block import and CSS preload
-import { renderOrderSuccess, preloadOrderSuccess } from '../commerce-checkout-success/commerce-checkout-success.js';
+// Checkout success block import and CSS preload
+import { renderCheckoutSuccess, preloadCheckoutSuccess } from '../commerce-checkout-success/commerce-checkout-success.js';
 
-preloadOrderSuccess();
+preloadCheckoutSuccess();
 
 export default async function decorate(block) {
   // Container and component references
@@ -363,7 +363,7 @@ export default async function decorate(block) {
 
     window.history.pushState({}, '', url);
 
-    await renderOrderSuccess(block, { orderData });
+    await renderCheckoutSuccess(block, { orderData });
   }
 
   events.on('authenticated', handleAuthenticated);