{"version":3,"sources":["webpack:///./src/js/components/OrderGuestComponent.js","webpack:///./src/js/abstracts/BaseComponent.js","webpack:///./src/js/libs/Axios.js","webpack:///./src/js/utilities/SerializeForm.js","webpack:///./src/js/utilities/FormErros.js","webpack:///./src/js/abstracts/BaseFormComponent.js"],"names":["OrderGuestComponent","element","handleSubmit","this","onSubmit","e","action","button","a","loading","formData","serializeForm","currentTarget","getData","window","location","assign","err","console","error","BaseFormComponent","BaseComponent","_componentElement","setAttribute","compOptions","options","$el","dataset","Object","keys","filter","entry","includes","forEach","optionValue","cleanEntry","cleanOptionKey","JSON","parse","replace","e2","convertType","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","recaptchaToken","googleRecaptchaAction","googleRecaptchaClientSide","Promise","resolve","reject","grecaptcha","ready","execute","then","token","axios","Axios","create","transformRequest","data","headers","entries","FormData","value","append","interceptors","request","use","config","googleRecaptchaToken","CancelToken","get","post","all","spread","SerializeForm","form","serialize","dataType","getFormDataArray","getFormDataObject","join","map","tempData","split","name","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","querySelector","parent","closest","appendChild","scrollIntoView","showFieldError","fieldName","addEventListener","handleFocus","parentElement","remove","removeAttribute","removeChild","removeEventListener","showGlobalError","parentNode","errorEl","innerHTML","insertBefore","$on","preventDefault","stopImmediatePropagation","formButton","cleanCustomError","res","handleRes","errorFields","errorMessage","errorMsg","stringError","endLoading","querySelectorAll","globaError","length","Serialize"],"mappings":"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","file":"js/component-OrderGuestComponent-js.chunks.js","sourcesContent":["import { get } from '../libs/Axios';\nimport BaseFormComponent from '../abstracts/BaseFormComponent';\n\nexport default class OrderGuestComponent extends BaseFormComponent {\n get Messages() {\n return {};\n }\n\n get SELECTORS() {\n return {};\n }\n\n constructor(element) {\n super(element);\n this.handleSubmit();\n }\n\n handleSubmit() {\n this.onSubmit(async (e, action, button) => {\n this.loading(button);\n try {\n const formData = this.serializeForm(e.currentTarget).getData();\n window.location.assign(`${action}?${formData}`);\n } catch (err) {\n console.error(err);\n }\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","import Axios from 'axios';\n\nconst recaptchaToken = async ({ googleRecaptchaAction, googleRecaptchaClientSide }) => new Promise((resolve, reject) => {\n window.grecaptcha.ready(() => {\n window.grecaptcha.execute(googleRecaptchaClientSide, { action: googleRecaptchaAction }).then((token) => {\n resolve(token);\n });\n });\n});\n\nconst axios = Axios.create({\n transformRequest: [function (data, headers) {\n if (data && Object.entries(data)) {\n const formData = new FormData();\n for (const [key, value] of Object.entries(data)) {\n formData.append(key, value);\n }\n return formData;\n }\n }],\n});\n\n// Add a request interceptor\naxios.interceptors.request.use(async (config) => {\n // Do something before request is sent\n if (config.data && config.data.googleRecaptchaAction && config.data.googleRecaptchaClientSide) {\n const token = await recaptchaToken(config.data);\n config.data.googleRecaptchaToken = token;\n return config;\n }\n return config;\n}, function (error) {\n // Do something with request error\n return Promise.reject(error);\n});\n\nexport const { CancelToken } = Axios;\n\nexport const {\n get, post, all, spread\n} = axios;\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":""}