{"version":3,"sources":["webpack:///./src/client/default/js/components/toasterComponent.js","webpack:///./src/client/default/js/base/baseComponent.js"],"names":["ToasterComponent","element","handleClose","$options","clickCloseEverywhere","document","addEventListener","e","isapp","appPostMessage","action","$el","contains","target","classList","add","CLASSES","hide","handleAnimationProgressBar","close","progressBar","this","querySelector","SELECTORS","console","log","$close","baseComponent","BaseComponent","_componentElement","setAttribute","_checkMessages","compOptions","options","dataset","Object","keys","filter","entry","includes","forEach","optionValue","cleanEntry","cleanOptionKey","JSON","parse","replace","convertType","deepFreeze","getAttribute","events","cb","elements","Bean","on","stopPropagation","one","off","fire","container","message","_loading","EMIT","CUSTOM_MESSAGES","LOADER_EVENTS","show","body","error","icon","setTimeout","option","optionReturn","key","str","charAt","toLocaleLowerCase","slice","BaseGiaComponent"],"mappings":"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","file":"js/component-toasterComponent-js.chunks.js","sourcesContent":["import baseComponent from '../base/baseComponent';\nimport { appPostMessage } from '../utilities/postMessage';\n\nexport default class ToasterComponent extends baseComponent {\n  get SELECTORS() {\n    return {\n      close: '.close-btn',\n      progressBar: '.timeslot-progress-bar'\n    };\n  }\n\n  get CLASSES() {\n    return {\n      hide: 'd-none'\n    };\n  }\n\n  get $close() {\n    return this.$el.querySelector(this.SELECTORS.close);\n  }\n\n  constructor(element) {\n    super(element);\n    this.handleClose();\n    if (this.$options.clickCloseEverywhere) {\n      document.addEventListener('click', (e) => {\n        if (this.$options.isapp) {\n          appPostMessage({ action: 'PRODUCT_NA_FLYERS_CLOSE' });\n        } else {\n          if (!this.$el.contains(e.target) || e.target.classList.contains('toaster-close-btn')) {\n            this.$el.classList.add(this.CLASSES.hide);\n          }\n        }\n      });\n    }\n    this.handleAnimationProgressBar();\n  }\n\n  handleAnimationProgressBar() {\n    const progressBar = this.$el.querySelector(this.SELECTORS.progressBar);\n    if (progressBar) {\n      progressBar.addEventListener('animationend', (e) => {\n        console.log('animazione finita!!');\n        this.$el.classList.add(this.CLASSES.hide);\n      });\n    }\n  }\n\n  handleClose() {\n    this.$close.addEventListener('click', (e) => {\n      this.$el.classList.add(this.CLASSES.hide);\n    });\n  }\n}\n","/* eslint-disable new-cap */\n/* eslint-disable valid-jsdoc */\n/* eslint-disable no-underscore-dangle */\n\nimport Bean from 'bean';\nimport deepFreeze from '../utilities/freeze';\nimport BaseGiaComponent from './baseGiaComponent';\n\nexport default class BaseComponent extends BaseGiaComponent {\n  /**\n   * @returns {HTMLElement}\n   */\n  get $el() {\n    return /** @type {HTMLElement} */ (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      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      } else {\n        optionValue = BaseComponent.convertType(options[entry]);\n      }\n      compOptions[cleanEntry] = optionValue;\n    });\n    return deepFreeze(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(element);\n    this._componentElement = element;\n    this._componentElement.setAttribute('data-component-init', 'true');\n    this._checkMessages();\n  }\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\n    return optionReturn;\n  }\n\n  static cleanOptionKey(key) {\n    const str = key.replace('option', '');\n    return `${str.charAt(0).toLocaleLowerCase()}${str.slice(1)}`;\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   * Activate loader\n   *\n   * @param {HTMLElement} [container]\n   * @param {String} [message]\n   */\n  loading(container, message) {\n    this._loading = true;\n    this.EMIT(this.CUSTOM_MESSAGES.LOADER_EVENTS.show, {\n      container: container || document.body,\n      message: message ?? null\n    });\n  }\n\n  /**\n   *\n   * Deactivate loader\n   *\n   * @param {HTMLElement} [container]\n   * @param {String} [message]\n   * @param {Boolean} [error=false]\n   * @param {String} [icon]\n   */\n  endLoading(container, message, error = false, icon) {\n    this._loading = false;\n    setTimeout(() => {\n      if (!this._loading) {\n        this.EMIT(this.CUSTOM_MESSAGES.LOADER_EVENTS.hide, {\n          container: container || document.body,\n          message,\n          error,\n          icon\n        });\n      }\n    }, 400);\n  }\n}\n"],"sourceRoot":""}