https://www.ardengrange.com/_next/static/chunks/1119-81cacc8fde8fd5bd.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1119],{31119:function(e,n,t){t.r(n),t.d(n,{default:function(){return j},filterWizardVariants:function(){return L.Z}});var r=t(50029),a=t(92777),s=t(82262),i=t(10748),l=t(81531),o=t(63553),c=t(37247),u=t(59499),d=t(87794),f=t.n(d),v=t(67294),h=t(11163),p=t.n(h),b=t(80129),g=t.n(b),x=t(93967),w=t.n(x),m=t(27812),_=t(85893);function A(e){var n=e.isLoading,t=void 0!==n&&n,r=e.isPrevious,a=e.isFinal,s=e.field,i=e.allAnswers,l=e.availableAnswers,o=e.selectedAnswers,c=void 0===o?[]:o,u=e.setSelectedAnswers,d=e.customAnswers,f=null!==d&&void 0!==d&&d.length?d:i;if(null===f||void 0===f||!f.length)return null;var v=function(e){var n,t=e.target.value,r=c.indexOf(t)>=0?c.filter((function(e){return e!==t})):[].concat((0,m.Z)(c),[t]);u(s,r),null===(n=e.target)||void 0===n||n.blur()},h=w()("row px-2 mb-3",{"filter-wizard__answers--active":!r,"filter-wizard__answers--inactive":!a&&r,"filter-wizard__answers--final":a});return(0,_.jsx)("ul",{className:h,children:null===f||void 0===f?void 0:f.map((function(e,n){var r,a=(null===l||void 0===l||null===(r=l.filter)||void 0===r?void 0:r.call(l,(function(n){return n.key===e.key})).length)>0||!1,i="".concat(s,"-").concat(e.key),o=c.indexOf(e.key)>=0,u=w()("filter-wizard__check-button text-truncate",{"filter-wizard__check-button--unavailable":!a});return(0,_.jsxs)("li",{className:"col-4 col-md-3 col-lg-2 px-2",children:[(0,_.jsx)("input",{className:"d-none",type:"checkbox",id:i,name:s,value:e.key,disabled:t||!a&&!o,onChange:v,checked:o}),(0,_.jsx)("label",{className:u,htmlFor:i,children:(0,_.jsx)("span",{children:e.label?e.label:e.key})})]},"".concat(n,"-").concat(i))}))})}var k=t(87078),Z=t(78226);function y(e){var n=e.fieldLabel,t=e.questions,r=e.answers,a=e.currentIndex,s=e.setPage,i=e.highlightNext,l=e.disabled,o=(0,Z.$G)().t,c=a>0,u=a<t.length&&a<=(null===r||void 0===r?void 0:r.length),d=a===t.length,f=c?t[a-1].label:null,v=i?"primary":"outline-primary",h=u?o("NEXT"):null,p=w()("filter-wizard__pager-arrow--next",{"d-none":d}),b=w()("filter-wizard__pager-dots",{"d-none d-md-block":d});return(0,_.jsxs)("div",{className:"filter-wizard__pager",children:[(0,_.jsxs)("div",{className:"filter-wizard__pager-progress",children:[(0,_.jsx)("strong",{className:"filter-wizard__pager-dots-label d-none d-md-block",children:n}),(0,_.jsx)("ol",{className:b,children:null===t||void 0===t?void 0:t.map((function(e,n){var t=w()("filter-wizard__pager-dot",{"filter-wizard__pager-dot--checked":a>=n}),r=a<n,i=w()("btn",{"btn-outline-primary":r,"btn-primary":!r});return(0,_.jsx)("li",{className:t,children:(0,_.jsx)("button",{disabled:l,type:"button",className:i,title:e.label,onClick:function(){var e;s(n,!r),null===(e=document.activeElement)||void 0===e||e.blur()},children:(0,_.jsx)("span",{className:"d-none",children:e.label})})},n)}))})]}),(0,_.jsxs)(k.Z,{disabled:!c||l,variant:"outline-primary",className:"filter-wizard__pager-arrow--prev",title:f,onClick:function(){var e;s(a-1,!0),null===(e=document.activeElement)||void 0===e||e.blur()},children:[(0,_.jsx)("span",{className:"cf-prev d-block d-md-none"}),(0,_.jsx)("span",{className:"d-none d-md-block",children:o("PREV")})]}),(0,_.jsxs)(k.Z,{disabled:l,variant:v,className:p,title:h,onClick:function(){var e;s(a+1),null===(e=document.activeElement)||void 0===e||e.blur()},children:[(0,_.jsx)("span",{className:"d-none d-md-block",children:o("NEXT")}),(0,_.jsx)("span",{className:"cf-next d-block d-md-none"})]})]})}var I=t(72104),N=t(48807),E=t(62420),L=t(72787);function R(e){var n=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,r=(0,c.Z)(e);if(n){var a=(0,c.Z)(this).constructor;t=Reflect.construct(r,arguments,a)}else t=r.apply(this,arguments);return(0,o.Z)(this,t)}}var j=function(e){(0,l.Z)(t,e);var n=R(t);function t(e){var s;return(0,a.Z)(this,t),s=n.call(this,e),(0,u.Z)((0,i.Z)(s),"fetchAnswers",(0,r.Z)(f().mark((function e(){var n,t,r,a,i,l,o,c,u,d=arguments;return f().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=d.length>0&&void 0!==d[0]?d[0]:null,t=s.props,r=t.questions,a=t.baseCategoryUrl,i=s.state.fieldLabels,l=[],s.setState({isLoading:!0}),e.prev=5,e.next=8,s.fetchFilterData(n);case 8:if(c=e.sent,u=null===c||void 0===c?void 0:c.aggregations){e.next=12;break}throw new Error("Failed to fetch filter values for '".concat(a,"'!"));case 12:r.map((function(e,n){if((null===e||void 0===e?void 0:e.field)in u){var t=u[e.field].values;l[n]=Object.keys(t).sort((function(e,n){return e>n})).map((function(e){return{label:e,key:t[e].key}}))||[],i[n]=u[e.field].title}else{var r="Field '".concat(e.field,"' not found in available filter data!.");console.warn(r),l[n]=new Error(r)}})),e.next=19;break;case 15:e.prev=15,e.t0=e.catch(5),console.error(e.t0),o=e.t0;case 19:return s.setState({fieldLabels:i,error:o,isLoading:!1}),e.abrupt("return",l);case 21:case"end":return e.stop()}}),e,null,[[5,15]])})))),(0,u.Z)((0,i.Z)(s),"fetchFilterData",function(){var e=(0,r.Z)(f().mark((function e(n){var t,r,a,i,l,o,c;return f().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(r=s.props,a=r.baseCategoryUrl,i=r.questions,a){e.next=5;break}throw new Error("Category URL is not configured! Aborting.");case 5:if(null!==i&&void 0!==i&&i.length){e.next=7;break}throw new Error("No questions configured! Aborting.");case 7:return l=n||s.getCurrentFilter(),o={query:{seoUrl:a,filter:l}},e.next=11,(0,N.Z)({ctx:o}).catch((function(e){throw console.error("Failed to fetch page data for '".concat(a,"'!"),e),e}));case 11:return c=e.sent,e.abrupt("return",null===c||void 0===c||null===(t=c.data)||void 0===t?void 0:t.product);case 13:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}()),(0,u.Z)((0,i.Z)(s),"getCurrentFilter",(function(e){var n=s.props.questions,t=s.state,r=t.allAnswers,a=t.selectedAnswers,i=t.currentIndex;e||(e=a);for(var l={},o=0;o<r.length&&!(o>i+1);o++)e[o]&&(l[n[o].field]=e[o]);return l})),(0,u.Z)((0,i.Z)(s),"setSelectedAnswers",function(){var e=(0,r.Z)(f().mark((function e(n,t){var r,a,i,l,o,c;return f().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(r=s.state,a=r.currentIndex,i=r.selectedAnswers,!((l=s.indexOf(n))<0)){e.next=5;break}return console.warn("Unable to select: field '".concat(n,"' does not exist")),e.abrupt("return");case 5:if(i[l]=t,!(l<a)){e.next=15;break}return e.next=9,s.fetchAnswers(s.getCurrentFilter(i));case 9:o=e.sent,(c=s.getConflicts(o,i)).length>0&&c.map((function(e,n){(null===e||void 0===e?void 0:e.length)>0&&(i[n]=i[n].filter((function(n){return e.indexOf(n)<0})))})),s.setState({availableAnswers:o,selectedAnswers:i}),e.next=16;break;case 15:s.setState({selectedAnswers:i});case 16:case"end":return e.stop()}}),e)})));return function(n,t){return e.apply(this,arguments)}}()),(0,u.Z)((0,i.Z)(s),"indexOf",(function(e){for(var n=s.props.questions,t=0;t<n.length;t++)if(n[t].field===e)return t;return-1})),(0,u.Z)((0,i.Z)(s),"getConflicts",(function(e,n){for(var t=[],r=function(r){if(!e[r].length||null===n||void 0===n||!n[r])return"continue";n[r].map((function(n){var a;e[r].filter((function(e){return e.key===n})).length||(null!==(a=t[r])&&void 0!==a&&a.length?t[r].push(n):t[r]=[n],console.warn("Conflict: '".concat(n,"' is not available in"),e[r]))}))},a=0;a<n.length;a++)r(a);return t})),(0,u.Z)((0,i.Z)(s),"setCurrentQuestion",function(){var e=(0,r.Z)(f().mark((function e(n){var t,r,a,i,l,o,c,u,d,v=arguments;return f().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=v.length>1&&void 0!==v[1]&&v[1],r=s.props.questions,a=s.state,i=a.allAnswers,l=a.currentIndex,o=s.state.selectedAnswers,!(n>=r.length)){e.next=8;break}c=s.state.availableAnswers,e.next=26;break;case 8:if(!(n>0)){e.next=26;break}case 9:if(!(!c&&n>=0&&n<r.length)){e.next=26;break}if(!t){e.next=14;break}e.t0=s.state.availableAnswers,e.next=17;break;case 14:return e.next=16,s.fetchAnswers();case 16:e.t0=e.sent;case 17:if(!((null===(d=e.t0)||void 0===d||null===(u=d[n])||void 0===u?void 0:u.length)>0||n>=r.length-1&&(null===d||void 0===d?void 0:d[n])instanceof Error)){e.next=23;break}return c=d,e.abrupt("break",26);case 23:n>0&&n<r.length&&(t?n--:n++);case 24:e.next=9;break;

1case 26:n<l&&(o=o.slice(0,n+1)),0===n&&(c=i),s.setState({currentIndex:n,availableAnswers:c||[],selectedAnswers:o});case 29:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}()),(0,u.Z)((0,i.Z)(s),"getCurrentQuestion",(function(){var e=s.props.questions,n=s.state.currentIndex;return n<e.length?e[n]:e[n-1]})),(0,u.Z)((0,i.Z)(s),"handleSubmit",function(){var e=(0,r.Z)(f().mark((function e(n){var t,r,a;return f().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n.preventDefault(),t=s.props.baseCategoryUrl,r=s.getCurrentFilter(),a=g().stringify({filter:r}),!t){e.next=7;break}return e.next=7,p().push("/frontend/entry?seoUrl=".concat(t).concat(a?"&"+a:""),"".concat(t).concat(a?"?"+a:""),{scroll:!1});case 7:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}()),s.state={isLoading:!1,currentIndex:0,allAnswers:[],availableAnswers:[],selectedAnswers:[],fieldLabels:[]},s}return(0,s.Z)(t,[{key:"componentDidMount",value:function(){var e=this;this.fetchAnswers().then((function(n){e.setState({allAnswers:n,availableAnswers:n})}))}},{key:"render",value:function(){var e,n,t=this,r=this.props,a=r.headline,s=r.baseCategoryUrl,i=r.questions,l=this.state,o=l.error,c=l.isLoading,u=l.currentIndex,d=l.fieldLabels,f=l.allAnswers,v=l.availableAnswers,h=l.selectedAnswers;if(!i)return null;var p=this.getCurrentQuestion(),b=u>=i.length,g=(null===(e=h[u])||void 0===e?void 0:e.length)>0||!(null!==(n=v[u])&&void 0!==n&&n.length),x=b?d[u-1]:d[u],m=w()("filter-wizard__navigation mt-md-5",{"filter-wizard__navigation--collapsed":b}),Z=b?"primary":"link",N=b?"px-3":"text-primary text-case-initial text-underline p-0",L=w()("d-flex justify-content-center",{"justify-content-md-end":b,"py-3":!b});return(0,_.jsxs)("section",{className:"container filter-wizard mb-3",children:[(0,_.jsx)("h1",{children:a}),(0,_.jsx)("h2",{children:p.label}),o&&(0,_.jsx)(I.e3,{children:o}),!o&&(0,_.jsxs)("form",{action:s,onSubmit:this.handleSubmit,children:[i.map((function(e,n){return n>u?null:(0,_.jsx)(A,{field:e.field,isLoading:c,isPrevious:n!==u,isFinal:b,allAnswers:f[n],availableAnswers:v[n],selectedAnswers:h[n],customAnswers:null===e||void 0===e?void 0:e.customAnswers,setSelectedAnswers:t.setSelectedAnswers},"".concat(n,"-").concat(e.field))})),(0,_.jsxs)("div",{className:m,children:[(0,_.jsx)(y,{fieldLabel:x,disabled:c,highlightNext:g,currentIndex:u,questions:i,answers:h,setPage:this.setCurrentQuestion}),(0,_.jsx)("div",{className:L,children:(0,_.jsx)(k.Z,{type:"submit",disabled:c,variant:Z,className:N,children:(0,_.jsx)(E.Z,{text:"FILTER_SHOW_PRODUCTS"})})})]})]})]})}}]),t}(v.Component)}

1,72787:function(e,n){n.Z=function(e){return[{name:e("PALI_FILTER_WIZARD_WITH_HEADING"),description:e("PALI_FILTER_WIZARD_DESCRIPTION"),props:{headline:e("PALI_FILTER_WIZARD_HEADING"),baseCategoryUrl:"/hundefutter.html",questions:[{label:e("PALI_FILTER_WIZARD_QUESTION_ANIMAL"),field:"Tierart"},{label:e("PALI_FILTER_WIZARD_QUESTION_AGE"),field:"altersstufe"}]}},{name:e("PALI_FILTER_WIZARD_WITH_CUSTOM_ANSWERS"),description:e("PALI_FILTER_WIZARD_DESCRIPTION"),props:{baseCategoryUrl:"/hundefutter.html",questions:[{label:e("PALI_FILTER_WIZARD_QUESTION_BRAND"),field:"Marken",customAnswers:[{label:e("PALI_FILTER_WIZARD_CUSTOM_ANSWER"),key:"Wolfsblut"}]}]}}]}},48807:function(e,n,t){t.d(n,{Z:function(){return c}});var r=t(16835),a=t(50029),s=t(87794),i=t.n(s),l=t(67127),o=t(16337);function c(e){return u.apply(this,arguments)}function u(){return(u=(0,a.Z)(i().mark((function e(n){var t,a,s,c,u,d,f,v,h,p,b,g,x,w,m;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=n.ctx,a=t.query.seoUrl,s=new l.Z(t),c=s.getConstraints(),u=s.getAggregations(),d=s.getSorting(),f=s.getPagination(),v=(0,r.Z)(f,2),h=v[0],p=v[1],b=s.getBundles(),g=b.bundles,x=b.currentSlot,w={searchPhrase:"",isSearch:!1,enableAggregations:!0,url:encodeURI(a),aggregations:u,sorting:d,count:h,offset:p,bundles:g,constraints:c,customFilter:{"makaira-product":{not:[{field:"visible_in_catalog",operator:"eq",value:!1}]}}},x&&(w.slot=x),e.next=12,(0,o.Z)({body:w});case 12:return m=e.sent,e.abrupt("return",m);case 14:case"end":return e.stop()}}),e)})))).apply(this,arguments)}}}]);
2//# sourceMappingURL=1119-81cacc8fde8fd5bd.js.map