{"version":3,"sources":["webpack:///./src/js/abstracts/BaseComponent.js","webpack:///./src/js/libs/Axios.js","webpack:///./src/js/utilities/DataLayer.js","webpack:///./src/js/components/ColorSelectionComponent.js"],"names":["BaseComponent","element","_componentElement","setAttribute","this","compOptions","options","$el","dataset","Object","keys","filter","entry","includes","forEach","optionValue","cleanEntry","cleanOptionKey","JSON","parse","replace","e2","convertType","e","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","recaptchaToken","a","googleRecaptchaAction","googleRecaptchaClientSide","Promise","resolve","reject","window","grecaptcha","ready","execute","action","then","token","axios","Axios","create","transformRequest","data","headers","entries","formData","FormData","value","append","interceptors","request","use","config","googleRecaptchaToken","CancelToken","get","post","all","spread","DataLayerUtils","push","dataLayer","ColorSelectionComponent","handleClick","url","split","baseLink","query","$on","preventDefault","swatchEndpoint","target","variationAttribute","swatchColor","product","location","assign","getUrl","id","gaHitType","event","eventCategory","eventAction","eventLabel","productId","pathname"],"mappings":"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","file":"js/component-ColorSelectionComponent-js.chunks.js","sourcesContent":["\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","export const DataLayerUtils = {\n  push(data) {\n    window.dataLayer.push(data);\n  }\n}\n","import BaseComponent from '../abstracts/BaseComponent';\nimport { DataLayerUtils } from '../utilities/DataLayer';\nimport { get } from '../libs/Axios';\n\nexport default class ColorSelectionComponent extends BaseComponent {\n  get Messages() {\n    return {\n      // [this.CUSTOM_MESSAGES.SELECT_SIZE_EVENTS.selected]: this.changeUrl\n    };\n  }\n\n  constructor(element) {\n    super(element);\n    this.handleClick();\n  }\n\n  getUrlQuery(url) {\n    const [baseLink, query] = url.split('?');\n\n    return {\n      baseLink,\n      query\n    };\n  }\n\n  handleClick() {\n    this.$on('click.colors', async (e) => {\n      e.preventDefault();\n      const swatchEndpoint = e.target.getAttribute('data-swatch-endpoint');\n      const variationAttribute = e.target.dataset.swatchColor;\n\n      if (swatchEndpoint) {\n        const { data } = await get(swatchEndpoint);\n        const { product } = data;\n        window.location.assign(this.getUrl(`${product.id}.html`));\n      } else {\n        DataLayerUtils.push({\n          gaHitType: 'event',\n          event: 'pdp_interactions',\n          eventCategory: 'pdp',\n          eventAction: 'select_variant',\n          eventLabel: (variationAttribute || null)\n        });\n\n        window.location.assign(e.target.getAttribute('href'));\n      }\n    }, this.$el, 'a');\n  }\n\n  // async changeUrl({ product }) {\n  //   const links = this.$el.querySelectorAll('a');\n  //   const { variationAttributes } = product;\n  //   const [colors] = variationAttributes.filter(attr => attr.swatchable).map(({ values }) => values).map(url => url);\n\n  //   links.forEach((link) => {\n  //     const { swatchId } = link.dataset;\n  //     const { url } = colors.find(({ id }) => id === swatchId);\n  //     link.setAttribute('data-swatch-endpoint', url);\n  //   });\n  // }\n\n  getUrl(productId) {\n    const pageUrl = window.location.pathname;\n    return pageUrl.replace(/\\/[^/]*$/, `/${productId}`);\n  }\n}\n"],"sourceRoot":""}