2 lines
18 KiB
JavaScript
2 lines
18 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),o=r(5),c=r.n(o),l=r(22),i=r(10),u=r(72),s=(r(85),r(58)),d=r(57),m=r(25),f=r.n(m);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,o=void 0;try{for(var c,l=e[Symbol.iterator]();!(n=(c=l.next()).done)&&(r.push(c.value),!t||r.length!==t);n=!0);}catch(i){a=!0,o=i}finally{try{n||null==l.return||l.return()}finally{if(a)throw o}}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"}},v=function(e){var t,r=e.closeModal,o=e.dispatchSortSelection,c=e.modalIsOpen,l=p(Object(n.useState)(""),2),i=l[0],u=l[1],s=p(Object(n.useState)(""),2),d=s[0],m=s[1];return a.a.createElement(f.a,{overlayClassName:"c-SortModal modal fade show",closeTimeoutMS:300,className:"modal-dialog",isOpen:c,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"},d&&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"),m(!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"),m(!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"),m(!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?(o(i),r(e),m(!1)):m(!0)}},"Apply"))))};v.defaultProps={},v.propTypes={closeModal:c.a.func,dispatchSortSelection:c.a.func,modalIsOpen:c.a.bool};var h={dispatchSortSelection:i.h},E=Object(l.b)(null,h)(v),g=r(87),S=r.n(g);r(103),r(104);function _(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,o=void 0;try{for(var c,l=e[Symbol.iterator]();!(n=(c=l.next()).done)&&(r.push(c.value),!t||r.length!==t);n=!0);}catch(i){a=!0,o=i}finally{try{n||null==l.return||l.return()}finally{if(a)throw o}}return r}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return P(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 P(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 P(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 O={content:{top:"20%",width:"93%",marginLeft:"auto",marginRight:"auto",background:"rgb(255, 255, 255)",overflow:"auto",borderRadius:"4px"}},j=function(e){var t,r=e.closeModal,o=e.dispatchFilterRange,c=e.modalIsOpen,l=_(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:c,onAfterOpen:function(){t.style.color="#000",t.style.fontWeight="700"},onRequestClose:r,style:O,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(S.a,{maxValue:1e4,minValue:0,formatLabel:function(e){return"\u20b9".concat(e)},value:i,onChange:function(e){return u(e)}})),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){o(i),r(e)}},"Apply"))))};j.defaultProps={},j.propTypes={closeModal:c.a.func,dispatchFilterSelection:c.a.func,modalIsOpen:c.a.bool};var C={dispatchFilterRange:i.f},N=Object(l.b)(null,C)(j);function A(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,o=void 0;try{for(var c,l=e[Symbol.iterator]();!(n=(c=l.next()).done)&&(r.push(c.value),!t||r.length!==t);n=!0);}catch(i){a=!0,o=i}finally{try{n||null==l.return||l.return()}finally{if(a)throw o}}return r}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return w(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 w(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 w(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 T=function(e){var t=A(Object(n.useState)(!1),2),r=t[0],o=t[1],c=A(Object(n.useState)(!1),2),l=c[0],i=c[1];function u(e,t){t.stopPropagation(),"sort"===e?o(!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 o(!0)}},a.a.createElement("p",{className:"c-Plp__c-SortAndFilterPanel__toolContent"},a.a.createElement(s.a,{icon:d.faSort})," Sort"),a.a.createElement(E,{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:d.faFilter})," Filter"),a.a.createElement(N,{closeModal:function(e){return u("filter",e)},modalIsOpen:l})))))};T.defaultProps={},T.propTypes={};var I=T,L=r(56),k=r(62),M=r(13),F=r(60),x=r(73),H=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(H.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:c.a.func,cartTotalCount:c.a.number,cartItems:c.a.object};var G=Object(L.createPropsSelector)({cartTotalCount:F.b,cartItems:F.a}),B={updateCart:M.d},U=Object(l.b)(G,B)(R),V=r(27);r(106);function $(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,o=void 0;try{for(var c,l=e[Symbol.iterator]();!(n=(c=l.next()).done)&&(r.push(c.value),!t||r.length!==t);n=!0);}catch(i){a=!0,o=i}finally{try{n||null==l.return||l.return()}finally{if(a)throw o}}return r}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return q(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 q(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 q(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 z=function(e){var t=e.filterRange,r=e.sortBy,o=$(Object(n.useState)(!1),2),c=o[0],l=o[1],i=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(i){if(r)switch(r){case"priceHtoL":i.sort((function(e,t){return t.discountedPrice-e.discountedPrice}));break;case"priceLtoH":i.sort((function(e,t){return e.discountedPrice-t.discountedPrice}));break;case"discount":i.sort((function(e,t){return t.discount-e.discount}))}if(t){var u=i.filter((function(e){return e.discountedPrice>t.min&&e.discountedPrice<t.max}));i.length>0&&0===u.length?!c&&l(!0):c&&l(!1),i=u}}var s=i&&i.map((function(e,t){return a.a.createElement(U,{product:e,key:t})}));return e.dispatchProducts(i),c?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("main",{className:"c-Plp__c-ProductContainer"},a.a.createElement("div",{className:"container"},a.a.createElement("div",{className:"row"},s))):a.a.createElement(V.a,null)};z.defaultProps={products:[]},z.propTypes={products:c.a.array,sortBy:c.a.string};var D=Object(L.createPropsSelector)({filterRange:k.a,sortBy:k.c}),J={dispatchProducts:i.g},W=Object(l.b)(D,J)(z),Y=r(74);function K(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,o=void 0;try{for(var c,l=e[Symbol.iterator]();!(n=(c=l.next()).done)&&(r.push(c.value),!t||r.length!==t);n=!0);}catch(i){a=!0,o=i}finally{try{n||null==l.return||l.return()}finally{if(a)throw o}}return r}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return Q(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 Q(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 Q(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 X=function(e){var t=e.dispatchProducts,r=K(Object(n.useState)([]),2),o=r[0],c=r[1];return Object(n.useEffect)((function(){fetch("https://api.myjson.com/bins/qzuzi").then((function(e){return e.json()})).then((function(e){c(e),t(e)}))}),[]),a.a.createElement("div",{className:"c-Plp"},a.a.createElement(u.a,null),a.a.createElement(I,null),a.a.createElement(W,{products:o}),a.a.createElement(Y.a,null))};X.propTypes={dispatchProducts:c.a.func};var Z={dispatchProducts:i.g},ee=Object(l.b)(null,Z)(X);t.default=ee},60:function(e,t,r){"use strict";r.d(t,"b",(function(){return c})),r.d(t,"a",(function(){return l}));var n=r(59),a=r(56),o=Object(n.a)((function(e){return e.data}),(function(e){return e.pages.cart})),c=(Object(a.createGetSelector)(o,"formValues"),Object(a.createGetSelector)(o,"formErrors"),Object(a.createGetSelector)(o,"cartTotalCount")),l=Object(a.createGetSelector)(o,"cartItems")},62:function(e,t,r){"use strict";r.d(t,"b",(function(){return c})),r.d(t,"a",(function(){return l})),r.d(t,"c",(function(){return i}));var n=r(59),a=r(56),o=Object(n.a)((function(e){return e.data}),(function(e){return e.pages.plp})),c=(Object(a.createGetSelector)(o,"formValues"),Object(a.createGetSelector)(o,"formErrors"),Object(a.createGetSelector)(o,"products")),l=Object(a.createGetSelector)(o,"filterRange"),i=Object(a.createGetSelector)(o,"sortBy")},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),o=r(5),c=r.n(o),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:c.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),o=r(23),c=r(58),l=r(57);r(65);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 r=[],n=!0,a=!1,o=void 0;try{for(var c,l=e[Symbol.iterator]();!(n=(c=l.next()).done)&&(r.push(c.value),!t||r.length!==t);n=!0);}catch(i){a=!0,o=i}finally{try{n||null==l.return||l.return()}finally{if(a)throw o}}return r}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return u(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 u(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 u(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 s=function(e){var t=i(Object(n.useState)(!1),2),r=t[0],o=t[1];return a.a.createElement("div",{className:"c-Plp__c-SortAndFilterPanel__c-Search header-icon",onClick:function(){return o(!0)}},r&&a.a.createElement("input",{type:"text",className:"c-Plp__c-SortAndFilterPanel__c-Search__input",placeholder:"Search..."}),a.a.createElement(c.a,{icon:l.faSearch}))};s.defaultProps={},s.propTypes={};var d=s,m=r(5),f=r.n(m),p=r(22),b=(r(66),r(9)),y=r(56),v=r(60),h=function(e){return a.a.createElement("div",{className:"c-Plp__c-SortAndFilterPanel__c-CartIcon header-icon",onClick:function(){e.history.push("/view/cart")}},a.a.createElement(c.a,{icon:l.faShoppingCart}),a.a.createElement("span",{className:"c-Plp__c-SortAndFilterPanel__c-CartIcon__badge"},e.cartTotalCount))};h.propTypes={cartTotalCount:f.a.number};var E=Object(y.createPropsSelector)({cartTotalCount:v.b}),g=Object(p.b)(E)(Object(b.e)(h)),S=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(o.b,{to:"/view/plp",className:"c-Header__logo-main"},a.a.createElement(c.a,{className:"c-Header__iconClass",icon:l.faStar})),a.a.createElement(d,null),!e.inCart&&a.a.createElement(g,null))};S.defaultProps={},S.propTypes={};var _=S;t.a=_},73:function(e,t,r){"use strict";var n=r(0),a=r.n(n),o=r(58),c=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(o.a,{icon:c[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),o=(r(5),r(71),function(e){return a.a.createElement("footer",{className:"c-Footer"},a.a.createElement("p",null,"@Copyright"))});o.defaultProps={},o.propTypes={};var c=o;t.a=c},85:function(e,t,r){},86:function(e,t,r){}}]);
|
|
//# sourceMappingURL=5.cb2272bf.chunk.js.map
|