{"version":3,"file":"VariationsDropdown.js","names":["VariationsDropdown","a","setters","Component","default","on","off","trigger","deepMerge","execute","constructor","element","options","arguments","length","templateName","dataModelId","events","variationUpdate","reloadOnChange","initCache","selectors","selectedOption","querySelector","initState","state","loading","pid","getSelectedVariationId","bindEvents","e","onVariationSelected","onProductUpdated","bind","getAttribute","preventDefault","url","target","value","test","select","previousPid","selectedIndex","blur","source","id","bubbles","variationAttributeId","displayValue","text","trim","detail","data","model","getModel","render","containerDataModelId","destroy"],"sources":["components/product/VariationsDropdown.js"],"sourcesContent":["import Component from 'core/Component';\nimport { on, off, trigger } from 'toolbox/event';\nimport { deepMerge } from 'toolbox/deepMerge';\n\n/**\n * This is a description of the VariationsDropdown constructor function.\n * @class\n * @classdesc This is a description of the VariationsDropdown class.\n * @extends Component\n */\nexport default class VariationsDropdown extends Component {\n    /**\n     * @typedef {Object} optionsObject\n     * @property {String} dataModelId - the data model name needed to render the component on client side.\n     */\n\n    /**\n     * @constructor\n     * @param {HTMLElement} element Component DOM node\n     * @param {optionsObject} options - Component Options\n     */\n    constructor(element, options = {}) {\n        super(element, deepMerge({\n            templateName: 'product/variationsdropdown',\n            dataModelId: 'variationsdropdown',\n            events: {\n                variationUpdate: 'product.variation.update',\n            },\n            reloadOnChange: false,\n        }, options));\n    }\n\n    /**\n     * All selectors must be cached. Never cache elements that are out of the component scope\n     */\n    initCache() {\n        this.selectors.selectedOption = this.element.querySelector('option[selected]');\n    }\n\n    /**\n     * Init the different state of the component\n     * It helps to avoid heavy DOM manipulation\n     */\n    initState() {\n        this.state.loading = false;\n        this.state.pid = this.getSelectedVariationId();\n    }\n\n    /**\n     * Should contain only event listeners and nothing else\n     * All the event handlers should be into a separated function. No usage of anonymous function\n     */\n    bindEvents() {\n        on('change', this.element, e => this.onVariationSelected(e));\n        on('product.updated', this.element, this.onProductUpdated.bind(this));\n    }\n\n    /**\n     * Get ID of selected variation\n     *\n     * @returns {Promise} object\n     */\n    getSelectedVariationId() {\n        return this.selectors.selectedOption ? this.selectors.selectedOption.getAttribute('data-js-pid') : '';\n    }\n\n    /**\n     * Event handler for variation selection dropdown\n     *\n     * @param {Object} e - Event object\n     * @returns {Boolean} true or false\n     */\n    onVariationSelected(e) {\n        e.preventDefault();\n        const url = e.target.value;\n        const hostRegExp = /^(http:\\/\\/www\\.|https:\\/\\/www\\.|http:\\/\\/|https:\\/\\/)?[a-z0-9]+([-.]{1}[a-z0-9]+)*\\.[a-z]{2,5}(:[0-9]{1,5})?(\\/.*)?$/g; // Url checker with or without http:// or https://\n\n        if (url && hostRegExp.test(url)) {\n            const select = e.target;\n            const previousPid = this.state.pid;\n            const pid = select.options ? select.options[select.selectedIndex].getAttribute('data-js-pid') : '';\n            this.state.loading = true;\n            this.state.pid = pid;\n            select.blur();\n            trigger(this.options.events.variationUpdate, this.element, {\n                url,\n                pid,\n                source: this.id,\n                bubbles: true,\n                previousPid,\n                variationAttributeId: this.options.variationAttributeId,\n                displayValue: select.options ? select.options[select.selectedIndex].text.trim() : '',\n            });\n\n            return true;\n        }\n        return false;\n    }\n\n    /**\n     * Update variation attributes list when product updated\n     *\n     * @param {Object} e - event data\n     */\n    onProductUpdated(e) {\n        if (!e || !e.detail) {\n            return;\n        }\n        // do not update dropdown if this component is an initiator of product update.\n        if (e.detail.source === this.id && !this.options.reloadOnChange) {\n            return;\n        }\n\n        const { data } = e.detail;\n        if (!data) {\n            return;\n        }\n        const model = this.getModel(data);\n        if (model) {\n            this.render(model);\n        }\n    }\n\n    /**\n     * Find model for swatch by dataModelId\n     * @param {Object} data array of components models\n     * @returns {Object|null} model object\n     */\n    getModel(data) {\n        const { containerDataModelId } = this.options;\n\n        if (data[containerDataModelId] && data[containerDataModelId][this.options.dataModelId]) {\n            return data[containerDataModelId][this.options.dataModelId];\n        }\n        if (data[this.options.dataModelId]) {\n            return data[this.options.dataModelId];\n        }\n\n        return null;\n    }\n\n    /**\n     * Destroy is called automatically after the component is being removed from the DOM\n     * You must always destroy the listeners attached to an element to avoid any memory leaks\n     */\n    destroy() {\n        off(this.element);\n        off('product.updated', this.element);\n    }\n}\n"],"mappings":"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","ignoreList":[]}