https://www.goafricaonline.com/build-manifest/2177.e1fc54d009c17cb8f480.js

1(self.webpackChunkgoafrica=self.webpackChunkgoafrica||[]).push([[2177],{22177:function(e,n,t){"use strict";t.r(n);var a=t(67294),i=t(98808),r=t(84132),o=t(68912),d=t(77161),c=t(74353),u=t(79977),l=t(27361),s=t.n(l),m=t(68840),f=t(93967),p=t.n(f),v=t(92077),y=t.n(v),g=t(67545),k=t(98710),b=t.n(k);function h(e,n){for(var t=0;t<n.length;t++){var a=n[t];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,N(a.key),a)}}function N(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:String(n)}function S(e,n,t){return n=w(n),function(e,n){if(n&&("object"==typeof n||"function"==typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,I()?Reflect.construct(n,t||[],w(e).constructor):n.apply(e,t))}function I(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(I=function(){return!!e})()}function w(e){return w=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},w(e)}function F(e,n){return F=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},F(e,n)}const O=u.ZPm.div({marginTop:40,marginBottom:20,display:"flex",alignItems:"center"}),E=u.ZPm.div({width:80,marginRight:10}),P=u.ZPm.div({width:180,marginLeft:10,marginRight:10});let C=function(e){function n(e,t){var a;return function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,n),(a=S(this,n,[e,t])).state={loading:!1},a}var t,i,r;return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),n&&F(e,n)}(n,e),t=n,(i=[{key:"onChange",value:function(e){this.setState({loading:!0},(()=>{const n=new URLSearchParams(document.location.search.substring(1));n.has("p")&&n.delete("p");const t=s()(e,"category.id",null);null==t?n.delete("category"):n.set("category",t);const a=s()(e,"brand.id",null);null==a?n.delete("brand"):n.set("brand",a),document.location.hash="product-company-filters",document.location.search=`?${n.toString()}`}))}},{key:"render",value:function(){const{countProducts:e,countName:n,categories:t,brands:i,currentFilter:r}=this.props,{loading:o}=this.state;return a.createElement(O,{className:p()({loading:o})},a.createElement(E,null,y()(e).format("0")," ",n),null!=t&&t.length>0&&a.createElement(P,{key:"category"},a.createElement(m.ZP,{name:"category",value:r.category,onChange:e=>{this.onChange({...r,category:e})},placeholder:g.default.trans("shopping_company.filters.category_placeholder"),getOptionValue:e=>{let{id:n}=e;return n},getOptionLabel:e=>{let{name:n}=e;return n},options:t})),null!=i&&i.length>0&&a.createElement(P,{key:"brand"},a.createElement(m.ZP,{name:"brand",value:r.brand,onChange:e=>{this.onChange({...r,brand:e})},placeholder:g.default.trans("shopping_company.filters.brand_placeholder"),getOptionValue:e=>{let{id:n}=e;return n},getOptionLabel:e=>{let{name:n}=e;return n},options:i})))}}])&&h(t.prototype,i),r&&h(t,r),Object.defineProperty(t,"prototype",{writable:!1}),n}(a.Component);C=(0,i.Z)((0,c.BX)(b(),{options:e=>({variables:{companyId:e.companyId,categoryId:e.currentFilter.category,brandId:e.currentFilter.brand}})}),(0,d.Z)((e=>{let{data:{loading:n,category:t,brand:a}}=e;return n}),(0,o.Z)((()=>a.createElement(O,{className:"loading"},g.default.trans("ui.loading"))))),(0,r.default)((e=>{let{data:{category:n,brand:t,categories:a,brands:i},...r}=e;return{...r,categories:a,brands:i,currentFilter:{category:n,brand:t}}})))(C),n.default=C},98710:function(e){var n={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"productC

1ompanyFiltersQuery"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"companyId"}},type:{kind:"NamedType",name:{kind:"Name",value:"ID"}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"categoryId"}},type:{kind:"NamedType",name:{kind:"Name",value:"ID"}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"brandId"}},type:{kind:"NamedType",name:{kind:"Name",value:"ID"}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",alias:{kind:"Name",value:"category"},name:{kind:"Name",value:"shoppingCategory"},arguments:[{kind:"Argument",name:{kind:"Name",value:"id"},value:{kind:"Variable",name:{kind:"Name",value:"categoryId"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"name"},arguments:[],directives:[]}]}},{kind:"Field",alias:{kind:"Name",value:"brand"},name:{kind:"Name",value:"shoppingBrand"},arguments:[{kind:"Argument",name:{kind:"Name",value:"id"},value:{kind:"Variable",name:{kind:"Name",value:"brandId"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"name"},arguments:[],directives:[]}]}},{kind:"Field",alias:{kind:"Name",value:"categories"},name:{kind:"Name",value:"shoppingCategories"},arguments:[{kind:"Argument",name:{kind:"Name",value:"companyId"},value:{kind:"Variable",name:{kind:"Name",value:"companyId"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"name"},arguments:[],directives:[]}]}},{kind:"Field",alias:{kind:"Name",value:"brands"},name:{kind:"Name",value:"shoppingBrands"},arguments:[{kind:"Argument",name:{kind:"Name",value:"companyId"},value:{kind:"Variable",name:{kind:"Name",value:"companyId"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"name"},arguments:[],directives:[]}]}}]}}],loc:{start:0,end:407}};n.loc.source={body:"query productCompanyFiltersQuery($companyId: ID, $categoryId: ID, $brandId: ID) {\n    category: shoppingCategory(id: $categoryId) {\n        id\n        name\n    }\n    brand: shoppingBrand(id: $brandId) {\n        id\n        name\n    }\n    categories: shoppingCategories(companyId: $companyId) {\n        id\n        name\n    }\n    brands: shoppingBrands(companyId: $companyId) {\n        id\n        name\n    }\n}\n",name:"GraphQL request",locationOffset:{line:1,column:1}};function t(e,n){if("FragmentSpread"===e.kind)n.add(e.name.value);else if("VariableDefinition"===e.kind){var a=e.type;"NamedType"===a.kind&&n.add(a.name.value)}e.selectionSet&&e.selectionSet.selections.forEach((function(e){t(e,n)})),e.variableDefinitions&&e.variableDefinitions.forEach((function(e){t(e,n)})),e.definitions&&e.definitions.forEach((function(e){t(e,n)}))}var a={};function i(e,n){for(var t=0;t<e.definitions.length;t++){var a=e.definitions[t];if(a.name&&a.name.value==n)return a}}n.definitions.forEach((function(e){if(e.name){var n=new Set;t(e,n),a[e.name.value]=n}})),e.exports=n,e.exports.productCompanyFiltersQuery=function(e,n){var t={kind:e.kind,definitions:[i(e,n)]};e.hasOwnProperty("loc")&&(t.loc=e.loc);var r=a[n]||new Set,o=new Set,d=new Set;for(r.forEach((function(e){d.add(e)}));d.size>0;){var c=d;d=new Set,c.forEach((function(e){o.has(e)||(o.add(e),(a[e]||new Set).forEach((function(e){d.add(e)})))}))}return o.forEach((function(n){var a=i(e,n);a&&t.definitions.push(a)})),t}(n,"productCompanyFiltersQuery")},77161:function(e,n,t){"use strict";var a=t(27438);n.Z=void 0;var i=t(67294),r=(a(t(12895)),a(t(66626)),function(e){return e}),o=function(e,n,t){return void 0===t&&(t=r),function(a){var r,o;return function(d){return e(d)?(r=r||(0,i.createFactory)(n(a)))(d):(o=o||(0,i.createFactory)(t(a)))(d)}}};n.Z=o},98808:function(e,n){"use strict";n.Z=void 0;var t=function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return n.reduce((function(e,n){return function(){return e(n.apply(void 0,arguments))}}),(function(e){return e}))};n.Z=t},84132:function(e,n,t){"use strict";var a=t(27438);n.default=void 0;var i=t(67294),r=(a(t(12895)),a(t(66626)),function(e){return function(n){var t=(0,i.createFactory)(n);return function(n){return t(e(n))}}});n.default=r},68912:function(e,n,t){"use strict";var a=t(27438);n.Z=void 0;var i=t(67294),r=(a(t(66626)),function(e){return function(n){var t=(0,i.createFactory)(e);return function(e){return t(e)}}});n.Z=r}}]);