2 lines
19 KiB
JavaScript
2 lines
19 KiB
JavaScript
(this.webpackJsonpadobeassignment=this.webpackJsonpadobeassignment||[]).push([[5],{103:function(e,t,r){},105:function(e,t,r){},106:function(e,t,r){},115:function(e,t,r){"use strict";r.r(t);var n=r(0),a=r.n(n),c=r(5),o=r.n(c),l=r(22),i=r(10),u=r(72),s=(r(85),r(58)),m=r(57),d=r(25),f=r.n(d);r(86);function p(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 r=[],n=!0,a=!1,c=void 0;try{for(var o,l=e[Symbol.iterator]();!(n=(o=l.next()).done)&&(r.push(o.value),!t||r.length!==t);n=!0);}catch(i){a=!0,c=i}finally{try{n||null==l.return||l.return()}finally{if(a)throw c}}return r}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return b(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return b(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 b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var y={content:{top:"20%",width:"93%",marginLeft:"auto",marginRight:"auto",background:"rgb(255, 255, 255)",overflow:"auto",borderRadius:"4px"}},h=function(e){var t,r=e.closeModal,c=e.dispatchSortSelection,o=e.modalIsOpen,l=p(Object(n.useState)(""),2),i=l[0],u=l[1],s=p(Object(n.useState)(""),2),m=s[0],d=s[1];return a.a.createElement(f.a,{overlayClassName:"c-SortModal modal fade show",closeTimeoutMS:300,className:"modal-dialog",isOpen:o,onAfterOpen:function(){t.style.color="#000",t.style.fontWeight="700"},onRequestClose:r,style:y,contentLabel:"Example Modal"},a.a.createElement("div",{className:"modal-content"},a.a.createElement("div",{className:"modal-header"},a.a.createElement("h5",{className:"modal-title",id:"exampleModalLiveLabel",ref:function(e){return t=e}},"Sort Options"),a.a.createElement("button",{type:"button",className:"close",onClick:r,"aria-label":"Close"},a.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),a.a.createElement("div",{className:"modal-body"},m&&a.a.createElement("span",{className:"error"},"Please Select One of the options below."),a.a.createElement("div",{className:"container"},a.a.createElement("div",{className:"radio"},a.a.createElement("label",null,a.a.createElement("input",{type:"radio",name:"survey",checked:"priceHtoL"===i,onChange:function(){u("priceHtoL"),d(!1)}}),"Price -- High Low")),a.a.createElement("div",{className:"radio"},a.a.createElement("label",null,a.a.createElement("input",{type:"radio",name:"survey",checked:"priceLtoH"===i,onChange:function(){u("priceLtoH"),d(!1)}}),"Price -- Low High")),a.a.createElement("div",{className:"radio disabled"},a.a.createElement("label",null,a.a.createElement("input",{type:"radio",name:"survey",checked:"discount"===i,onChange:function(){u("discount"),d(!1)}}),"Discount")))),a.a.createElement("div",{className:"modal-footer"},a.a.createElement("button",{type:"button",className:"btn btn-secondary",onClick:r},"Cancel"),a.a.createElement("button",{type:"button",className:"btn btn-primary",onClick:function(e){i?(c(i),r(e),d(!1)):d(!0)}},"Apply"))))};h.defaultProps={},h.propTypes={closeModal:o.a.func,dispatchSortSelection:o.a.func,modalIsOpen:o.a.bool};var v={dispatchSortSelection:i.j},_=Object(l.b)(null,v)(h),E=r(87),g=r.n(E);r(103),r(104);function S(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 r=[],n=!0,a=!1,c=void 0;try{for(var o,l=e[Symbol.iterator]();!(n=(o=l.next()).done)&&(r.push(o.value),!t||r.length!==t);n=!0);}catch(i){a=!0,c=i}finally{try{n||null==l.return||l.return()}finally{if(a)throw c}}return r}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return C(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return C(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 C(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var P={content:{top:"20%",width:"93%",marginLeft:"auto",marginRight:"auto",background:"rgb(255, 255, 255)",overflow:"auto",borderRadius:"4px"}},N=function(e){var t,r=e.closeModal,c=e.dispatchFilterRange,o=e.modalIsOpen,l=S(Object(n.useState)({min:200,max:5e3}),2),i=l[0],u=l[1];return a.a.createElement(f.a,{overlayClassName:"c-FilterModal modal fade show",closeTimeoutMS:300,className:"modal-dialog",isOpen:o,onAfterOpen:function(){t.style.color="#000",t.style.fontWeight="700"},onRequestClose:r,style:P,contentLabel:"Example Modal"},a.a.createElement("div",{className:"modal-content"},a.a.createElement("div",{className:"modal-header"},a.a.createElement("h5",{className:"modal-title",id:"exampleModalLiveLabel",ref:function(e){return t=e}},"Filter Options"),a.a.createElement("button",{type:"button",className:"close",onClick:r,"aria-label":"Close"},a.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),a.a.createElement("div",{className:"modal-body"},a.a.createElement(g.a,{maxValue:1e4,minValue:0,formatLabel:function(e){return"\u20b9".concat(e)},value:i,onChange:function(e){return u(e)}}),a.a.createElement("p",{className:"c-FilterModal__input-range__subtitle"},"Price")),a.a.createElement("div",{className:"modal-footer"},a.a.createElement("button",{type:"button",className:"btn btn-secondary",onClick:r},"Cancel"),a.a.createElement("button",{type:"button",className:"btn btn-primary",onClick:function(e){c(i),r(e)}},"Apply"))))};N.defaultProps={},N.propTypes={closeModal:o.a.func,dispatchFilterSelection:o.a.func,modalIsOpen:o.a.bool};var O={dispatchFilterRange:i.g},j=Object(l.b)(null,O)(N);function w(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 r=[],n=!0,a=!1,c=void 0;try{for(var o,l=e[Symbol.iterator]();!(n=(o=l.next()).done)&&(r.push(o.value),!t||r.length!==t);n=!0);}catch(i){a=!0,c=i}finally{try{n||null==l.return||l.return()}finally{if(a)throw c}}return r}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return A(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return A(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 A(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var I=function(e){var t=w(Object(n.useState)(!1),2),r=t[0],c=t[1],o=w(Object(n.useState)(!1),2),l=o[0],i=o[1];function u(e,t){t.stopPropagation(),"sort"===e?c(!1):i(!1)}return a.a.createElement("div",{className:"c-Plp__c-SortAndFilterPanel"},a.a.createElement("div",{className:"container"},a.a.createElement("div",{className:"row"},a.a.createElement("div",{className:"c-Plp__c-SortAndFilterPanel__tool sort col-6",onClick:function(){return c(!0)}},a.a.createElement("p",{className:"c-Plp__c-SortAndFilterPanel__toolContent"},a.a.createElement(s.a,{icon:m.faSort})," Sort"),a.a.createElement(_,{closeModal:function(e){return u("sort",e)},modalIsOpen:r})),a.a.createElement("div",{className:"c-Plp__c-SortAndFilterPanel__tool filter col-6",onClick:function(){return i(!0)}},a.a.createElement("p",{className:"c-Plp__c-SortAndFilterPanel__toolContent"},a.a.createElement(s.a,{icon:m.faFilter})," Filter"),a.a.createElement(j,{closeModal:function(e){return u("filter",e)},modalIsOpen:l})))))};I.defaultProps={},I.propTypes={};var T=I,L=r(56),k=r(62),H=r(13),M=r(60),x=r(73),F=r(69),R=(r(105),function(e){var t=e.product;return a.a.createElement("article",{className:"c-Plp__c-ProductContainer__c-ProductTile col-6 col-md-4 col-lg-2",id:"product_".concat(t.id)},a.a.createElement("figure",null,a.a.createElement("img",{className:"c-Plp__c-ProductContainer__c-ProductTile__image",src:t.img_url,alt:t.name,style:{width:"100%"}}),t.name&&a.a.createElement("figcaption",{className:"c-Plp__c-ProductContainer__c-ProductTile__name"},t.name)),a.a.createElement(F.a,{product:t}),a.a.createElement(x.a,{classes:"btn btn__addToCart",buttonValue:"add-to-cart",buttonType:"button",buttonName:"addToCartButton",buttonText:"Add To Cart",onClickHandler:function(){return function(t){var r=e.cartTotalCount,n=e.cartItems,a=n&&n[t]?n[t]:0;n[t]=++a,e.updateCart(++r,n)}(t.id)}}))});R.propTypes={updateCart:o.a.func,cartTotalCount:o.a.number,cartItems:o.a.object};var G=Object(L.createPropsSelector)({cartTotalCount:M.b,cartItems:M.a}),B={updateCart:H.d},U=Object(l.b)(G,B)(R),V=r(27);r(106);function $(e){return function(e){if(Array.isArray(e))return D(e)}(e)||function(e){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||z(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function q(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 r=[],n=!0,a=!1,c=void 0;try{for(var o,l=e[Symbol.iterator]();!(n=(o=l.next()).done)&&(r.push(o.value),!t||r.length!==t);n=!0);}catch(i){a=!0,c=i}finally{try{n||null==l.return||l.return()}finally{if(a)throw c}}return r}(e,t)||z(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 z(e,t){if(e){if("string"===typeof e)return D(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(r):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?D(e,t):void 0}}function D(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var J=function(e){var t=e.filterRange,r=e.sortBy,c=e.searchString,o=q(Object(n.useState)(!1),2),l=o[0],i=o[1],u=e.products&&0!==e.products.length&&e.products.map((function(e){var t=e.discount&&e.price*(e.discount/100);return e.discountAmount=Math.ceil(t),e.discountedPrice=Math.ceil(e.price-e.discountAmount),e}));if(u){if(r)switch(r){case"priceHtoL":u.sort((function(e,t){return t.discountedPrice-e.discountedPrice}));break;case"priceLtoH":u.sort((function(e,t){return e.discountedPrice-t.discountedPrice}));break;case"discount":u.sort((function(e,t){return t.discount-e.discount}))}var s=$(u);t&&(s=u.filter((function(e){return e.discountedPrice>t.min&&e.discountedPrice<t.max})),u=s),c&&""!==c&&(s=u.filter((function(e){return e.name.toLowerCase().includes(c.toLowerCase())||e.category.toLowerCase().includes(c.toLowerCase())||e.img_url.toLowerCase().includes(c.toLowerCase())}))),u.length>0&&0===s.length?!l&&i(!0):l&&i(!1),u=s}var m=u&&u.map((function(e,t){return a.a.createElement(U,{product:e,key:t})}));e.dispatchProducts(u);return a.a.createElement("main",{className:"c-Plp__c-ProductContainer"},l?a.a.createElement("div",{className:"c-Cart__emptyPlp"},a.a.createElement("h3",null,"No Products match the search criteria!"),a.a.createElement("p",{className:"c-Cart__emptyPlp__information"},"Please modify Search or filter criteria, and try again.")):e.products&&0!==e.products.length?a.a.createElement("div",{className:"container"},c&&""!==c&&a.a.createElement("div",{className:"row"},a.a.createElement("div",{className:"col-12 c-Plp__c-ProductContainer__infoContainer"},a.a.createElement("span",{className:"c-Plp__c-ProductContainer__information"},'Showing Results for the search - "',c,'"'),a.a.createElement("p",null,a.a.createElement("button",{type:"button",className:"c-Plp__c-ProductContainer__btnClearSearch",onClick:function(){e.dispatchSearchString("")}},"Clear Search")))),a.a.createElement("div",{className:"row"},m)):a.a.createElement(V.a,null))};J.defaultProps={products:[]},J.propTypes={products:o.a.array,sortBy:o.a.string};var W=Object(L.createPropsSelector)({filterRange:k.a,searchString:k.c,sortBy:k.d}),Y={dispatchProducts:i.h,dispatchSearchString:i.i},K=Object(l.b)(W,Y)(J),Q=r(74);function X(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 r=[],n=!0,a=!1,c=void 0;try{for(var o,l=e[Symbol.iterator]();!(n=(o=l.next()).done)&&(r.push(o.value),!t||r.length!==t);n=!0);}catch(i){a=!0,c=i}finally{try{n||null==l.return||l.return()}finally{if(a)throw c}}return r}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return Z(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return Z(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 Z(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var ee=function(e){var t=e.dispatchProducts,r=X(Object(n.useState)([]),2),c=r[0],o=r[1];return Object(n.useEffect)((function(){fetch("https://api.myjson.com/bins/qzuzi").then((function(e){return e.json()})).then((function(e){o(e),t(e)}))}),[]),a.a.createElement("div",{className:"c-Plp"},a.a.createElement(u.a,null),a.a.createElement(T,null),a.a.createElement(K,{products:c}),a.a.createElement(Q.a,null))};ee.propTypes={dispatchProducts:o.a.func};var te={dispatchProducts:i.h},re=Object(l.b)(null,te)(ee);t.default=re},60:function(e,t,r){"use strict";r.d(t,"b",(function(){return o})),r.d(t,"a",(function(){return l}));var n=r(59),a=r(56),c=Object(n.a)((function(e){return e.data}),(function(e){return e.pages.cart})),o=(Object(a.createGetSelector)(c,"formValues"),Object(a.createGetSelector)(c,"formErrors"),Object(a.createGetSelector)(c,"cartTotalCount")),l=Object(a.createGetSelector)(c,"cartItems")},62:function(e,t,r){"use strict";r.d(t,"b",(function(){return o})),r.d(t,"a",(function(){return l})),r.d(t,"d",(function(){return i})),r.d(t,"c",(function(){return u}));var n=r(59),a=r(56),c=Object(n.a)((function(e){return e.data}),(function(e){return e.pages.plp})),o=(Object(a.createGetSelector)(c,"formValues"),Object(a.createGetSelector)(c,"formErrors"),Object(a.createGetSelector)(c,"products")),l=Object(a.createGetSelector)(c,"filterRange"),i=Object(a.createGetSelector)(c,"sortBy"),u=Object(a.createGetSelector)(c,"searchString")},65:function(e,t,r){},66:function(e,t,r){},68:function(e,t,r){},69:function(e,t,r){"use strict";var n=r(0),a=r.n(n),c=r(5),o=r.n(c),l=(r(70),function(e){var t=e.product,r=!!t.discount&&0!==t.discount;return a.a.createElement("div",{className:"c-ItemPrice"},t.discountedPrice&&a.a.createElement("span",{className:"c-ItemPrice__price"},"\u20b9",t.discountedPrice),r&&a.a.createElement(a.a.Fragment,null,a.a.createElement("span",{className:"c-ItemPrice__price--strikethrough"}," ",t.price),a.a.createElement("span",{className:"c-ItemPrice__discount"},t.discount,"% off")))});l.defaultProps={product:o.a.object},l.propTypes={},t.a=l},70:function(e,t,r){},71:function(e,t,r){},72:function(e,t,r){"use strict";var n=r(0),a=r.n(n),c=r(23),o=r(58),l=r(57),i=r(5),u=r.n(i),s=r(22),m=r(10);r(65);function d(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 r=[],n=!0,a=!1,c=void 0;try{for(var o,l=e[Symbol.iterator]();!(n=(o=l.next()).done)&&(r.push(o.value),!t||r.length!==t);n=!0);}catch(i){a=!0,c=i}finally{try{n||null==l.return||l.return()}finally{if(a)throw c}}return r}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return f(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 f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var p=function(e){var t,r=e.dispatchSearchString,c=d(Object(n.useState)(!1),2),i=c[0],u=c[1],s=function(e){r(e)};return a.a.createElement("div",{className:"c-Plp__c-Header__c-Search header-icon".concat(i?" c-Plp__c-Header__c-Search--searchInitiated":"")},a.a.createElement("input",{type:"text",className:"c-Plp__c-Header__c-Search__input".concat(i?" c-Plp__c-Header__c-Search__input--visible":""),placeholder:"Search",onChange:function(e){var r,n,a;r=s,n=500,a=e.target.value,clearTimeout(t),t=setTimeout((function(){return r(a)}),n)}}),a.a.createElement(o.a,{className:"c-Plp__c-Header__c-Search__searchIcon",icon:l.faSearch,onClick:function(){return u(!i)}}))};p.propTypes={dispatchSearchString:u.a.func};var b={dispatchSearchString:m.i},y=Object(s.b)(null,b)(p),h=(r(66),r(9)),v=r(56),_=r(60),E=function(e){return a.a.createElement("div",{className:"c-Plp__c-Header__c-CartIcon header-icon",onClick:function(){e.history.push("/view/cart")}},a.a.createElement(o.a,{icon:l.faShoppingCart}),a.a.createElement("span",{className:"c-Plp__c-Header__c-CartIcon__badge"},e.cartTotalCount))};E.propTypes={cartTotalCount:u.a.number};var g=Object(v.createPropsSelector)({cartTotalCount:_.b}),S=Object(s.b)(g)(Object(h.e)(E)),C=function(e){return Object(n.useEffect)((function(){var e=document.body,t=0;window.addEventListener("scroll",(function(){var r=window.pageYOffset;0!==r?(r>t&&!e.classList.contains("scroll-down")?(e.classList.remove("scroll-up"),e.classList.add("scroll-down")):r<t&&e.classList.contains("scroll-down")&&(e.classList.remove("scroll-down"),e.classList.add("scroll-up")),t=r):e.classList.remove("scroll-up")}))})),a.a.createElement("header",{className:"c-Header"},a.a.createElement("div",{className:"container"},a.a.createElement("div",{className:"row"},a.a.createElement("div",{className:"col-1 c-Header--margin-right"},a.a.createElement(c.b,{to:"/view/plp",className:"c-Header__logo-main"},a.a.createElement(o.a,{className:"c-Header__iconClass",icon:l.faStar}))),a.a.createElement("div",{className:"".concat(e.inCart?"col-10":"col-9 c-Header--margin-right")},a.a.createElement(y,null)),a.a.createElement("div",{className:"col-1 c-Header__cartIconContainer--aligner"},!e.inCart&&a.a.createElement(S,null)))))};C.defaultProps={},C.propTypes={};var P=C;t.a=P},73:function(e,t,r){"use strict";var n=r(0),a=r.n(n),c=r(58),o=r(57),l=(r(68),function(e){return a.a.createElement("button",{className:"c-Button ".concat(e.classes),type:e.buttonType,name:e.buttonName,value:e.buttonValue,disabled:e.buttonDisabled,autoFocus:e.buttonAutoFocus,onClick:e.onClickHandler},e.buttonIcon&&a.a.createElement(c.a,{icon:o[e.buttonIcon]}),e.buttonText)});l.defaultProps={},l.propTypes={};var i=l;t.a=i},74:function(e,t,r){"use strict";var n=r(0),a=r.n(n),c=(r(5),r(71),function(e){return a.a.createElement("footer",{className:"c-Footer"},a.a.createElement("p",null,"@Copyright"))});c.defaultProps={},c.propTypes={};var o=c;t.a=o},85:function(e,t,r){},86:function(e,t,r){}}]);
|
|
//# sourceMappingURL=5.ab06184e.chunk.js.map
|