https://www.lysol.com/102-8d77a0715a512f16c260.js

1/*! For license information please see 102-8d77a0715a512f16c260.js.LICENSE.txt */
2"use strict";(self.webpackChunkhusky_site=self.webpackChunkhusky_site||[]).push([[102],{40102:function(e,s,t){t.r(s),t.d(s,{default:function(){return V}});var i=t(58168),n=t(37630),a=t(43385),l=t(32554),r=t(74848),o=t(32485),d=t.n(o),c=t(96540),u=t(75942),h=t(71083),p=t(93590),m=t(23832),v=t(35863),g=t(62052),w=t(66542);try{t(53404)}catch(M){if("MODULE_NOT_FOUND"!==M.code)throw M;console.warn("index.css / index-new.css not found, proceeding without it.")}function x(e,s,t,i){return new(t||(t=Promise))(function(n,a){function l(e){try{o(i.next(e))}catch(M){a(M)}}function r(e){try{o(i.throw(e))}catch(M){a(M)}}function o(e){var s;e.done?n(e.value):(s=e.value,s instanceof t?s:new t(function(e){e(s)})).then(l,r)}o((i=i.apply(e,s||[])).next())})}const A=({url:e,id:s,correlationId:t,body:i})=>x(void 0,void 0,void 0,function*(){try{const n=yield h.A.post(`${e}/${s}/response`,i,{headers:Object.assign({},t&&{"X-Correlation-Id":t})});return Object.assign(Object.assign({},n.data),{isSuccess:!0})}catch(M){return console.error(`Promo Quiz POST(send answers) Api Error - ${M}`),null}});var j,q,y,b;!function(e){e.question="Question",e.result="Result"}(j||(j={})),function(e){e.singleChoice="SingleChoice",e.multiChoice="MultiChoice"}(q||(q={})),function(e){e.GetPromoQuiz="GetPromoQuiz",e.SendAnswers="SendAnswers"}(y||(y={})),function(e){e.AddAnswer="AddAnswer",e.UpdateAnswer="UpdateAnswer",e.RemoveAnswer="RemoveAnswer",e.ResetAnswers="ResetAnswers",e.ResetAllAnswers="ResetAllAnswers"}(b||(b={}));const z=(e,s)=>{var t,i;switch(s.type){case b.AddAnswer:return[...e,{question:null===(t=s.payload)||void 0===t?void 0:t.question,answers:[null===(i=s.payload)||void 0===i?void 0:i.answer]}];case b.UpdateAnswer:return e.map(e=>{var t;return e.question.id===(null===(t=s.payload)||void 0===t?void 0:t.question.id)?Object.assign(Object.assign({},e),{answers:s.payload.question.questionType===q.singleChoice?[s.payload.answer]:[...e.answers,s.payload.answer]}):e});case b.RemoveAnswer:return e.map(e=>{var t;return e.question.id===(null===(t=s.payload)||void 0===t?void 0:t.question.id)?Object.assign(Object.assign({},e),{answers:e.answers.filter(e=>{var t;return e.id!==(null===(t=s.payload)||void 0===t?void 0:t.answer.id)})}):e});case b.ResetAllAnswers:default:return[]}},f=({className:e,title:s,tag:t="span",onClick:i,media:n,mediaAltText:l,onKeyDown:o})=>(0,r.jsxs)(t,Object.assign({className:e,onClick:i,onKeyDown:o,role:"button",tabIndex:0},{children:[n?(0,r.jsx)(g._,{className:"cds-promo-quiz-card__icon",src:n.url,alt:l||""}):null,(0,r.jsx)(a.u,{className:"cds-promo-quiz-card__heading",headline:s,align:"center",headlineSize:"xs",headlineWeight:"medium",descriptionSize:"s"})]})),T=({question:e,dispatchAnswers:s,selectedAnswers:t})=>{const i=t.find(s=>s.question.id===e.id),n=(t,n)=>{const a={id:e.id,title:e.title,alias:e.alias,questionType:e.questionType},l={id:t.id,title:t.title,alias:t.alias,media:t.media,mediaAltText:t.mediaAltText};s(i?n?{type:b.RemoveAnswer,payload:{question:a,answer:l}}:{type:b.UpdateAnswer,payload:{question:a,answer:l}}:{type:b.AddAnswer,payload:{question:a,answer:l}})},a=e=>{const s=Boolean(null==i?void 0:i.answers.some(s=>s.id===e.id));return(0,r.jsx)(f,{title:e.title,media:e.media,mediaAltText:e.mediaAltText,onClick:()=>n(e,s),onKeyDown:t=>((e,s,t)=>{"Enter"===e.key&&n(s,t)})(t,e,s),className:d()("cds-promo-quiz-card",{"cds-promo-quiz-card--active":s})},e.id)};return(0,r.jsx)("div",Object.assign({className:"cds-promo-quiz-answers"},{children:e.answers.map(e=>a(e))}))},N=({handleNextActiveSection:e,handlePrevActiveSection:s,previousButtonText:t,nextButtonText:i,question:n,dispatchAnswers:a,selectedAnswers:l})=>{const o=l.find(e=>e.question.id===n.id),d=!o||0===o.answers.length;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(T,{question:n,dispatchAnswers:a,selectedAnswers:l}),(0,r.jsxs)("div",Object.assign({className:"cds-promo-quiz-buttons"},{children:[s&&(0,r.jsx)(v.$,Object.assign({type:"button",variant:"secondary",size:"large",onClick:()=>s(null==o?void 0:o.question.id)},{children:t})),(0,r.jsx)(v.$,Object.assign({type:"button",size:"large",onClick:()=>e(null==o?void 0:o.question.id),disabled:d},{children:i}))]}))]})}

2,k=({handleAgain:e,callback:s,selectedAnswers:t,page:i,buttonText:n,noResultsText:a})=>((0,c.useEffect)(()=>{s&&s({resultType:i.resultType,resultKey:i.resultKey,resultValues:i.resultValues,selectedAnswers:t,noResultsText:a})},[t,s,i,a]),(0,r.jsxs)("div",Object.assign({className:"cds-promo-quiz-result-page"},{children:[(0,r.jsx)("div",Object.assign({className:"cds-promo-quiz-result-page__items"},{children:t.map(e=>e.answers.map(e=>(0,r.jsx)(f,{title:e.title,media:e.media,mediaAltText:e.mediaAltText,className:d()("cds-promo-quiz-card","cds-promo-quiz-card--summary")},e.id)))})),(0,r.jsx)(v.$,Object.assign({type:"button",variant:"secondary",onClick:e,size:"large"},{children:n}))]}))),O=({data:e,selectedAnswers:s,dispatchAnswers:t,callback:i,handlePrevActiveSection:n,handleAgain:l,handleNextActiveSection:o,dataCslp:c})=>{var u,h;const v=null===(u=e.sections)||void 0===u?void 0:u[0];if(!v)return null;const g=v.pages[0],w=null===(h=g.questions)||void 0===h?void 0:h[0];return(0,r.jsxs)("div",Object.assign({className:d()("cds-promo-quiz-container",{"cds-promo-quiz-container--question":g.pageType===j.question,"cds-promo-quiz-container--result":g.pageType===j.result})},c,{children:[(0,r.jsx)(m.o,{className:"cds-promo-quiz-container__progress",variant:"body",size:"l",tag:"span",content:v.title}),(0,r.jsx)(a.u,{align:"center",className:"cds-promo-quiz__heading",headline:(null==w?void 0:w.title)||(null==g?void 0:g.title),headlineTag:"h2",headlineVariant:"headline",headlineSize:"xxxl"}),(null==w?void 0:w.description)?(0,r.jsx)(p.f,{className:"cds-promo-quiz-container__description",text:w.description}):null,g.pageType===j.question?(0,r.jsx)(N,{nextButtonText:e.nextButtonText,previousButtonText:e.previousButtonText,handleNextActiveSection:o,handlePrevActiveSection:n,question:w,dispatchAnswers:t,selectedAnswers:s}):(0,r.jsx)(k,{handleAgain:l,callback:i,selectedAnswers:s,page:g,buttonText:e.restartButtonText,noResultsText:e.noResultsText})]}))},R=({data:e,startQuiz:s})=>(0,r.jsxs)("div",Object.assign({className:"cds-promo-quiz-intro"},{children:[(0,r.jsx)(a.u,{className:"cds-promo-quiz__heading",headline:e.title,align:"center",headlineTag:"h2",headlineVariant:"headline",headlineSize:"xxxl",description:e.description,descriptionVariant:"body",descriptionSize:"xxl"}),(0,r.jsx)(v.$,Object.assign({type:"button",onClick:s,size:"large"},{children:e.startButtonText}))]})),_=()=>(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",Object.assign({className:"cds-promo-quiz__skeleton-title"},{children:[(0,r.jsx)(w.E,{width:"50%",height:50}),(0,r.jsxs)("div",Object.assign({className:"cds-promo-quiz__skeleton-subtitle"},{children:[(0,r.jsx)(w.E,{width:"42%",height:20}),(0,r.jsx)(w.E,{width:"30%",height:20}),(0,r.jsx)(w.E,{width:"40%",height:20})]}))]})),(0,r.jsxs)("div",Object.assign({className:"cds-promo-quiz__skeleton-blocks"},{children:[(0,r.jsx)(w.E,{width:"10%",height:130}),(0,r.jsx)(w.E,{width:"10%",height:130}),(0,r.jsx)(w.E,{width:"10%",height:130}),(0,r.jsx)(w.E,{width:"10%",height:130}),(0,r.jsx)(w.E,{width:"10%",height:130})]}))]}),C=({url:e,quizId:s,callback:t,errorMessage:i,$:n})=>{const a=(0,u.useQueryClient)(),l="true"==={}.GATSBY_PROMO_PLATRFOM_QUIZ_SKIP_INTRO,[o,d]=(0,c.useState)(void 0),[p,m]=(0,c.useState)(),[v,g]=(0,c.useState)(0),[w,j]=(0,c.useState)(l),{data:q,isLoading:f,isError:T}=(0,u.useQuery)([y.GetPromoQuiz,s,v],()=>(({url:e,id:s,correlationId:t,direction:i})=>x(void 0,void 0,void 0,function*(){try{const n=i?`?direction=${i}`:"",a=yield h.A.get(`${e}/${s}${n}`,{headers:Object.assign({},t&&{"X-Correlation-Id":t})}),l=a.headers["x-correlation-id"];return Object.assign(Object.assign({},a.data),{headerId:l})}catch(M){return console.error(`Promo Quiz GET(get data) Api Error - ${M}`),null}}))({url:e,id:s,correlationId:o,direction:p}),{refetchOnWindowFocus:!1}),{mutateAsync:N,isLoading:k,isError:C}=(0,u.useMutation)(A),[I,S]=(0,c.useReducer)(z,[]),E=(0,c.useCallback)(t=>x(void 0,void 0,void 0,function*(){const i={quizVersion:(null==q?void 0:q.version)||0,questionResponses:I.filter(e=>e.question.id===t).map(e=>({questionId:e.question.id,answers:e.answers.map(e=>e.id)}))},n=yield N({url:e,id:s,body:i,correlationId:null==q?void 0:q.headerId});(null==n?void 0:n.isSuccess)&&(g(v+1),m("next"),d(null==q?void 0:q.headerId))}),[null==q?void 0:q.version,null==q?void 0:q.headerId,I,N,e,s,v]),P=(0,c.useCallback)(()=>{v>0?(g(v-1),m("previous")):l||j(!1)},[v,l]),$=(0,c.useCallback)(()=>{t&&t({resultType:"",resultKey:"",resultValues:[],selectedAnswers:[]}),a.removeQueries([y.GetPromoQuiz,s]),g(0),d(void 0),m(void 0),S({type:b.ResetAllAnswers,payload:null})},[t,a,s]),Q=(0,c.useCallback)(()=>{j(!0)},[j]);return f||k?(0,r.jsx)(_,{}):((T||C)&&(0,r.jsx)("div",Object.assign({className:"cds-promo-quiz-error"},null==n?void 0:n.errorMessage,{children:i})),q?w?(0,r.jsx)(O,{data:q,selectedAnswers:I,dispatchAnswers:S,callback:t,handlePrevActiveSection:l&&0===v?void 0:P,handleAgain:$,handleNextActiveSection:E,dataCslp:null==n?void 0:n.quizId}):(0,r.jsx)(R,{data:q,startQuiz:Q}):null)},I=new u.QueryClient,S=(0,c.forwardRef)(({className:e,quizId:s,url:t,callback:i,errorMessage:n,dataCslp:a,$:l},o)=>(0,r.jsx)("div",Object.assign({ref:o,className:d()("cds-promo-quiz-block",e),"data-testid":"promo-quiz-block"},a,{children:(0,r.jsx)(u.QueryClientProvider,Object.assign({client:I},{children:(0,r.jsx)(C,{quizId:s,url:t,callback:i,errorMessage:n,$:l})}))})));var E=t(55268),P=t(2637),$=t(72121),Q=t(39320);const B="RedirectUrl",U="filteredItemListingGrid";var V=(0,c.forwardRef)((e,s)=>{let{pageBlockUI:t,componentId:r,heading:o,quiz:{quizId:d,url:u,$

2:h},uid:p,$:v}=e;const{allContentstackItemListingGrid:{nodes:g}}=(0,E.useStaticQuery)("3234554355"),{0:w,1:x}=(0,c.useState)(),{currentLang:{locale:A}}=(0,$.F)(),j=(0,c.useCallback)(e=>{var s,t;e?null!==(s=e.resultValues)&&void 0!==s&&s.length?e.resultType===B&&null!==(t=e.resultValues)&&void 0!==t&&t[0]?(e=>{try{new URL(e,window.location.href).origin===window.location.origin?(0,E.navigate)(e):window.location.assign(e)}catch{window.location.assign(e)}})(e.resultValues[0]):x(e):x(e.noResultsText?e:void 0):x(void 0)},[]),{listingProps:q,hasNoResults:y}=(0,c.useMemo)(()=>{const{resultValues:e,resultKey:s,selectedAnswers:t}=w||{};if(!w)return{listingProps:null,hasNoResults:!1};if(!e||0===e.length)return{listingProps:null,hasNoResults:!0};const i=g.find(s=>(null==e?void 0:e.includes(s.uid))&&A===s.publishDetails.locale);if(!i)return{listingProps:null,hasNoResults:!0};if(s===U&&t){const e=t.map(e=>{let{question:{id:s},answers:t}=e;return{questionId:s,answersAliases:t.map(e=>{let{alias:s}=e;return s})}}),s=i.items[0].items.filter(s=>{let{categories:t}=s;return e.every(e=>{let{answersAliases:s}=e;return t.some(e=>{let{title:t}=e;return s.includes(t)})})});return 0===s.length?{listingProps:null,hasNoResults:!0}:{listingProps:(0,Q.H6)({...i,items:[{...i.items[0],items:s}]},p),hasNoResults:!1}}return{listingProps:(0,Q.H6)(i,p),hasNoResults:!1}},[w,g,p,A]);return c.createElement(l.B,(0,i.A)({},t,{id:r,className:"promo-quiz",componentUid:p,ref:s,dataCslp:null==v?void 0:v.pageBlockUI}),o?c.createElement(a.u,(0,i.A)({},o,null==v?void 0:v.heading)):null,c.createElement(S,{callback:j,quizId:d,url:u,dataCslp:null==v?void 0:v.quiz,$:h}),y&&null!=w&&w.noResultsText?c.createElement(n.m,{maxWidth:"full-width",className:"filter-no-results",role:"status"},c.createElement(m.o,{content:w.noResultsText,variant:"body",size:"l",tag:"p",align:"center",className:"filter-no-results__text"})):null,q?c.createElement("div",{className:"promo-quiz__listing"},c.createElement(P.default,q)):null)})},53404:function(e,s,t){t.r(s)}}]);