/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */

/**
 * @api
 */
define([
    'jquery',
    'mage/template',
    'jquery-ui-modules/widget',
    'Magento_Bundle/js/price-bundle'
], function ($, mageTemplate) {
    'use strict';

    /**
     * Widget product Summary:
     * Handles rendering of Bundle options and displays them in the Summary box
     */
    $.widget('mage.productSummary', {
        options: {
            mainContainer:          '#product_addtocart_form',
            templates: {
                summaryBlock:       '[data-template="bundle-summary"]',
                optionBlock:        '[data-template="bundle-option"]'
            },
            optionSelector:         '[data-container="options"]',
            summaryContainer:       '[data-container="product-summary"]',
            bundleSummaryContainer: '.bundle-summary'
        },
        cache: {},

        /**
         * Method attaches event observer to the product form
         * @private
         */
        _create: function () {
            this.element
                .closest(this.options.mainContainer)
                .on('updateProductSummary', $.proxy(this._renderSummaryBox, this))
                .priceBundle({})
            ;
        },

        /**
         * Method extracts data from the event and renders Summary box
         * using jQuery template mechanism
         * @param {Event} event
         * @param {Object} data
         * @private
         */
        _renderSummaryBox: function (event, data) {
            this.cache.currentElement = data.config;
            this.cache.currentElementCount = 0;

            // Clear Summary box
            this.element.html('');
            this.cache.currentElement.positions.forEach(function (optionId) {
                this._renderOption(optionId, this.cache.currentElement.selected[optionId]);
            }, this);
            this.element
                .parents(this.options.bundleSummaryContainer)
                .toggleClass('empty', !this.cache.currentElementCount); // Zero elements equal '.empty' container
        },

        /**
         * @param {String} key
         * @param {String} row
         * @private
         */
        _renderOption: function (key, row) {
            var template;

            if (row && row.length > 0 && row[0] !== null) {
                template = this.element
                    .closest(this.options.summaryContainer)
                    .find(this.options.templates.summaryBlock)
                    .html();
                template = mageTemplate($.trim(template), {
                    data: {
                        _label_: this.cache.currentElement.options[key].title
                    }
                });

                this.cache.currentKey = key;
                this.cache.summaryContainer = $(template);
                this.element.append(this.cache.summaryContainer);

                $.each(row, this._renderOptionRow.bind(this));
                this.cache.currentElementCount += row.length;

                //Reset Cache
                this.cache.currentKey = null;
            }
        },

        /**
         * @param {String} key
         * @param {String} optionIndex
         * @private
         */
        _renderOptionRow: function (key, optionIndex) {
            var template;

            template = this.element
                .closest(this.options.summaryContainer)
                .find(this.options.templates.optionBlock)
                .html();
            template = mageTemplate($.trim(template), {
                data: {
                    _quantity_: this.cache.currentElement.options[this.cache.currentKey].selections[optionIndex].qty,
                    _label_: this.cache.currentElement.options[this.cache.currentKey].selections[optionIndex].name
                }
            });
            this.cache.summaryContainer
                .find(this.options.optionSelector)
                .append(template);
        }
    });

    return $.mage.productSummary;
});
<br />
<font size='1'><table class='xdebug-error xe-warning' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Warning: require(/new/team3new/Alif_Stores_Upgrade/vendor/composer/../magento/module-adobe-stock-image-admin-ui/registration.php): failed to open stream: No such file or directory in /new/team3new/Alif_Stores_Upgrade/vendor/composer/autoload_real.php on line <i>73</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0000</td><td bgcolor='#eeeeec' align='right'>367032</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='/new/team3new/Alif_Stores_Upgrade/pub/index.php' bgcolor='#eeeeec'>.../index.php<b>:</b>0</td></tr>
<tr><td bgcolor='#eeeeec' align='center'>2</td><td bgcolor='#eeeeec' align='center'>1.4281</td><td bgcolor='#eeeeec' align='right'>368360</td><td bgcolor='#eeeeec'>require( <font color='#00bb00'>'/new/team3new/Alif_Stores_Upgrade/app/bootstrap.php'</font> )</td><td title='/new/team3new/Alif_Stores_Upgrade/pub/index.php' bgcolor='#eeeeec'>.../index.php<b>:</b>20</td></tr>
<tr><td bgcolor='#eeeeec' align='center'>3</td><td bgcolor='#eeeeec' align='center'>1.4281</td><td bgcolor='#eeeeec' align='right'>369392</td><td bgcolor='#eeeeec'>require_once( <font color='#00bb00'>'/new/team3new/Alif_Stores_Upgrade/app/autoload.php'</font> )</td><td title='/new/team3new/Alif_Stores_Upgrade/app/bootstrap.php' bgcolor='#eeeeec'>.../bootstrap.php<b>:</b>33</td></tr>
<tr><td bgcolor='#eeeeec' align='center'>4</td><td bgcolor='#eeeeec' align='center'>1.4282</td><td bgcolor='#eeeeec' align='right'>369928</td><td bgcolor='#eeeeec'>include( <font color='#00bb00'>'/new/team3new/Alif_Stores_Upgrade/vendor/autoload.php'</font> )</td><td title='/new/team3new/Alif_Stores_Upgrade/app/autoload.php' bgcolor='#eeeeec'>.../autoload.php<b>:</b>30</td></tr>
<tr><td bgcolor='#eeeeec' align='center'>5</td><td bgcolor='#eeeeec' align='center'>1.4282</td><td bgcolor='#eeeeec' align='right'>369960</td><td bgcolor='#eeeeec'>ComposerAutoloaderInitbed239b279e3122198535f67730d0bb0::getLoader(  )</td><td title='/new/team3new/Alif_Stores_Upgrade/vendor/autoload.php' bgcolor='#eeeeec'>.../autoload.php<b>:</b>7</td></tr>
<tr><td bgcolor='#eeeeec' align='center'>6</td><td bgcolor='#eeeeec' align='center'>1.4335</td><td bgcolor='#eeeeec' align='right'>614504</td><td bgcolor='#eeeeec'>composerRequirebed239b279e3122198535f67730d0bb0(  )</td><td title='/new/team3new/Alif_Stores_Upgrade/vendor/composer/autoload_real.php' bgcolor='#eeeeec'>.../autoload_real.php<b>:</b>63</td></tr>
</table></font>
<br />
<font size='1'><table class='xdebug-error xe-fatal-error' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Fatal error: require(): Failed opening required '/new/team3new/Alif_Stores_Upgrade/vendor/composer/../magento/module-adobe-stock-image-admin-ui/registration.php' (include_path='/new/team3new/Alif_Stores_Upgrade/vendor/magento/zendframework1/library:.:/usr/share/php') in /new/team3new/Alif_Stores_Upgrade/vendor/composer/autoload_real.php on line <i>73</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0000</td><td bgcolor='#eeeeec' align='right'>367032</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='/new/team3new/Alif_Stores_Upgrade/pub/index.php' bgcolor='#eeeeec'>.../index.php<b>:</b>0</td></tr>
<tr><td bgcolor='#eeeeec' align='center'>2</td><td bgcolor='#eeeeec' align='center'>1.4281</td><td bgcolor='#eeeeec' align='right'>368360</td><td bgcolor='#eeeeec'>require( <font color='#00bb00'>'/new/team3new/Alif_Stores_Upgrade/app/bootstrap.php'</font> )</td><td title='/new/team3new/Alif_Stores_Upgrade/pub/index.php' bgcolor='#eeeeec'>.../index.php<b>:</b>20</td></tr>
<tr><td bgcolor='#eeeeec' align='center'>3</td><td bgcolor='#eeeeec' align='center'>1.4281</td><td bgcolor='#eeeeec' align='right'>369392</td><td bgcolor='#eeeeec'>require_once( <font color='#00bb00'>'/new/team3new/Alif_Stores_Upgrade/app/autoload.php'</font> )</td><td title='/new/team3new/Alif_Stores_Upgrade/app/bootstrap.php' bgcolor='#eeeeec'>.../bootstrap.php<b>:</b>33</td></tr>
<tr><td bgcolor='#eeeeec' align='center'>4</td><td bgcolor='#eeeeec' align='center'>1.4282</td><td bgcolor='#eeeeec' align='right'>369928</td><td bgcolor='#eeeeec'>include( <font color='#00bb00'>'/new/team3new/Alif_Stores_Upgrade/vendor/autoload.php'</font> )</td><td title='/new/team3new/Alif_Stores_Upgrade/app/autoload.php' bgcolor='#eeeeec'>.../autoload.php<b>:</b>30</td></tr>
<tr><td bgcolor='#eeeeec' align='center'>5</td><td bgcolor='#eeeeec' align='center'>1.4282</td><td bgcolor='#eeeeec' align='right'>369960</td><td bgcolor='#eeeeec'>ComposerAutoloaderInitbed239b279e3122198535f67730d0bb0::getLoader(  )</td><td title='/new/team3new/Alif_Stores_Upgrade/vendor/autoload.php' bgcolor='#eeeeec'>.../autoload.php<b>:</b>7</td></tr>
<tr><td bgcolor='#eeeeec' align='center'>6</td><td bgcolor='#eeeeec' align='center'>1.4335</td><td bgcolor='#eeeeec' align='right'>614504</td><td bgcolor='#eeeeec'>composerRequirebed239b279e3122198535f67730d0bb0(  )</td><td title='/new/team3new/Alif_Stores_Upgrade/vendor/composer/autoload_real.php' bgcolor='#eeeeec'>.../autoload_real.php<b>:</b>63</td></tr>
</table></font>