(this.webpackJsonpadobeassignment=this.webpackJsonpadobeassignment||[]).push([[3],{42:function(e,t,a){"use strict";var r=a(0),n=a.n(r),c=a(7),o=a.n(c),l=function(e){var t=e.meta;return n.a.createElement("div",{className:"c-InputField"},n.a.createElement("div",{className:"form-group row ".concat(t.container_class?t.container_class:""),"aria-required":t.aria_required},n.a.createElement("label",{htmlFor:t.id,className:"col-12 col-sm-3 col-lg-12 col-form-label"},t.validation.required.isRequired&&!t.isStandAloneField&&n.a.createElement("span",{className:"required-indicator"},"* "),t.label),t.secondaryLabel?n.a.createElement("span",{className:"field--label-description"},t.secondaryLabel):null,n.a.createElement("div",{className:"col-12 col-sm-9 col-12"},t.error&&n.a.createElement("span",{className:"form-wrapper__field-error"},t.errorMessage),n.a.createElement("input",{className:"form-control ".concat(t.error?"error":""),type:t.type,id:t.id,name:t.name,"data-firstname":"null",value:t.fieldValues&&void 0!==t.fieldValues.stateValue?t.fieldValues.stateValue:t.fieldValues.propsValue,required:t.validation.required.isRequired?"required":"",minLength:t.validation.rules.minlength,maxLength:t.validation.rules.maxlength,placeholder:t.placeholder,"aria-required":t.aria_required,"aria-invalid":t.aria_invalid,onBlur:function(e){return t.handlers.onBlurHandler(t.validation,t.handlers.customBlurHandler,e)},onFocus:t.handlers.onFocusHandler,onChange:t.handlers.onChangeHandler,style:{width:"100%"}}))))};l.defaultProps={},l.propTypes={meta:o.a.object};var i=l;t.a=i},51:function(e,t,a){},56:function(e,t,a){},57:function(e,t,a){},58:function(e,t,a){},59:function(e,t,a){},60:function(e,t,a){},63:function(e,t,a){"use strict";a.r(t);var r=a(0),n=a.n(r),c=(a(51),a(40)),o=a(39),l=a(42);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"===typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],r=!0,n=!1,c=void 0;try{for(var o,l=e[Symbol.iterator]();!(r=(o=l.next()).done)&&(a.push(o.value),!t||a.length!==t);r=!0);}catch(i){n=!0,c=i}finally{try{r||null==l.return||l.return()}finally{if(n)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return s(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(a);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return s(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=new Array(t);a<t;a++)r[a]=e[a];return r}var u=function(e){var t=i(Object(r.useState)(!1),2),a=t[0],s=t[1];return n.a.createElement("div",{className:"c-Plp__c-SortAndFilterPanel__c-Search header-icon",onClick:function(){return s(!a)}},a&&n.a.createElement(l.a,null),n.a.createElement(c.a,{icon:o.faSearch}))};u.defaultProps={},u.propTypes={};var d=u,m=(a(56),a(9)),p=function(e){return n.a.createElement("div",{className:"c-Plp__c-SortAndFilterPanel__c-CartIcon header-icon",onClick:function(){e.history.push("/view/cart")}},n.a.createElement(c.a,{icon:o.faShoppingCart}),n.a.createElement("span",{className:"c-Plp__c-SortAndFilterPanel__c-CartIcon__badge"},"4"))};p.defaultProps={},p.propTypes={};var f=Object(m.e)(p),_=function(e){return Object(r.useEffect)((function(){var e=document.body,t=0;window.addEventListener("scroll",(function(){var a=window.pageYOffset;0!==a?(a>t&&!e.classList.contains("scroll-down")?(e.classList.remove("scroll-up"),e.classList.add("scroll-down")):a<t&&e.classList.contains("scroll-down")&&(e.classList.remove("scroll-down"),e.classList.add("scroll-up")),t=a):e.classList.remove("scroll-up")}))})),n.a.createElement("header",{className:"c-Header"},n.a.createElement(c.a,{className:"iconClass",icon:o.faStar}),n.a.createElement(d,null),n.a.createElement(f,null))};_.defaultProps={},_.propTypes={};var v=_,y=(a(57),function(e){return n.a.createElement("div",{className:"c-Plp__c-SortAndFilterPanel"},n.a.createElement("div",{className:"container"},n.a.createElement("div",{className:"row"},n.a.createElement("div",{className:"c-Plp__c-SortAndFilterPanel__tool sort col-6"},n.a.createElement("p",{className:"c-Plp__c-SortAndFilterPanel__toolContent"},n.a.createElement(c.a,{icon:o.faSort})," Sort")),n.a.createElement("div",{className:"c-Plp__c-SortAndFilterPanel__tool filter col-6"},n.a.createElement("p",{className:"c-Plp__c-SortAndFilterPanel__toolContent"},n.a.createElement(c.a,{icon:o.faFilter})," Filter")))))});y.defaultProps={},y.propTypes={};var b=y,E=a(7),h=a.n(E),P=(a(58),a(59),function(e){return n.a.createElement("button",{className:"c-Button ".concat(e.classes),type:e.buttonType,name:e.buttonName,value:e.buttonValue,disabled:e.buttonDisabled,autoFocus:e.buttonAutoFocus},e.buttonIcon&&n.a.createElement(c.a,{icon:o[e.buttonIcon]}),e.buttonText)});P.defaultProps={},P.propTypes={};var g=P,N=function(e){var t=e.product,a=!!t.discount&&0!==t.discount;return n.a.createElement("article",{className:"c-Plp__c-ProductContainer__c-ProductTile col-6 col-md-4 col-lg-2",id:"product_".concat(t.id)},n.a.createElement("figure",null,n.a.createElement("img",{className:"c-Plp__c-ProductContainer__c-ProductTile__image",src:t.img_url,alt:t.name,style:{width:"100%"}}),t.name&&n.a.createElement("figcaption",{className:"c-Plp__c-ProductContainer__c-ProductTile__name"},t.name)),n.a.createElement("div",{className:"c-Plp__c-ProductContainer__c-ProductTile__price__container"},t.discountedPrice&&n.a.createElement("span",{className:"c-Plp__c-ProductContainer__c-ProductTile__price"},"\u20b9",Math.ceil(t.discountedPrice)),a&&n.a.createElement(n.a.Fragment,null,n.a.createElement("span",{className:"c-Plp__c-ProductContainer__c-ProductTile__price--strikethrough"},t.price),n.a.createElement("span",{className:"c-Plp__c-ProductContainer__c-ProductTile__discount"},t.discount,"% off"))),n.a.createElement(g,{classes:"btn btn__addToCart",buttonValue:"add-to-cart",buttonType:"button",buttonName:"addToCartButton",buttonText:"Add To Cart"}))};N.defaultProps={},N.propTypes={};var S=N,T=function(e){var t=e.products&&0!==e.products.length&&e.products.map((function(e,t){var a=e.discount&&e.price*(e.discount/100);return e.discountedPrice=e.price-a,n.a.createElement(S,{product:e,key:t})}));return n.a.createElement("main",{className:"c-Plp__c-ProductContainer"},n.a.createElement("div",{className:"container"},n.a.createElement("div",{className:"row"},t)))};T.defaultProps={products:[]},T.propTypes={products:h.a.array};var w=T,C=(a(60),function(e){return n.a.createElement("footer",{className:"c-Footer"},n.a.createElement("p",null,"@Copyright"))});C.defaultProps={},C.propTypes={};var A=C;function F(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"===typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],r=!0,n=!1,c=void 0;try{for(var o,l=e[Symbol.iterator]();!(r=(o=l.next()).done)&&(a.push(o.value),!t||a.length!==t);r=!0);}catch(i){n=!0,c=i}finally{try{r||null==l.return||l.return()}finally{if(n)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return j(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(a);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return j(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=new Array(t);a<t;a++)r[a]=e[a];return r}var q=function(e){var t=F(Object(r.useState)([]),2),a=t[0],c=t[1];return Object(r.useEffect)((function(){fetch("https://api.myjson.com/bins/qzuzi").then((function(e){return e.json()})).then((function(e){console.log(e),c(e)}))}),[]),n.a.createElement("div",{className:"c-Plp"},n.a.createElement(v,null),n.a.createElement(b,null),n.a.createElement(w,{products:a}),n.a.createElement(A,null))};q.defaultProps={},q.propTypes={};var L=q;t.default=L}}]);
//# sourceMappingURL=3.f25fa7ad.chunk.js.map