{"version":3,"file":"component-notifymeForm.chunk.js","mappings":"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","sources":["webpack:///./assets/src/scripts/base/baseComponent.ts","webpack:///./assets/src/scripts/base/commonInterface.ts","webpack:///./assets/src/scripts/components/notifymeForm.ts","webpack:///./assets/src/scripts/components/spinner.ts","webpack:///./assets/src/scripts/utils/focusableElementUtils.ts"],"sourcesContent":["import deepFreeze from '../utils/freeze';\nimport CommonInterface from './commonInterface';\nimport Bean from 'bean';\nexport default class BaseComponent extends CommonInterface {\n /**\n *\n * constructor\n *\n * @param {Element} element\n */\n constructor(element) {\n super();\n this.observer = new IntersectionObserver(entries => {\n if (entries[0].isIntersecting) {\n const items = [...entries[0].target.querySelectorAll('[data-animated=\"false\"]')];\n items.forEach((item, i) => {\n setTimeout(() => {\n item.setAttribute('data-animated', 'true');\n }, 300 * i);\n });\n this.observer.unobserve(entries[0].target);\n }\n }, {\n threshold: 0.5\n });\n this._componentElement = element;\n this._componentElement.setAttribute('data-component-init', 'true');\n this.observer.observe(this._componentElement);\n }\n /**\n * @returns {HTMLElement}\n */\n get $el() {\n return this._componentElement;\n }\n get $options() {\n const compOptions = {};\n const options = Object.assign({}, this.$el.dataset);\n const optionsEntires = Object.keys(options).filter((entry) => entry.includes('option'));\n optionsEntires.forEach((entry) => {\n const cleanEntry = BaseComponent.cleanOptionKey(entry);\n let optionValue;\n if (options[entry].includes('{') && options[entry].includes('}')) {\n optionValue = JSON.parse(options[entry].replace(/'/g, '\"'));\n }\n else {\n optionValue = BaseComponent.convertType(options[entry]);\n }\n compOptions[cleanEntry] = optionValue;\n });\n return deepFreeze(compOptions);\n }\n get COMPONENT_NAME() {\n return this.__proto__.constructor.name;\n }\n static convertType(option) {\n let optionReturn;\n switch (option) {\n case 'false':\n optionReturn = false;\n break;\n case 'true':\n optionReturn = true;\n break;\n case 'null':\n optionReturn = null;\n break;\n default:\n optionReturn = option;\n break;\n }\n return optionReturn;\n }\n static cleanOptionKey(key) {\n const str = key.replace('option', '');\n return `${str.charAt(0).toLocaleLowerCase()}${str.slice(1)}`;\n }\n /**\n *\n * $on\n *\n * @param {String} events\n * @param {Function} cb\n * @param {Element} [element = this.$el]\n * @param {Array|String|Element} [elements = null]\n */\n $on(events, cb, element = this.$el, elements = null) {\n if (!element || !events || !cb)\n return;\n if (!elements) {\n Bean.on(element, events, (e) => {\n if (e)\n e.stopPropagation();\n cb(e);\n });\n }\n else {\n Bean.on(element, events, elements, (e) => {\n if (e)\n e.stopPropagation();\n cb(e);\n });\n }\n }\n /**\n *\n * $one\n *\n * @param {String} events\n * @param {Function} cb\n * @param {Element} [element = this.$el]\n */\n $one(events, cb, element = this.$el) {\n Bean.one(element, events, cb);\n }\n /**\n *\n * $off\n *\n * @param {String} events\n * @param {Element} [element = this.$el]\n */\n $off(events, element = this.$el) {\n Bean.off(element, events);\n }\n /**\n *\n * $fire\n *\n * @param {String} events\n * @param {Element} [element = this.$el]\n */\n $fire(events, element = this.$el) {\n Bean.fire(element, events);\n }\n /**\n *\n * @param {HTMLElement} [container]\n */\n loading(container, message = '') {\n this.EMIT(this.CUSTOM_MESSAGES.LOADER_EVENTS.show, {\n container: container || this.$el,\n message\n });\n }\n /**\n *\n * @param {HTMLElement} [container]\n * @param {String} [message]\n * @param {String} [icon]\n * @param {Boolean} [error=false]\n */\n endLoading(container, message, icon, error = false, time) {\n this.EMIT(this.CUSTOM_MESSAGES.LOADER_EVENTS.hide, {\n container: container || this.$el,\n message,\n icon,\n error,\n time\n });\n }\n}\n","import config from 'gia/config';\nimport EventBus from '../libs/eventBus';\nimport CustomMessages from '../constants/customMessages';\nimport { getFirstFocusable, getAllFocusableElements } from '../utils/focusableElementUtils';\nexport default class CommonInterface {\n constructor() {\n config.set('log', true);\n this._grabMessages();\n }\n get CUSTOM_MESSAGES() {\n return CustomMessages;\n }\n get Messages() {\n return {};\n }\n _checkMessages() {\n for (const message in this.Messages) {\n if (window.eventQueue.get(message)) {\n const ref = this.Messages[message].bind(this);\n window.eventQueue.get(message).map((payload) => {\n ref(payload);\n });\n window.eventQueue.delete(message);\n }\n }\n }\n _grabMessages() {\n this._messages = {};\n for (const message in this.Messages) {\n if (this.Messages[message]) {\n const __ref__ = this.Messages[message].bind(this);\n this._messages[message] = __ref__;\n this.GRAB(message, __ref__);\n }\n }\n }\n _ungrabMessages() {\n for (const message in this._messages) {\n this.UNGRAB(message, this._messages[message]);\n }\n }\n objectIsEmpty(object) {\n for (var key in object) {\n if (object.hasOwnProperty(key))\n return false;\n }\n return true;\n }\n /**\n *\n * EMIT\n *\n * @param {string} message\n * @param {Object} payload\n */\n EMIT(message, payload) {\n return EventBus.emit(message, payload);\n }\n /**\n *\n * GRAB\n *\n * @param {string} message\n * @param {Function} callBack\n */\n GRAB(message, callBack) {\n if (!callBack)\n return;\n EventBus.on(message, callBack);\n }\n /**\n *\n * UNGRAB\n *\n * @param {string} message\n * @param {Function} callBack\n */\n UNGRAB(message, callBack) {\n if (!callBack)\n return;\n EventBus.off(message, callBack);\n }\n getFirstFocusable(parent) {\n return getFirstFocusable(parent);\n }\n getFocusableElements(parent) {\n return getAllFocusableElements(parent);\n }\n _destroy() {\n this._ungrabMessages();\n }\n}\n","import spinner from './spinner';\nimport BaseComponent from '../base/baseComponent';\nimport customEventBus from '../libs/eventBus';\nexport default class NotifymeForm extends BaseComponent {\n constructor(element) {\n super(element);\n this.timeToClose = 5000;\n this.handleSubmit();\n }\n get SELECTORS() {\n return {\n form: '.form-content',\n feedback: '.form-feedback',\n feedbackMsg: '.form-feedback-message',\n };\n }\n handleSubmit() {\n this.$el.addEventListener('submit', (e) => {\n e.preventDefault();\n this.manageData();\n });\n }\n async manageData() {\n spinner.set();\n try {\n let response = await this.sendData();\n this.setFeedbackMessage(response.success);\n let size = document.querySelector('.combo--selectsize .option-value') && document.querySelector('.combo--selectsize .option-value').innerText || '';\n customEventBus.emit(this.CUSTOM_MESSAGES.DATALAYER.NOTIFYME.submit, { productID: this.$el.getAttribute('data-pid'), category: this.$el.getAttribute('data-categorynameen'), size: size });\n }\n catch (ev) {\n console.error(ev);\n }\n finally {\n spinner.unset();\n }\n }\n setFeedbackMessage(isSuccess) {\n const message = isSuccess ? this.$options['feedback.success'] : this.$options['feedback.error'];\n this.$el.querySelector(this.SELECTORS.form).style.display = 'none';\n this.$el.querySelector(this.SELECTORS.feedbackMsg).innerHTML = message;\n this.$el.querySelector(this.SELECTORS.feedback).removeAttribute('style');\n const modal = this.$el.closest('.modal');\n if (modal) {\n setTimeout(() => {\n this.$el.querySelector(this.SELECTORS.feedback).style.display = 'none';\n this.$el.querySelector(this.SELECTORS.feedbackMsg).innerHTML = '';\n this.$el.querySelector(this.SELECTORS.form).removeAttribute('style');\n window.micromodalInstance.forceClose(modal.id);\n }, this.timeToClose);\n }\n }\n async sendData() {\n const formData = new FormData(this.$el.querySelector(this.SELECTORS.form));\n const queryString = new URLSearchParams(formData).toString();\n return fetch(`${this.$options.endpoint}?${queryString}`, {\n method: \"GET\",\n }).then(function (response) {\n return response.json();\n });\n }\n}\n","const spinner = {\n set: () => {\n spinner.unset();\n document.body.insertAdjacentHTML('beforeend', `<div id=\"html-spinner\" class=\"spinner full visible\">\n <span class=\"spinner__dot spinner__dot--string_light\"></span>\n <span class=\"spinner__dot spinner__dot--string_dark\"></span>\n </div>`);\n },\n unset: () => {\n if (document.getElementById('html-spinner') !== null) {\n document.getElementById('html-spinner').remove();\n }\n },\n};\nexport default spinner;\n","const focusableSelectors = 'button, [href]:not([aria-hidden=\"true\"]), input, select, textarea, [tabindex]:not([tabindex=\"-1\"]), [role=\"button\"]';\nexport const getFirstFocusable = (parent) => parent.querySelector(focusableSelectors);\nexport const getAllFocusableElements = (parent) => parent.querySelectorAll(focusableSelectors);\n"],"names":["BaseComponent","constructor","config","this","_grabMessages","CUSTOM_MESSAGES","Messages","_checkMessages","message","window","eventQueue","get","ref","bind","map","payload","delete","_messages","__ref__","GRAB","_ungrabMessages","UNGRAB","objectIsEmpty","object","key","hasOwnProperty","EMIT","callBack","getFirstFocusable","parent","getFocusableElements","_destroy","element","super","observer","IntersectionObserver","entries","isIntersecting","target","querySelectorAll","forEach","item","i","setTimeout","setAttribute","unobserve","threshold","_componentElement","observe","$el","$options","compOptions","options","Object","assign","dataset","keys","filter","entry","includes","cleanEntry","cleanOptionKey","optionValue","JSON","parse","replace","convertType","COMPONENT_NAME","__proto__","name","static","option","optionReturn","str","charAt","toLocaleLowerCase","slice","$on","events","cb","elements","e","stopPropagation","$one","$off","$fire","loading","container","LOADER_EVENTS","show","endLoading","icon","error","time","hide","NotifymeForm","timeToClose","handleSubmit","SELECTORS","form","feedback","feedbackMsg","addEventListener","preventDefault","manageData","async","response","sendData","setFeedbackMessage","success","size","document","querySelector","innerText","DATALAYER","NOTIFYME","submit","productID","getAttribute","category","ev","console","isSuccess","style","display","innerHTML","removeAttribute","modal","closest","micromodalInstance","forceClose","id","formData","FormData","queryString","URLSearchParams","toString","fetch","endpoint","method","then","json","spinner","set","unset","body","insertAdjacentHTML","getElementById","remove","focusableSelectors","getAllFocusableElements"],"sourceRoot":""}