Corrected base.js for APO

base.js

/**
 * Copyright © Inventivo. All rights reserved.
 * See LICENSE.txt for license details.
 */
define([
    'jquery',
    'Magento_Catalog/js/price-utils',
    'uiRegistry',
    'underscore',
    'mage/template',
    'jquery-ui-modules/widget'
], function ($, utils, registry, _, mageTemplate) {
    'use strict';

    //console.log('Custom JS from Inventivo_MageWorxCustom loaded');

    $.widget('mageworx.optionBase', {
        options: {
            optionConfig: {},
            systemConfig: {},
            productConfig: {},
            productQtySelector: '#qty',
            productPriceInfoSelector: '.product-info-price',
            mageworxAdditionalPriceInfoSelector: '.mageworx-product-final-price',
            extendedOptionsConfig: {},
            priceHolderSelector: '.price-box',
            dateDropdownsSelector: '[data-role=calendar-dropdown]',
            optionsSelector: '.product-custom-option',
            optionHandlers: {},
            optionTemplate: '<%= data.label %>' +
                '<% if (data.finalPrice.value) { %>' +
                ' +<%- data.finalPrice.formatted %>' +
                '<% } %>',
            controlContainer: 'dd',
            priceTemplate: '<span class="price"><%- data.formatted %></span>',
            localePriceFormat: {},
            productFinalPriceExclTax: 0.0,
            productRegularPriceExclTax: 0.0,
            productFinalPriceInclTax: 0.0,
            productRegularPriceInclTax: 0.0,
            configUrl: '',
            priceDisplayMode: 0,
            catalogPriceContainsTax: false,
            configurableContainerSelector: '[data-role=swatch-options]',
            configurableSelector: '.swatch-option'
        },
        updaters: {},

        /**
         * @private
         */
        _init: function initPriceBundle() {
            var self = this;
            $(document).ready(function () {
                $('#product-addtocart-button').attr('disabled', true);
                // Get existing updaters from registry
                var updaters = registry.get('mageworxOptionUpdaters');
                if (!updaters) {
                    updaters = {};
                }

                var sortOrderArray = Object.keys(updaters).sort(function (a, b) {
                    return a - b;
                });

                // Add each updater according to sort order
                $.each(sortOrderArray, function (key, value) {
                    if (!updaters.hasOwnProperty(value)) {
                        return;
                    }
                    self.addUpdater(value, updaters[value]);
                });

                // Bind option change event listener
                self.addOptionChangeListeners();
                $('#product-options-wrapper').show();

                _.each(self.updaters, function (value, key) {
                    try {
                        self.triggerAfterInitPrice(self.getUpdater(key));
                    } catch (e) {
                        console.log('Error:');
                        console.log(e);
                    }
                });

                self.processApplyChanges();
                $('#product-addtocart-button').prop('disabled', false);

                // NEUER CODE: Erste Swatch-Option automatisch auswählen
                self.selectFirstImageOption();
                //console.log('function  loaded');

            });
        },

        /**
         * Option, um das erste Swatch-Bild zu selektieren
         */
        selectFirstImageOption: function() {
            var $firstImageSwatch = $('.mageworx-swatch-option.image').first();

            if ($firstImageSwatch.length > 0) {
                // Setze den Klick und die Klasse 'selected'
                $firstImageSwatch.trigger('click');
                $firstImageSwatch.addClass('selected');
                $firstImageSwatch.attr('aria-checked', true);

                // Setze alle anderen mageworx-swatch-option.image auf aria-checked=false
                $('.mageworx-swatch-option.image').not($firstImageSwatch).attr('aria-checked', false);
                $('.mageworx-swatch-option.image').not($firstImageSwatch).removeClass('selected');

                // Text oder andere Werte aktualisieren, falls nötig
                $('span#value').text($firstImageSwatch.attr('data-option-label'));

                // Aktualisiere die MageWorx-Optionen und Preise
                this.collectSelectedData();
                this.processApplyChanges();
            }
        },

        /**
         * Wählt das erste sichtbare Bild-Swatch nach einem Wechsel der Grammatur aus.
         */
        selectFirstVisibleImageOption: function() {
            var self = this;
            var $firstVisibleImageSwatch = $('.mageworx-swatch-option.image').filter(function() {
                return $(this).is(':visible');
            }).first();

            if ($firstVisibleImageSwatch.length > 0) {
                // Simuliere den Klick auf das Swatch
                $firstVisibleImageSwatch.trigger('click');
                $firstVisibleImageSwatch.addClass('selected');
                $firstVisibleImageSwatch.attr('aria-checked', true);

                // Setze alle anderen mageworx-swatch-option.image auf aria-checked=false
                $('.mageworx-swatch-option.image').not($firstVisibleImageSwatch).attr('aria-checked', false);
                $('.mageworx-swatch-option.image').not($firstVisibleImageSwatch).removeClass('selected');

                // Aktualisiere den Text in span#value
                $('span#value').text($firstVisibleImageSwatch.attr('data-option-label'));

                // WICHTIG: Aktualisiere das verborgene Eingabefeld, damit Magento die Auswahl erkennt
                var optionId = $firstVisibleImageSwatch.attr('data-option-id'); // Hole die ID der Option
                var inputField = $('input[name="options[' + optionId + ']"]'); // Hole das versteckte Eingabefeld

                if (inputField.length > 0) {
                    inputField.val($firstVisibleImageSwatch.attr('data-option-id')); // Setze den Wert des Eingabefelds
                    inputField.trigger('change'); // Triggere das Change-Event, damit Magento die Änderung erkennt
                }

                // Aktualisiere die MageWorx-Optionen und Preise
                self.collectSelectedData();
                self.processApplyChanges();

                //console.log('First visible image swatch selected and input field updated.');
            }
        },


        /**
         * Add event listener on each option change (for updaters)
         */
        addOptionChangeListeners: function addListeners() {
            var self = this;
            if (!this.options || !this.options.optionsSelector) {
                console.log('optionsSelector is undefined'); // Debugging message
                return;
            }
            $(this.options.optionsSelector, this.getFormElement()).on('change', this.optionChanged.bind(this));

            // Für Text-Swatch (Grammatur) - Event Listener für Klick
            $(document).on('click', '.mageworx-swatch-option.text', function() {
                //console.log('Grammatur-Swatch clicked, updating image swatches.');

                // Nach Klick auf Text-Swatch wird das erste sichtbare Bild-Swatch gewählt
                self.selectFirstVisibleImageOption();
                $(self.options.optionsSelector, self.getFormElement()).on('change', self.optionChanged.bind(self));
            });

            //for configurable
            var $configurableSwatchContainer = $(this.options.configurableContainerSelector);
            $configurableSwatchContainer.on('click', this.options.configurableSelector, function () {
                if (self.isAnyOptionSelected() || self.isNonSelectableOptionsUsed()) {
                    self.processApplyChanges();
                }
            });

            //for product qty
            $('body').on('change', this.options.productQtySelector, function () {
                self.processApplyChanges();
            });
        },

        onUpdatePrice: function onUpdatePrice(event, prices) {
            return this.updatePrice(prices);
        },

        _create: function create() {
            var self = this;
            this.options = this.options || {};  // Fallback, falls this.options undefined ist
            registry.set('mageworxOptionBase', self);
        },

        /**
         * Add updater to the collection
         * Trigger first run of updater
         * @param name
         * @param updater
         */
        addUpdater: function addUpdater(name, updater) {
            var updaterInstance;
            var self = this;
            try {
                updaterInstance = this.getUpdater(name);
            } catch (e) {
                updaterInstance = null;
            }

            if (updaterInstance) {
                updaterInstance.options = updater.options;
                if (self.options.productId != window.productId && !self.options.isInUpdateProcess) {
                    self.getBaseConfig().then(function (data) {
                        try {
                            self.runUpdater(updaterInstance);
                        } catch (e) {
                            console.log('Error:');
                            console.log(e);
                        }
                    }).catch(function (e) {
                        console.log(e);
                    });
                } else if (self.options.productId == window.productId) {
                    try {
                        self.runUpdater(updaterInstance);
                    } catch (e) {
                        console.log('Error:');
                        console.log(e);
                    }
                }
            } else {
                this.updaters[name] = updater;
                try {
                    updaterInstance = this.getUpdater(name);
                    this.runUpdater(updaterInstance);
                } catch (e) {
                    console.log('Error:');
                    console.log(e);
                }
            }
        },

        getBaseConfig: function getBaseConfig() {
            var self = this;
            self.options.isInUpdateProcess = true;

            return new Promise(function (resolve, reject) {
                $.ajax({
                    url: self.options.configUrl,
                    data: {
                        productId: window.productId
                    },
                    success: function (data) {
                        $.each(data, function (index, element) {
                            self.options[index] = JSON.parse(element);
                        });
                        self.options.isInUpdateProcess = false;
                        resolve(data); // Resolve promise and go to then()
                    },
                    error: function (e) {
                        self.options.isInUpdateProcess = false;
                        reject(e); // Reject the promise and go to catch()
                    }
                });
            });
        },

        getUpdater: function (name) {
            if (_.isUndefined(this.updaters[name])) {
                throw 'Undefined updater with name: ' + name;
            }
            return this.updaters[name];
        },

        runUpdater: function (updater) {
            var handler = updater.firstRun;
            if (typeof handler != 'undefined' && handler && handler instanceof Function) {
                handler.apply(updater, [this.options.optionConfig, this.options.productConfig, this, updater]);
            }
        },

        triggerAfterInitPrice: function (updater) {
            var handler = updater.afterInitPrice;
            if (typeof handler != 'undefined' && handler && handler instanceof Function) {
                handler.apply(updater, [this.options.optionConfig, this.options.productConfig, this, updater]);
            }
        },

        setOptionValueTitle: function setOptionValueTitle(newOptionConfig) {
            var form = this.getFormElement(),
                options = $('.product-custom-option', form),
                self = this,
                config = self.options,
                optionConfig = config.optionConfig,
                priceSymbol = config.localePriceFormat.priceSymbol;

            if (!_.isUndefined(newOptionConfig)) {
                optionConfig = newOptionConfig;
            }

            this._updateSelectOptions(options.filter('select'), optionConfig, priceSymbol);
            this._updateInputOptions(options.filter('input[type!="hidden"]'), optionConfig, priceSymbol);
        },

        _updateSelectOptions: function (options, opConfig, priceSymbol) {
            var self = this;
            options.each(function (index, element) {
                var $element = $(element);
                if ($element.hasClass('datetime-picker') ||
                    $element.hasClass('text-input') ||
                    $element.hasClass('input-text') ||
                    $element.attr('type') == 'file') {
                    return true;
                }

                var optionId = utils.findOptionId($element);

                if (!opConfig[optionId]) {
                    return;
                }
                var optionConfig = opConfig[optionId],
                    isHideValuePrice = self.isHideProductPageValuePrice(optionId);

                $element.find('option').each(function (idx, option) {
                    var $option = $(option),
                        optionValue = $option.val();

                    if (!optionValue && optionValue !== 0) {
                        return;
                    }

                    if (!optionConfig[optionValue]) {
                        return;
                    }

                    var optionValueConfig = optionConfig[optionValue];

                    self.getOptionText($option, optionValueConfig, priceSymbol, isHideValuePrice);
                });
            });
        },

        _updateInputOptions: function (options, opConfig, priceSymbol) {
            var self = this;
            options.each(function (index, element) {
                var $element = $(element);
                if ($element.hasClass('datetime-picker') ||
                    $element.hasClass('text-input') ||
                    $element.hasClass('input-text') ||
                    $element.attr('type') == 'file') {
                    return true;
                }

                var optionId = utils.findOptionId($element),
                    optionValue = $element.val();

                if (!optionValue && optionValue !== 0) {
                    return;
                }

                if (!opConfig[optionId]) {
                    return;
                }

                var optionConfig = opConfig[optionId];
                if (!optionConfig[optionValue]) {
                    return;
                }

                var optionValueConfig = optionConfig[optionValue],
                    isHideValuePrice = self.isHideProductPageValuePrice(optionId);

                self.getOptionText($element.next('label'), optionValueConfig, priceSymbol, isHideValuePrice);
            });
        },

        isHideProductPageValuePrice: function (optionId) {
            return Boolean(Number(this.options.extendedOptionsConfig[optionId].hide_product_page_value_price));
        },

        getOptionText: function ($option, optionValueConfig, priceSymbol, isHideValuePrice) {
            var title = optionValueConfig && optionValueConfig.name,
                valuePrice = utils.formatPrice(optionValueConfig.prices.finalPrice.amount),
                stockMessage = '',
                specialPriceDisplayNode = '',
                exclPriceTitle = '';

            if (optionValueConfig) {
                if (!_.isEmpty(optionValueConfig.special_price_display_node)) {
                    specialPriceDisplayNode = optionValueConfig.special_price_display_node;
                }
                if (!_.isEmpty(optionValueConfig.stockMessage)) {
                    stockMessage = optionValueConfig.stockMessage;
                }
                if (!_.isEmpty(optionValueConfig.title)) {
                    title = optionValueConfig.title;
                }
                if (isHideValuePrice) {
                    $option.text(title + ' ' + stockMessage);
                }
                if (optionValueConfig.prices.basePrice.amount) {
                    if (optionValueConfig.prices.finalPrice.amount
                        && optionValueConfig.prices.finalPrice.amount > optionValueConfig.prices.basePrice.amount) {
                        valuePrice = optionValueConfig.prices.finalPrice.amount.toFixed(2);
                    } else {
                        valuePrice = optionValueConfig.prices.basePrice.amount;
                    }
                }
            }
            if (specialPriceDisplayNode) {
                $option.text('');
                $option.append('<span>' + title + ' ' + specialPriceDisplayNode + ' ' + stockMessage + '</span>');
            } else if (stockMessage) {
                if (this.options.productConfig.is_display_both_prices) {
                    var exclPrice = priceSymbol + optionValueConfig.prices.basePrice.amount.toFixed(2);
                    exclPriceTitle = $.mage.__('(Excl. tax: ') + exclPrice + ')';
                }

                if (parseFloat(optionValueConfig.prices.finalPrice.amount) > 0) {
                    $option.text(title + ' +' + priceSymbol + valuePrice + ' ' + exclPriceTitle + ' ' + stockMessage);
                } else if (parseFloat(optionValueConfig.prices.finalPrice.amount) < 0) {
                    valuePrice = -valuePrice;
                    $option.text(title + ' -' + priceSymbol + valuePrice + ' ' + exclPriceTitle + ' ' + stockMessage);
                } else {
                    $option.text(title + ' ' + stockMessage);
                }
            }
        },

        _setOptions: function setOptions(options) {
            $.extend(true, this.options, options);
            return this._super(options);
        },

        getFormElement: function () {
            var $form;
            if (this.options.systemConfig.area === 'adminhtml') {
                $form = $('#product_composite_configure_form');
            } else if (this.element.is('form')) {
                $form = this.element;
            } else {
                $form = this.element.closest('form');
            }

            if ($form.length === 0) {
                throw 'Invalid or empty form element';
            }

            return $form;
        },

        optionChanged: function onOptionChanged(event) {
            var option = $(event.target);
            option.data('optionContainer', option.closest(this.options.controlContainer));

            $.each(this.updaters, function (i, e) {
                var handler = e.update;
                if (handler && handler instanceof Function) {
                    handler.apply(e, [option, this.options.optionConfig, this.options.productConfig, this]);
                }
            }.bind(this));

            this.processApplyChanges();
        },

        processApplyChanges: function processApplyChanges() {
            $.each(this.updaters, function (i, e) {
                var handler = e.applyChanges;
                if (handler && handler instanceof Function) {
                    handler.apply(e, [this, this.options.productConfig]);
                }
            }.bind(this));
        },

        setProductFinalPrice: function (finalPrice) {
            var config = this.options,
                format = config.priceFormat,
                template = config.priceTemplate,
                $pc = $(config.productPriceInfoSelector).find('[data-price-type="finalPrice"]'),
                templateData = {};

            if (_.isUndefined($pc)) {
                return;
            }

            if (finalPrice < 0) {
                finalPrice = 0;
            }

            template = mageTemplate(template);
            templateData.data = {
                value: finalPrice,
                formatted: utils.formatPrice(finalPrice, format)
            };

            $pc.hide();
            setTimeout(function () {
                $pc.html(template(templateData));
                $pc.fadeIn(500);
            }, 110);
        },

        setAdditionalProductFinalPrice: function (finalPrice) {
            var config = this.options,
                format = config.priceFormat,
                template = config.priceTemplate,
                $pc = $(config.mageworxAdditionalPriceInfoSelector).find('[data-price-type="finalPrice"]'),
                templateData = {};

            if (_.isUndefined($pc)) {
                return;
            }

            if (finalPrice < 0) {
                finalPrice = 0;
            }

            template = mageTemplate(template);
            templateData.data = {
                value: finalPrice,
                formatted: utils.formatPrice(finalPrice, format)
            };

            $pc.hide();
            setTimeout(function () {
                $pc.html(template(templateData));
                $pc.fadeIn(500);
            }, 110);
        },

        setProductPriceExclTax: function (priceExcludeTax) {
            var config = this.options,
                format = config.priceFormat,
                template = config.priceTemplate,
                $pc = $(config.productPriceInfoSelector).find('[data-price-type="basePrice"]'),
                templateData = {};

            if (_.isUndefined($pc)) {
                return;
            }

            if (priceExcludeTax < 0) {
                priceExcludeTax = 0;
            }

            template = mageTemplate(template);
            templateData.data = {
                value: priceExcludeTax,
                formatted: utils.formatPrice(priceExcludeTax, format)
            };

            $pc.hide();
            setTimeout(function () {
                $pc.html(template(templateData));
                $pc.fadeIn(500);
            }, 110);
        },

        setAdditionalProductPriceExclTax: function (priceExcludeTax) {
            var config = this.options,
                format = config.priceFormat,
                template = config.priceTemplate,
                $pc = $(config.mageworxAdditionalPriceInfoSelector).find('[data-price-type="basePrice"]'),
                templateData = {};

            if (_.isUndefined($pc)) {
                return;
            }

            if (priceExcludeTax < 0) {
                priceExcludeTax = 0;
            }

            template = mageTemplate(template);
            templateData.data = {
                value: priceExcludeTax,
                formatted: utils.formatPrice(priceExcludeTax, format)
            };

            $pc.hide();
            setTimeout(function () {
                $pc.html(template(templateData));
                $pc.fadeIn(500);
            }, 110);
        },

        setProductRegularPrice: function (regularPrice) {
            var config = this.options,
                format = config.priceFormat,
                template = config.priceTemplate,
                $pc = $(config.productPriceInfoSelector).find('[data-price-type="oldPrice"]'),
                templateData = {};

            if (_.isUndefined($pc)) {
                return;
            }

            if (regularPrice < 0) {
                regularPrice = 0;
            }

            template = mageTemplate(template);
            templateData.data = {
                value: regularPrice,
                formatted: utils.formatPrice(regularPrice, format)
            };

            $pc.hide();
            setTimeout(function () {
                $pc.html(template(templateData));
                $pc.fadeIn(500);
            }, 110);
        },

        setAdditionalProductRegularPrice: function (regularPrice) {
            var config = this.options,
                format = config.priceFormat,
                template = config.priceTemplate,
                $pc = $(config.mageworxAdditionalPriceInfoSelector).find('[data-price-type="oldPrice"]'),
                templateData = {};

            if (_.isUndefined($pc)) {
                return;
            }

            if (regularPrice < 0) {
                regularPrice = 0;
            }

            template = mageTemplate(template);
            templateData.data = {
                value: regularPrice,
                formatted: utils.formatPrice(regularPrice, format)
            };

            $pc.hide();
            setTimeout(function () {
                $pc.html(template(templateData));
                $pc.fadeIn(500);
            }, 110);
        },

        isOneTimeOption: function (optionId) {
            var config = this.options;

            return config.extendedOptionsConfig &&
                config.extendedOptionsConfig[optionId] &&
                config.extendedOptionsConfig[optionId]['one_time'] &&
                config.extendedOptionsConfig[optionId]['one_time'] != '0';
        },

        isNonSelectableOptionsUsed: function () {
            var self = this,
                form = this.getFormElement();

            // Überprüfung, ob optionsSelector definiert ist
            if (!this.options || !this.options.optionsSelector) {
                console.log('optionsSelector is undefined');
                return false;
            }

            var options = $(this.options.optionsSelector, form),
                isUsed = false;

            options.filter('input[type="text"], textarea, input[type="file"]').each(function (index, element) {
                var $element = $(element),
                    value = $element.val();

                if (!_.isUndefined(value) && value.length > 0) {
                    isUsed = true;
                    return;
                }
            });

            return isUsed;
        },

        getPriceFromHtmlElement: function getPrice(element) {
            var pricePattern = this.options.localePriceFormat,
                ds = pricePattern.decimalSymbol,
                gs = pricePattern.groupSymbol,
                pf = pricePattern.pattern,
                ps = pricePattern.priceSymbol,
                price = 0,
                html = $(element).text(),
                priceCalculated;

            priceCalculated = parseFloat(html.replace(new RegExp("'\'" + gs, 'g'), '')
                .replace(new RegExp("'\'" + ds, 'g'), '.')
                .replace(/[^0-9\.,]/g, ''));

            if (priceCalculated) {
                price = priceCalculated;
            }

            return price;
        },

        getOptionHtmlById: function (optionId) {
            // Überprüfung, ob optionsSelector definiert ist
            if (!this.options || !this.options.optionsSelector) {
                console.log('optionsSelector is undefined');
                return null;
            }

            var $el = $(this.options.optionsSelector + '[name^="options[' + optionId + ']"]', this.getFormElement())
                .first()
                .closest('.field[data-option_id]');

            if ($el.length === 0) {
                $el = $(this.options.optionsSelector + '[name^="options_' + optionId + '_file"]', this.getFormElement())
                    .first()
                    .closest('.field[data-option_id]');
            }

            return $el;
        },

        isPriceWithTax: function () {
            return this.toBoolean(this.options.catalogPriceContainsTax);
        },

        getPriceDisplayMode: function () {
            return parseInt(this.options.priceDisplayMode);
        },

        toBoolean: function (value) {
            return !(value == 0 || value == '0' || value == false);
        },

        getOptionId: function ($option) {
            // compatibility with ie11
            if (navigator.userAgent.indexOf('rv:11') == -1) {
                var regExp = /(options\[){1}(\d+)+(\]){1}/;
                var re = new RegExp(regExp.source, 'g');
            } else {
                var re = new RegExp('/(options\[){1}(\d+)+(\]){1}/', 'g');
            }
            re.test($option.attr('data-selector'));

            return parseInt(RegExp.$2);
        },

        getDateDropdownConfig: function (optionConfig, siblings) {
            var isNeedToUpdate = true;

            siblings.each(function (index, el) {
                isNeedToUpdate = isNeedToUpdate && !!$(el).val();
            });

            return isNeedToUpdate ? optionConfig : {};
        },

        getApoData: function () {
            if (_.isUndefined(window.apoData)) {
                window.apoData = {};
            }
            return window.apoData;
        },

        isAnyOptionSelected: function () {
            var isAnyOptionSelected = false,
                self = this;
            $.each(self.getApoData(), function (index, value) {
                if (!_.isUndefined(value) && value.length > 0) {
                    isAnyOptionSelected = true;
                }
            });
            return isAnyOptionSelected;
        },

        getNewlyShowedOptionValues: function () {
            if (_.isArray(window.newlyShowedOptionValues) !== true) {
                window.newlyShowedOptionValues = [];
            }
            return window.newlyShowedOptionValues;
        },

        addNewlyShowedOptionValue: function (optionValue) {
            if (_.isArray(window.newlyShowedOptionValues) !== true) {
                window.newlyShowedOptionValues = [];
            }
            var index = window.newlyShowedOptionValues.indexOf(optionValue);
            if (index === -1) {
                window.newlyShowedOptionValues.push(optionValue);
            }
        },

        removeNewlyShowedOptionValue: function (optionValue) {
            if (_.isArray(window.newlyShowedOptionValues) !== true) {
                window.newlyShowedOptionValues = [];
            }
            var index = window.newlyShowedOptionValues.indexOf(optionValue);
            if (index !== -1) {
                window.newlyShowedOptionValues.splice(index, 1);
            }
        },

        getSelectedData: function () {
            if (_.isUndefined(window.apoSelectedData)) {
                window.apoSelectedData = {};
            }
            return window.apoSelectedData;
        },

        collectSelectedData: function () {
            window.apoSelectedData = {};

            var self = this,
                form = this.getFormElement(),
                config = this.options,
                options = $(config.optionsSelector, form);

            options.filter('select').each(function (index, element) {
                var $element = $(element),
                    optionId = utils.findOptionId($element),
                    optionConfig = config.optionConfig && config.optionConfig[optionId],
                    values = $element.val();

                if (_.isUndefined(values) || !values) {
                    return;
                }

                if (!Array.isArray(values)) {
                    values = [values];
                }

                $(values).each(function (i, valueId) {
                    if (_.isUndefined(optionConfig[valueId])) {
                        if (_.isUndefined(optionConfig.prices)) {
                            return;
                        }

                        var dateDropdowns = $element.parent().find(config.dateDropdownsSelector);
                        if (!_.isUndefined(dateDropdowns)) {
                            return;
                        }

                        if ($element.closest('.field').css('display') == 'none') {
                            $element.val('');
                            return;
                        }
                    }

                    if (Array.isArray(window.apoSelectedData[optionId])) {
                        window.apoSelectedData[optionId].push(valueId);
                    } else {
                        window.apoSelectedData[optionId] = [];
                        window.apoSelectedData[optionId].push(valueId);
                    }
                });
            });

            options.filter('input[type="radio"], input[type="checkbox"]').each(function (index, element) {
                var $element = $(element),
                    optionId = utils.findOptionId($element),
                    optionConfig = config.optionConfig && config.optionConfig[optionId],
                    valueId = $element.val();

                if (!$element.is(':checked')) {
                    return;
                }

                if (_.isUndefined(valueId) || !valueId) {
                    return;
                }

                if (Array.isArray(window.apoSelectedData[optionId])) {
                    window.apoSelectedData[optionId].push(valueId);
                } else {
                    window.apoSelectedData[optionId] = [];
                    window.apoSelectedData[optionId].push(valueId);
                }
            });
        }
    });

    return $.mageworx.optionBase;
});