refactor: rename $backorderPromptContainer to $backorderAvailabilityPromptContainer

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: bc-apostoliuk

assets/js/theme/common/product-details-base.js

@@ -200,7 +200,7 @@ export default class ProductDetailsBase {
                 $input: $('[name=qty\\[\\]]', $scope),
             },
             backorderAvailabilityPrompt: {
-                $container: $('[data-backorder-prompt]', $scope),
+                $container: $('[data-backorder-availability-prompt]', $scope),
             },
             $bulkPricing: $('.productView-info-bulkPricing', $scope),
             $walletButtons: $('[data-add-to-cart-wallet-buttons]', $scope),
@@ -277,10 +277,10 @@ export default class ProductDetailsBase {
         }
 
         // Update backorder availability prompt for complex products
-        const $backorderPromptContainer = viewModel.backorderAvailabilityPrompt.$container;
+        const $backorderAvailabilityPromptContainer = viewModel.backorderAvailabilityPrompt.$container;
 
-        if ($backorderPromptContainer.length && this.context.showBackorderAvailabilityPrompt) {
-            const $prompt = $backorderPromptContainer.find('.productView-backorder-availability-prompt');
+        if ($backorderAvailabilityPromptContainer.length && this.context.showBackorderAvailabilityPrompt) {
+            const $prompt = $backorderAvailabilityPromptContainer.find('.productView-backorder-availability-prompt');
 
             if (typeof data.stock === 'number' && data.stock > 0) {
                 if ($prompt.length) {
@@ -289,7 +289,7 @@ export default class ProductDetailsBase {
                     const promptText = this.context.backorderAvailabilityPrompt;
 
                     if (promptText) {
-                        $backorderPromptContainer.html(
+                        $backorderAvailabilityPromptContainer.html(
                             `<span class="productView-backorder-availability-prompt">(${promptText})</span>`,
                         );
                     }

templates/components/products/product-view.html

@@ -249,7 +249,7 @@ <h2 class="productView-brand">
                     <label class="form-label form-label--alternate">
                         {{lang 'products.current_stock'}}
                         <span data-product-stock>{{product.stock_level}}</span>
-                        <span data-backorder-prompt>
+                        <span data-backorder-availability-prompt>
                             {{> components/products/backorder-availability-prompt show_prompt=product.show_backorder_availability_prompt prompt=product.backorder_availability_prompt available_to_sell=product.available_to_sell available_for_backorder=product.available_for_backorder}}
                         </span>
                     </label>