ENGCOM-5559: Issues #22338 - Override price-box.js using mix-in Firefox #24054

Author: sidolov

app/code/Magento/Catalog/view/frontend/templates/product/view/form.phtml

@@ -39,19 +39,13 @@
         <?= $block->getChildHtml('form_bottom') ?>
     </form>
 </div>
-<script>
-    require([
-        'jquery',
-        'priceBox'
-    ], function($){
-        var dataPriceBoxSelector = '[data-role=priceBox]',
-            dataProductIdSelector = '[data-product-id=<?= $block->escapeHtml($_product->getId()) ?>]',
-            priceBoxes = $(dataPriceBoxSelector + dataProductIdSelector);
 
-        priceBoxes = priceBoxes.filter(function(index, elem){
-            return !$(elem).find('.price-from').length;
-        });
-
-        priceBoxes.priceBox({'priceConfig': <?= /* @noEscape */ $block->getJsonConfig() ?>});
-    });
+<script type="text/x-magento-init">
+    {
+        "[data-role=priceBox][data-price-box=product-id-<?= $block->escapeHtml($_product->getId()) ?>]": {
+            "priceBox": {
+                "priceConfig":  <?= /* @noEscape */ $block->getJsonConfig() ?>
+            }
+        }
+    }
 </script>