{"version":3,"sources":["webpack:///./src/js/components/TextSearchComponent.js","webpack:///./src/js/abstracts/BaseComponent.js","webpack:///./src/js/utilities/SerializeForm.js","webpack:///./src/js/utilities/FormErros.js","webpack:///./src/js/abstracts/BaseFormComponent.js"],"names":["TextSearchComponent","element","handleSubmit","this","onSubmit","e","action","formButton","formData","serializeForm","$el","getData","window","location","assign","searchQuery","BaseFormComponent","BaseComponent","_componentElement","setAttribute","compOptions","options","dataset","Object","keys","filter","entry","includes","forEach","optionValue","cleanEntry","cleanOptionKey","JSON","parse","replace","e2","convertType","console","error","Freeze","getAttribute","events","cb","elements","Bean","on","stopPropagation","one","off","fire","container","message","EMIT","CUSTOM_MESSAGES","LOADER_EVENTS","show","icon","hide","option","optionReturn","Number","key","str","charAt","toLocaleLowerCase","slice","CommonInterface","SerializeForm","form","serialize","dataType","getFormDataArray","getFormDataObject","join","map","data","tempData","split","name","value","newArrayString","nodeName","el","disabled","BLACK_LIST","type","isValidForm","isvalidElement","push","opt","selected","checked","scrollConfig","behavior","block","inline","inputErrorMsg","messageEl","document","createElement","classList","add","innerText","showFieldsErrors","errors","entries","querySelector","parent","closest","appendChild","scrollIntoView","showFieldError","fieldName","addEventListener","handleFocus","currentTarget","parentElement","remove","removeAttribute","removeChild","removeEventListener","showGlobalError","button","parentNode","errorEl","innerHTML","insertBefore","$on","a","preventDefault","stopImmediatePropagation","cleanCustomError","res","handleRes","errorFields","errorMessage","errorMsg","stringError","endLoading","querySelectorAll","globaError","length","err","googleRecaptchaClientSide","grecaptcha","ready","execute","then","token","Serialize"],"mappings":"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","file":"js/component-TextSearchComponent-js.chunks.js","sourcesContent":["import BaseFormComponent from '../abstracts/BaseFormComponent';\n\nexport default class TextSearchComponent extends BaseFormComponent {\n constructor(element) {\n super(element);\n this.handleSubmit();\n }\n\n handleSubmit() {\n this.onSubmit((e, action, formButton) => {\n const formData = this.serializeForm(this.$el).getData('object');\n window.location.assign(`${action}?q=${formData.searchQuery}`);\n });\n }\n}\n","\nimport Bean from 'bean';\nimport Freeze from '../utilities/Freeze';\nimport CommonInterface from './CommonInterface';\n\nexport default class BaseComponent extends CommonInterface {\n get $el() {\n return this._componentElement;\n }\n\n get $options() {\n const compOptions = {};\n const options = { ...this.$el.dataset };\n const optionsEntires = Object.keys(options).filter(entry => entry.includes('option'));\n optionsEntires.forEach((entry) => {\n try {\n const cleanEntry = BaseComponent.cleanOptionKey(entry);\n let optionValue;\n if (options[entry].includes('{') && options[entry].includes('}')) {\n\n // PDB-786 JSON.parse(\"{\\\"address1\\\":\\\"2 Rue d'Orsel\\\"}\".replace(/'/g, '\"')) => SyntaxError: Unexpected token O in JSON at position 21\n try {\n optionValue = JSON.parse(options[entry].replace(/'/g, '\"'));\n } catch (e2) {\n optionValue = JSON.parse(options[entry]);\n }\n\n } else {\n optionValue = BaseComponent.convertType(options[entry]);\n }\n compOptions[cleanEntry] = optionValue;\n } catch (e) {\n console.error('get $options() from component => ', this._componentElement, e);\n }\n });\n return Freeze(compOptions);\n }\n\n get COMPONENT_NAME() {\n return this.$el.getAttribute('data-component');\n }\n\n /**\n *\n * constructor\n *\n * @param {Element} element\n */\n constructor(element) {\n super();\n this._componentElement = element;\n this._componentElement.setAttribute('data-component-init', true);\n }\n\n static convertType(option) {\n let optionReturn;\n if (Number(option)) return Number(option);\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\n return optionReturn;\n }\n\n static cleanOptionKey(key) {\n const str = key.replace('option', '');\n const cleanedKey = `${str.charAt(0).toLocaleLowerCase()}${str.slice(1)}`;\n return cleanedKey;\n }\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) return;\n if (!elements) {\n Bean.on(element, events, (e) => {\n if (e) e.stopPropagation();\n cb(e);\n });\n } else {\n Bean.on(element, events, elements, (e) => {\n if (e) e.stopPropagation();\n cb(e);\n });\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 *\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 *\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 *\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 *\n * @param {HTMLElement} [container]\n * @param {String} [message]\n * @param {String} [icon]\n * @param {Boolean} [error=false]\n */\n endLoading(container, message, error = false, icon) {\n this.EMIT(this.CUSTOM_MESSAGES.LOADER_EVENTS.hide, {\n container: container || this.$el,\n message,\n icon,\n error\n });\n }\n}\n","class SerializeForm {\n static get BLACK_LIST() {\n return {\n elements: ['button', 'file', 'reset', 'submit']\n };\n }\n\n /**\n *\n * @param {HTMLFormElement} form\n */\n constructor(form) {\n this.form = SerializeForm.serialize(form);\n }\n\n /**\n * Get the form serialization data by format\n *\n * @param {String} [dataType] The data type to return ('array', 'object' or empty to return string)\n * @returns {*}\n */\n getData(dataType) {\n switch (dataType) {\n case 'array':\n return SerializeForm.getFormDataArray(this.form);\n case 'object':\n return SerializeForm.getFormDataObject(this.form);\n default:\n return this.form.join('&')\n .replace(/%20/g, '+');\n }\n }\n\n /**\n * Get the form serialization data string\n *\n * @returns {String}\n */\n toString() {\n return this.form.join('&').replace(/%20/g, '+');\n }\n\n /**\n * Get the form serialization data array\n *\n * @returns {Array}\n */\n toArray() {\n return SerializeForm.getFormDataArray(this.form);\n }\n\n /**\n * Get the form serialization data object\n *\n * @returns {Object}\n */\n toObject() {\n return SerializeForm.getFormDataObject(this.form);\n }\n\n /**\n *\n * @param {HTMLFormElement} form\n * @return {Array}\n */\n static getFormDataArray(form) {\n return [\n ...form.map((data) => {\n const tempData = data.split('=');\n return {\n name: tempData[0],\n value: tempData[1]\n };\n })\n ];\n }\n\n /**\n *\n * @param {HTMLFormElement} form\n */\n static getFormDataObject(form) {\n const formData = {};\n form.forEach((data) => {\n const tempData = data.split('=');\n if (formData[tempData[0]]) {\n const newArrayString = `${typeof formData[tempData[0]] === 'object' ? formData[tempData[0]].join('&') : formData[tempData[0]]}&${tempData[1]}`;\n formData[tempData[0]] = newArrayString.split('&');\n } else {\n formData[tempData[0]] = tempData[1];\n }\n });\n\n return formData;\n }\n\n /**\n *\n * @param {HTMLFormElement} form\n * @return {boolean}\n */\n static isValidForm(form) {\n return typeof form === 'object' && form.nodeName === 'FORM';\n }\n\n /**\n *\n * @param {HTMLElement} el\n * @return {boolean}\n */\n static isvalidElement(el) {\n return el.name && !el.disabled && !SerializeForm.BLACK_LIST.elements.includes(el.type);\n }\n\n /**\n *\n * @param {HTMLFormElement} form\n * @return {Array}\n */\n static serialize(form) {\n const data = [];\n if (SerializeForm.isValidForm(form)) {\n [...form.elements].forEach((el) => {\n if (SerializeForm.isvalidElement(el)) {\n if (el.type !== 'checkbox' && el.type !== 'radio') {\n let value = el.value || '';\n data.push(`${el.name}=${value}`);\n } else if (el.type === 'select-multiple') {\n el.options.forEach((opt) => {\n if (opt.selected) data.push(`${el.name}=${opt.value}`);\n });\n } else if (el.checked && el.type === 'checkbox') {\n let value = el.value || true;\n data.push(`${el.name}=${value}`);\n } else if (el.checked && el.type === 'radio' && el.value) {\n let value = el.value;\n data.push(`${el.name}=${value}`);\n }\n }\n });\n }\n return data;\n }\n}\n\nexport default SerializeForm;\n","const scrollConfig = {\n behavior: 'smooth',\n block: 'center',\n inline: 'center'\n};\n\nconst inputErrorMsg = (message) => {\n const messageEl = document.createElement('div');\n messageEl.classList.add('error-message', 'js-error-message');\n messageEl.innerText = message;\n return messageEl;\n};\n\nconst formErroMessage = (message) => {\n const messageEl = document.createElement('div');\n messageEl.classList.add('warning', 'js-form-warning');\n messageEl.innerHTML += '';\n messageEl.innerHTML += message;\n return messageEl;\n};\n\nexport const cleanInputs = (form, cb) => {\n const inputs = form.querySelectorAll('input, select');\n [...inputs].forEach((el) => {\n const parent = error.parentElement;\n const error = parent.querySelector('.error-message');\n el.classList.remove('error');\n el.removeAttribute('aria-describedby');\n el.removeAttribute('aria-invalid');\n parent.removeChild(error);\n });\n};\n\n/**\n * @param {Element}\n */\nexport const showFieldsErrors = (form, errors) => {\n for (const [key, value] of Object.entries(errors)) {\n const el = form.querySelector(`[name=\"${key}\"]`);\n const parent = el.closest('.js-form-input');\n el.classList.add('error');\n el.setAttribute('aria-describedby', `bouncer-error_${key}`);\n el.setAttribute('aria-invalid', true);\n parent.appendChild(inputErrorMsg(value));\n }\n const error = form.querySelector('.error-message');\n if (error) {\n error.scrollIntoView(scrollConfig);\n }\n};\n\nexport const showFieldError = (fieldName, message) => {\n const el = document.querySelector(`[name*=\"${fieldName}\"]`);\n const parent = el.closest('.js-form-input');\n el.classList.add('error');\n el.setAttribute('aria-describedby', `bouncer-error_${el.name}`);\n el.setAttribute('aria-invalid', true);\n if (message) parent.appendChild(inputErrorMsg(message));\n parent.scrollIntoView(scrollConfig);\n el.addEventListener('focus', handleFocus, false);\n};\n\nconst handleFocus = (e) => {\n const el = e.currentTarget;\n const parent = el.parentElement;\n const error = parent.querySelector('.error-message');\n el.classList.remove('error');\n el.removeAttribute('aria-describedby');\n el.removeAttribute('aria-invalid');\n parent.removeChild(error);\n el.removeEventListener('focus', handleFocus, false);\n};\n\nexport const showGlobalError = (form, error) => {\n const button = form.querySelector('button[type=\"submit\"]');\n const parent = button.parentNode;\n const errorEl = formErroMessage(error);\n parent.insertBefore(errorEl, button);\n};\n","import Serialize from '../utilities/SerializeForm';\nimport BaseComponent from './BaseComponent';\nimport { showFieldsErrors, showGlobalError } from '../utilities/FormErros';\n\nexport default class BaseFormComponent extends BaseComponent {\n constructor(element) {\n super(element);\n }\n\n /**\n *\n * @param {CallableFunction} cb - The callback function\n * @return {function}\n */\n onSubmit(cb) {\n return this.$on('bouncerFormValid', async (e) => {\n e.preventDefault();\n e.stopImmediatePropagation();\n const formButton = e.currentTarget.querySelector('button[type=\"submit\"]');\n const action = e.currentTarget.getAttribute('action');\n this.cleanCustomError();\n const res = await cb(e, action, formButton);\n if (res) this.handleRes(res, formButton);\n });\n }\n\n handleRes(res, formButton) {\n const {\n error, errorFields, errorMessage, errorMsg\n } = res;\n if (errorFields) {\n showFieldsErrors(this.$el, errorFields);\n }\n const stringError = errorMessage || errorMsg;\n if (stringError) {\n showGlobalError(this.$el, stringError);\n } else if (error) {\n showGlobalError(this.$el, error);\n }\n\n if (error || errorFields || errorMessage || errorMsg) {\n this.endLoading(formButton);\n }\n }\n\n cleanCustomError() {\n const errorFields = this.$el.querySelectorAll('.js-error-message');\n const globaError = this.$el.querySelectorAll('.js-form-warning');\n\n if (globaError.length > 0) {\n [...globaError].forEach((err) => {\n const parent = err.parentElement;\n parent.removeChild(err);\n });\n }\n if (errorFields.length > 0) {\n [...errorFields].forEach((err) => {\n try {\n const parent = err.parentElement;\n parent.classList.remove(err);\n parent.removeChild(err);\n err.removeAttribute('aria-describedby');\n err.removeAttribute('aria-invalid');\n } catch (e) {\n // TODO error...\n }\n });\n }\n }\n\n /**\n *\n * @param {String} action\n *\n */\n recaptchaClientSide(action) {\n const googleRecaptchaClientSide = document.querySelector('input[name=\"googleRecaptchaClientSide\"]');\n if (googleRecaptchaClientSide) {\n window.grecaptcha.ready(() => {\n window.grecaptcha.execute(googleRecaptchaClientSide.value, { action }).then((token) => {\n this.$el.innerHTML += ``;\n this.$el.innerHTML += ``;\n });\n });\n }\n }\n\n\n /**\n *\n * @param {HTMLFormElement} form\n * @return {SerializeForm}\n */\n serializeForm(form) {\n return new Serialize(form);\n }\n}\n"],"sourceRoot":""}