{"version":3,"sources":["webpack:///./src/js/components/SortingRulesComponent.js","webpack:///./src/js/abstracts/BaseComponent.js","webpack:///./src/js/utilities/DataLayer.js"],"names":["SortingRulesComponent","element","handleChange","this","CUSTOM_MESSAGES","PRODUCT_SEARCH_EVENTS","searchDone","close","$on","e","srtRuleSelected","currentTarget","querySelectorAll","find","el","checked","EMIT","SORTING_RULES_EVENTS","changed","value","parentElement","classList","add","DataLayerUtils","push","event","gaHitType","eventCategory","eventAction","eventLabel","$el","remove","DROPDOWN_EVENTS","hide","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","LOADER_EVENTS","show","icon","option","optionReturn","Number","key","str","charAt","toLocaleLowerCase","slice","CommonInterface","data","window","dataLayer"],"mappings":"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","file":"js/component-SortingRulesComponent-js.chunks.js","sourcesContent":["import { DataLayerUtils } from '../utilities/DataLayer';\nimport BaseComponent from '../abstracts/BaseComponent';\n\nexport default class SortingRulesComponent extends BaseComponent {\n  get Messages() {\n    return {\n      [this.CUSTOM_MESSAGES.PRODUCT_SEARCH_EVENTS.searchDone]: this.close\n    };\n  }\n\n  constructor(element) {\n    super(element);\n    this.handleChange();\n  }\n\n  handleChange() {\n    this.$on('change.SortingRules', (e) => {\n      const srtRuleSelected = [...e.currentTarget.querySelectorAll('input[type=\"radio\"]')].find(el => el.checked);\n\n      if (srtRuleSelected) {\n        this.EMIT(this.CUSTOM_MESSAGES.SORTING_RULES_EVENTS.changed, {\n          value: srtRuleSelected ? srtRuleSelected.value : ''\n        });\n\n        srtRuleSelected.parentElement.classList.add('loading');\n\n        DataLayerUtils.push({\n          event: 'asyncAction',\n          gaHitType: 'event',\n          eventCategory: 'filters',\n          eventAction: 'sort_by',\n          eventLabel: srtRuleSelected.value\n        });\n      }\n\n      // this.bindClick();\n    });\n  }\n\n  close() {\n    const srtRuleSelected = [...this.$el.querySelectorAll('input[type=\"radio\"]')].find(el => el.checked);\n    if (srtRuleSelected) {\n      srtRuleSelected.parentElement.classList.remove('loading');\n      this.EMIT(this.CUSTOM_MESSAGES.DROPDOWN_EVENTS.hide);\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","export const DataLayerUtils = {\n  push(data) {\n    window.dataLayer.push(data);\n  }\n}\n"],"sourceRoot":""}