{"version":3,"sources":["webpack:///./assets/javascripts/modules/components/WishlistComponent.js"],"names":["WishlistComponent","_classCallCheck","this","_this","_possibleConstructorReturn","__proto__","Object","getPrototypeOf","call","timeout","container","$","SELECTORS","main","item","sizeLayer","addedMsg","icon","remove","updated","trackingComponent","TrackingComponent","Component","emptyWish","qty","nav_wishlist","show","active","removing","icon_wishlist_on","icon_wishlist_off","el","code","data","$sizepanel","find","$notifyme","length","addClass","CLASSES","$matchMedia","$emit","$customEvents","BACKDROP_EVENTS","classes","setTimeout","first","focus","removeClass","hide","_this2","clearTimeout","keyboard","document","querySelector","focusableContainer","firstFocusable","$getFirstFocusable","WISHLIST_EVENTS","enter","html","_this3","Promise","resolve","reject","e","$elem","ajax","url","dataType","error","xhr","console","log","ctx","type","success","PRODUCT_EVENTS","removedfromwish","ev","payload","text","$el","$layer","$footer","$icon","msg","fadeOut","_this4","$on","_ref","event","firstUpdate","_ref2","DROPDOWN_EVENTS","close","source","currentTarget","res","exit","_ref3","which","_this5","_ref4","_this6","_ref5","br","_this7","open","updateWishlist","then","appendHtml","update","_this8","sizerequired","openSizeLayer","addedtocart","_ref6","button","showAddedMsg","addtowish","originalFocus","actions","wishlist","resp","addedtowish","classList","add","openWishlist","$main","closest","parseInt","innerHTML","showEmptyMsg","off","on","removefromwish","removeProduct","desktopBehaviour","tabletBehaviour","mobileBehaviour","window","addEventListener","bindEvents"],"mappings":"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","file":"components-WishlistComponent.chunks.js","sourcesContent":["import Component from '../abstracts/Component';\nimport TrackingComponent from '../components/TrackingComponent';\n\nexport default class WishlistComponent extends Component {\n\n  get SELECTORS() {\n    return {\n      container: '.js-wishlist-dropdown',\n      main: '.js-wishlist',\n      item: '.wishlist .product-item',\n      sizeLayer: '.js-sizes',\n      addedMsg: '.item-added',\n      icon: '.action.wishlist',\n      remove: '.js-remove-wish',\n      emptyWish: '.js-empty-wishlist-msg',\n      qty: '.qty-items',\n      nav_wishlist: \".wishlist-nav\",\n    };\n  }\n\n  get CLASSES() {\n    return {\n      show: 'show',\n      active: 'active',\n      removing: 'removing',\n      icon_wishlist_on: \"icon-wishlist-on\",\n      icon_wishlist_off: \"icon-wishlist-off\",\n    };\n  }\n\n  constructor() {\n    super();\n\n    this.timeout = null;\n    this.container = $(this.SELECTORS.container);\n    this.main = $(this.SELECTORS.main);\n    this.item = $(this.SELECTORS.item);\n    this.sizeLayer = $(this.SELECTORS.sizeLayer);\n    this.addedMsg = $(this.SELECTORS.addedMsg);\n    this.icon = $(this.SELECTORS.icon);\n    this.remove = $(this.SELECTORS.remove);\n    this.updated = false;\n    this.trackingComponent = new TrackingComponent();\n  }\n\n\n  openSizeLayer(el) {\n    let code = $(el).data('baseCode');\n    let $sizepanel = $(`li[data-code=${code}]`).find('.js-sizes');\n    let $notifyme = $(`div[data-code=${code}]`);\n\n    if ($sizepanel.length != 0) {\n      $sizepanel.addClass(this.CLASSES.show);\n      if (this.$matchMedia('sm', null)) this.$emit(this.$customEvents.BACKDROP_EVENTS.show, {classes: 'dark'});\n      setTimeout(() => {\n        $sizepanel.find('button').first().focus();\n      }, 200);\n    } else {\n      $notifyme.addClass(this.CLASSES.show);\n    }\n  }\n\n  closeSizeLayer() {\n    this.main.find('.js-sizes').removeClass(this.CLASSES.show);\n    if (this.$matchMedia('sm', null)) this.$emit(this.$customEvents.BACKDROP_EVENTS.hide);\n  }\n\n  openWishlist() {\n    clearTimeout(this.timeout);\n    const keyboard = document.querySelector('[data-whatinput=\"keyboard\"]');\n    const focusableContainer = document.querySelector(this.SELECTORS.container).querySelector('ul');\n    const firstFocusable = this.$getFirstFocusable(focusableContainer);\n    this.container.addClass(this.CLASSES.show);\n    this.$emit(this.$customEvents.WISHLIST_EVENTS.enter, this.container);\n    setTimeout(() => {\n      firstFocusable.focus();\n    }, 200);\n    if (!keyboard) {\n      this.timeout = setTimeout(() => {\n        this.container.removeClass(this.CLASSES.show);\n      }, 2000);\n    }\n  }\n\n  appendHtml(html) {\n    return new Promise((resolve, reject) => {\n      try {\n        this.main.html(html);\n        resolve()\n      } catch (e) {\n        reject(e)\n      }\n    });\n  }\n\n  updateWishlist() {\n\n    let ctx = this;\n    let $elem = ctx.main;\n\n    return $.ajax({\n      url: $elem.data('href'),\n      dataType: \"html\",\n      error: function (xhr) {\n        console.log(xhr);\n      }\n    });\n  }\n\n\n  removeProduct(el) {\n\n    let ctx = this;\n    let $elem = $(el);\n    let url = $elem.data('href');\n\n    $.ajax({\n      url: url,\n      dataType: \"json\",\n      type: 'POST',\n      success: function () {\n        ctx.$emit(ctx.$customEvents.PRODUCT_EVENTS.removedfromwish, el);\n      },\n      error: function (xhr) {\n        console.log(xhr);\n      }\n    });\n\n  }\n\n  showAddedMsg() {\n    let ctx = this;\n    ctx.main.find('.item-added').addClass(ctx.CLASSES.show);\n    setTimeout(function () {\n      ctx.main.find('.item-added').removeClass(ctx.CLASSES.show);\n    }, 2000);\n  }\n\n  makeSizeActive(ev) {\n    this.sizeLayer.find('.js-size-trigger').removeClass(this.CLASSES.active);\n    $(ev.payload).addClass(this.CLASSES.active);\n    this.log($(ev.payload).text());\n  }\n\n  showEmptyMsg($el) {\n    let $layer = $el.find('.layer-body');\n    let $footer = $el.find('footer');\n    let $icon = this.container.find('.qty-icon');\n    let msg = $layer.data('empty-msg');\n\n    $layer.addClass('empty-body').html(`<p>${msg}</p>`);\n    $footer.fadeOut();\n    $icon.fadeOut();\n    $(this.SELECTORS.emptyWish).addClass(this.CLASSES.show)\n  }\n\n  desktopBehaviour() {\n    this.$on('mouseenter.wishlist', ({event}) => {\n      clearTimeout(this.timeout);\n      //update wishlist only on the first over\n      this.firstUpdate(event, 'lg');\n      this.$emit(this.$customEvents.WISHLIST_EVENTS.enter, this.container);\n    }, 'body', `${this.SELECTORS.main}, ${this.SELECTORS.container}`);\n\n    this.$on('mouseleave.wishlist', ({event}) => {\n      this.$emit(this.$customEvents.DROPDOWN_EVENTS.close, {\n        source: event.currentTarget,\n        res: 'lg'\n      });\n      this.$emit(this.$customEvents.WISHLIST_EVENTS.exit);\n    }, 'body', `${this.SELECTORS.main}, ${this.SELECTORS.container}`);\n\n    this.$on('keyup.wishlist', ({event}) => {\n      if (event.which === 13) {\n        const firstFocusable = this.$getFirstFocusable(event.currentTarget);\n        this.firstUpdate(event, 'md');\n        setTimeout(() => {\n          firstFocusable.focus();\n        }, 200)\n      }\n    }, 'body', this.SELECTORS.container);\n\n  }\n\n  tabletBehaviour() {\n    this.$on('click.wishilist', ({event}) => {\n      this.firstUpdate(event, 'md')\n    }, 'body', `${this.SELECTORS.container} .dropdown-toggle`);\n  }\n\n  mobileBehaviour() {\n    this.$on('click.wishilist', ({event}) => {\n      this.firstUpdate(event, 'sm')\n    }, 'body', `${this.SELECTORS.container} .dropdown-toggle`);\n  }\n\n  firstUpdate(event, br) {\n    if (!this.updated) {\n      this.updateWishlist().then(res => {\n        this.appendHtml(res).then(res => {\n          //console.log('Miniwishlist updated...');\n          this.$emit(this.$customEvents.DROPDOWN_EVENTS.open, {\n            source: event.currentTarget,\n            res: br\n          });\n          this.updated = true;\n          this.$emit(this.$customEvents.WISHLIST_EVENTS.update, this.container);\n        });\n      });\n    } else {\n      this.$emit(this.$customEvents.DROPDOWN_EVENTS.open, {\n        source: event.currentTarget,\n        res: br\n      });\n    }\n  }\n\n\n  bindEvents() {\n\n    let ctx = this;\n\n    this.$on(this.$customEvents.PRODUCT_EVENTS.sizerequired, (e) => {\n      if ($(e.payload).data('from-wishlist')) {\n        this.openSizeLayer(e.payload);\n      }\n    });\n\n    this.$on(this.$customEvents.PRODUCT_EVENTS.addedtocart, ({event, payload}) => {\n\n      //Remove from miniwishlist when selecting a size in miniwishlist\n      let fromMiniWislist = $(payload.button).data('from-wishlist');\n      if (fromMiniWislist) {\n        //$(payload.button).closest('.product-item').find('.js-remove-wish').trigger('click');\n        ctx.showAddedMsg();\n      }\n\n    });\n\n\n    this.$on(this.$customEvents.PRODUCT_EVENTS.addtowish, (e) => {\n\n      let $elem = $(e.payload);\n      let url = $elem.data('href');\n      this.originalFocus = e.payload;\n\n      this.trackingComponent.actions.wishlist($elem.data());\n\n      $.ajax({\n        url: url,\n        data: {\n          code: $elem.data('code')\n        },\n        dataType: \"html\",\n        success: function (resp) {\n          ctx.$emit(ctx.$customEvents.PRODUCT_EVENTS.addedtowish, $elem);\n          let qty = resp;\n          $(ctx.SELECTORS.qty).text(qty);\n\n          if (qty > 0) {\n            let nav_wishlist = document.querySelector(ctx.SELECTORS.nav_wishlist);\n            nav_wishlist.classList.remove(ctx.CLASSES.icon_wishlist_off);\n            nav_wishlist.classList.add(ctx.CLASSES.icon_wishlist_on);\n          }\n        },\n        error: function (xhr) {\n          console.log('error in add to wishlist');\n        }\n      });\n\n    });\n\n\n    this.$on(this.$customEvents.PRODUCT_EVENTS.addedtowish, () => {\n      this.updateWishlist().then(res => {\n        this.appendHtml(res).then(res => {\n          if (this.$matchMedia(null, 'sm')) {\n            this.openWishlist();\n          }\n        });\n      });\n    });\n\n    this.$on(this.$customEvents.PRODUCT_EVENTS.removedfromwish, (e) => {\n      this.updateWishlist().then(res => {\n        this.appendHtml(res).then(res => {\n\n          let ctx = this;\n          let $elem = $(e.payload);\n          let code = $elem.data('code');\n          let $main = $elem.closest(ctx.SELECTORS.main);\n          let item = $(`li[data-code=\"${code}\"]`);\n          let qty;\n\n          if (document.querySelector('.layer-body.empty-body') != null) {\n            qty = 0;\n          } else {\n            qty = parseInt(document.querySelector(ctx.SELECTORS.qty).innerHTML);\n\n            $(ctx.SELECTORS.qty).text(qty);\n\n            if (qty > 0) {\n              ctx.container.find('.qty-icon').text(qty);\n            }\n          }\n\n          if (qty === 0) {\n            let nav_wishlist = document.querySelector(ctx.SELECTORS.nav_wishlist);\n\n            setTimeout(() => {\n              ctx.showEmptyMsg($main);\n            }, 400);\n            nav_wishlist.classList.remove(ctx.CLASSES.icon_wishlist_on);\n            nav_wishlist.classList.add(ctx.CLASSES.icon_wishlist_off);\n          }\n\n          item.addClass(ctx.CLASSES.removing);\n\n          setTimeout(function () {\n            item.remove()\n          }, 800);\n\n        });\n      });\n    });\n\n    $('body').off('click.wishlist').on('click.wishlist', ctx.SELECTORS.remove, function () {\n      ctx.$emit(ctx.$customEvents.PRODUCT_EVENTS.removefromwish, this)\n    });\n\n    this.$on(this.$customEvents.PRODUCT_EVENTS.removefromwish, (e) => {\n      this.removeProduct(e.payload);\n    });\n\n\n    if (this.$matchMedia(null, 'lg')) {\n      this.desktopBehaviour();\n    } else if (this.$matchMedia('lg', 'sm')) {\n      this.tabletBehaviour();\n    } else {\n      this.mobileBehaviour()\n    }\n\n    window.addEventListener('resize', () => {\n      if (this.$matchMedia(null, 'lg')) {\n        this.desktopBehaviour();\n      }/* else if (this.$matchMedia('lg', 'sm')) {\n        this.tabletBehaviour();\n      } else {\n        this.mobileBehaviour()\n      }*/\n    });\n\n\n  }\n\n  render() {\n    this.bindEvents();\n  }\n}\n"],"sourceRoot":""}