{"version":3,"sources":["webpack:///./src/js/components/ProductTileComponent.js","webpack:///./src/js/abstracts/BaseComponent.js","webpack:///./src/js/utilities/DataLayer.js"],"names":["ProductTileComponent","element","handleChoose","prova","document","getElementsByClassName","this","$on","e","length","DataLayerUtils","push","name","$options","id","master","price","brand","category","variant","position","event","ecommerce","click","actionField","list","window","dataLayer","pageType","products","quantity","dimension14","store","dimension15","sales","dimension16","availability","dimension17","sizepercentage","dimension18","discount","BaseComponent","_componentElement","setAttribute","compOptions","options","$el","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","data"],"mappings":"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","file":"js/component-ProductTileComponent-js.chunks.js","sourcesContent":["import BaseComponent from '../abstracts/BaseComponent';\nimport { DataLayerUtils } from '../utilities/DataLayer';\n\nexport default class ProductTileComponent extends BaseComponent {\n  constructor(element) {\n    super(element);\n    this.handleChoose(); \n  }\n\n  handleChoose() {\n    var prova = document.getElementsByClassName('recommendations');\n    this.$on('click.tile', (e) => {\n      if (prova.length) { \n        DataLayerUtils.push({\n          'event': 'productClick',\n          'ecommerce': {\n            'click': {\n              'actionField': {\n                'list': 'complete_your_look'\n              },\n              'products': [{\n                name: this.$options.name || null,\n                id: this.$options.master || null,\n                price: this.$options.price || null,\n                brand: 'twinset',\n                category: this.$options.category || null,\n                variant: this.$options.variant || null,\n                position: this.$options.position || null\n              }]\n            }\n          }\n        });\n      } else { \n        DataLayerUtils.push({\n          event: 'productClick',\n          ecommerce: {\n            click: {\n              actionField: {\n                list: window.dataLayer[0].pageType\n              },\n              products: [{\n                name: this.$options.name || null,\n                id: this.$options.master || null,\n                price: this.$options.price || null,\n                brand: 'pdb',\n                category: this.$options.category || null,\n                variant: this.$options.variant || null,\n                quantity: this.$options.quantity || null,\n                dimension14: this.$options.store || null,\n                dimension15: this.$options.sales || null,\n                dimension16: this.$options.availability || null,\n                dimension17: this.$options.sizepercentage || null,\n                dimension18: this.$options.discount || null,\n                position: this.$options.position || null\n              }]\n            }\n          }\n        });\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","export const DataLayerUtils = {\n  push(data) {\n    window.dataLayer.push(data);\n  }\n}\n"],"sourceRoot":""}