MAGETWO-44825: Swatches does not update configurable product price

- function _UpdatePrice used price-box component

Author: Andrii Lugovyi

app/code/Magento/Swatches/view/frontend/web/js/SwatchRenderer.js

@@ -167,7 +167,7 @@ define(['jquery', 'underscore', 'jquery/ui'], function ($, _) {
             jsonConfig: {},                                    // option's json config
             jsonSwatchConfig: {},                              // swatch's json config
             selectorProduct: '.product-info-main',             // selector of parental block of prices and swatches (need to know where to seek for price block)
-            selectorProductPrice: '.price-final-price .price', // selector of price wrapper (need to know where set price)
+            selectorProductPrice: '[data-role=priceBox]',      // selector of price wrapper (need to know where set price)
             numberToShow: false,                               // number of controls to show (false or zero = show all)
             onlySwatches: false,                               // show only swatch controls
             enableControlLabel: true,                          // enable label for control
@@ -603,21 +603,48 @@ define(['jquery', 'underscore', 'jquery/ui'], function ($, _) {
         _UpdatePrice: function () {
             var $widget = this,
                 $product = $widget.element.parents($widget.options.selectorProduct),
-                price = $product.find('[data-price-amount]').data('price-amount');
+                $productPrice = $product.find(this.options.selectorProductPrice),
+                options = _.object(_.keys($widget.optionsMap), {}),
+                result;
 
             $widget.element.find('.' + $widget.options.classes.attributeClass + '[option-selected]').each(function () {
-                var id = $(this).attr('attribute-id');
-                var option = $(this).attr('option-selected');
+                var attributeId = $(this).attr('attribute-id'),
+                    selectedOptionId = $(this).attr('option-selected');
+
+                options[attributeId] = selectedOptionId;
+            });
+
+            result = $widget.options.jsonConfig.optionPrices[_.findKey($widget.options.jsonConfig.index, options)];
+
+            $productPrice.trigger(
+                'updatePrice',
+                {
+                    'prices': $widget._getPrices(result, $productPrice.priceBox('option').prices)
+                }
+            );
+
+        },
 
-                price = $widget.optionsMap[id][option].price;
+        /**
+         * Get prices
+         * @param {Object} newPrices
+         * @returns {Object}
+         * @private
+         */
+        _getPrices: function (newPrices, displayPrices) {
+            var $widget = this;
+
+            if (_.isEmpty(newPrices)) {
+                newPrices = $widget.options.jsonConfig.prices;
+            }
+
+            _.each(displayPrices, function (price, code) {
+                if (newPrices[code]) {
+                    displayPrices[code].amount = newPrices[code].amount - displayPrices[code].amount;
+                }
             });
 
-            $product
-                .find($widget.options.selectorProductPrice)
-                .text($widget.options.jsonConfig.template.replace(
-                    '<%- data.price %>',
-                    price.formatMoney(2)
-                ));
+            return displayPrices;
         },
 
         /**