{"version":3,"sources":["webpack:///./widgets/shopProductBlock.js"],"names":["CLS","ShopProductBlock","element","_classCallCheck","this","$el","$","$title","find","concat","$subtitle","$productUrl","$shopUrl","$bgImg","$certifiedIcon","id","data","prodApi","getValues","key","value","_this","options","utils","getApiDefaultOptions","fetch","encodeURIComponent","then","response","json","featureProd","css","image","attr","url","designers","length","html","title","isCertified"],"mappings":"g3BAEA,IACMA,EAAM,mBAECC,EAAgB,WAc3B,O,EAbD,SAAAA,EAAYC,I,4FAASC,CAAA,KAAAF,GAEpBG,KAAKC,IAAMC,EAAEJ,GACbE,KAAKG,OAASH,KAAKC,IAAIG,KAAK,IAADC,OAAKT,EAAG,WACnCI,KAAKM,UAAYN,KAAKC,IAAIG,KAAK,IAADC,OAAKT,EAAG,cACtCI,KAAKO,YAAcP,KAAKC,IAAIG,KAAK,IAADC,OAAKT,EAAG,SACxCI,KAAKQ,SAAWR,KAAKC,IAAIG,KAAK,IAADC,OAAKT,EAAG,mBACrCI,KAAKS,OAAST,KAAKC,IAAIG,KAAK,IAADC,OAAKT,EAAG,gBACnCI,KAAKU,eAAiBV,KAAKC,IAAIG,KAAK,IAADC,OAAKT,EAAG,mBAE3CI,KAAKW,GAAKX,KAAKC,IAAIW,KAAK,MACxBZ,KAAKa,QAAUb,KAAKC,IAAIW,KAAK,WAC7BZ,KAAKc,c,EACL,EAAAC,IAAA,YAAAC,MACD,WAAY,IAAAC,EAAA,KACLC,EAAUC,IAAMC,uBACtBC,MAAM,GAADhB,OAAIL,KAAKa,QAAO,QAAAR,OAAOiB,mBAAmBtB,KAAKW,KAAOO,GAASK,MAAK,SAACC,GACzE,OAAOA,EAASC,UACdF,MAAK,SAACE,GACRR,EAAKS,YAAcD,EAEnBR,EAAKR,OAAOkB,IAAI,mBAAoB,OAASV,EAAKS,YAAYE,MAAQ,KACtEX,EAAKV,YAAYsB,KAAK,OAAQZ,EAAKS,YAAYI,KAC/Cb,EAAKT,SAASqB,KAAK,OAAQZ,EAAKS,YAAYI,KACxCb,EAAKS,YAAYK,WAAad,EAAKS,YAAYK,UAAUC,OAC5Df,EAAKd,OAAO8B,KAAKhB,EAAKS,YAAYK,UAAU,IAG5Cd,EAAKd,OAAO8B,KAAK,KAElBhB,EAAKX,UAAU2B,KAAKhB,EAAKS,YAAYQ,OAElCjB,EAAKS,YAAYS,aACnBlB,EAAKP,eAAeiB,IAAI,UAAW,iB,0FAlCV,I","file":"68.js","sourcesContent":["import utils from '../utils';\n\nconst NS = 'ShopProductBlock';\nconst CLS = 'shopProductBlock';\n\nexport class ShopProductBlock {\n\tconstructor(element) {\n\t\t// $el is the widget node return by the loadShopProductBlock function\n\t\tthis.$el = $(element);\n\t\tthis.$title = this.$el.find(`.${CLS}-title`);\n\t\tthis.$subtitle = this.$el.find(`.${CLS}-subtitle`);\n\t\tthis.$productUrl = this.$el.find(`.${CLS}-url`);\n\t\tthis.$shopUrl = this.$el.find(`.${CLS}-cover-shopnow`);\n\t\tthis.$bgImg = this.$el.find(`.${CLS}-background`);\n\t\tthis.$certifiedIcon = this.$el.find(`.${CLS}-certifiedIcon`);\n\n\t\tthis.id = this.$el.data('id');\n\t\tthis.prodApi = this.$el.data('prodApi');\n\t\tthis.getValues();\n\t}\n\tgetValues() {\n\t\tconst options = utils.getApiDefaultOptions();\n\t\tfetch(`${this.prodApi}?id=${encodeURIComponent(this.id)}`, options).then((response) => {\n\t\t\treturn response.json();\n\t\t}).then((json) => {\n\t\t\tthis.featureProd = json;\n\t\t\t//replace the data into the corresponding location\n\t\t\tthis.$bgImg.css(\"background-image\", \"url(\" + this.featureProd.image + \")\");\n\t\t\tthis.$productUrl.attr(\"href\", this.featureProd.url);\n\t\t\tthis.$shopUrl.attr(\"href\", this.featureProd.url);\n\t\t\tif (this.featureProd.designers && this.featureProd.designers.length) {\n\t\t\t\tthis.$title.html(this.featureProd.designers[0]);\n\t\t\t}\n\t\t\telse{\n\t\t\t\tthis.$title.html(\" \")\n\t\t\t}\n\t\t\tthis.$subtitle.html(this.featureProd.title);\n\t\t\t// check if this product is woolmark certified\n\t\t\tif(this.featureProd.isCertified){\n\t\t\t\tthis.$certifiedIcon.css(\"display\", \"block\");\n\t\t\t}\n\t\t});\n\t}\n}\n"],"sourceRoot":""}