https://autoshack.ca/mobify/bundle/4196/pages-resources.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[549],{997:(e,t,a)=>{a.d(t,{A:()=>p});var l=a(7711),o=a(77810),r=a(64965),n=a(34692),s=a(72938),i=a(39972),c=a(85675),u=a(77100),d=a(65366);const p=()=>{var e,t,a;const{formatMessage:p}=(0,n.A)(),g=(0,l.A)(),{category:m,pageId:v=""}=(0,r.g)(),{data:h}=(()=>{const{error:e,page:t,isLoading:a}=(0,c.U)(i.b.resourceSidebarArticles),l=(0,o.useMemo)(()=>t?{pageCollection:(0,u.J)(t,i.b.resourceArticlesComponent)}:null,[t]);return e?{data:null,error:e,isLoading:a}:{data:l,error:e,isLoading:a}})(),{data:E}=(()=>{const{error:e,page:t,isLoading:a}=(0,c.U)(i.b.resourceSidebarCategories),l=(0,o.useMemo)(()=>t?{categoriesCollection:(0,u.J)(t,i.b.resourceCategoriesComponent)}:null,[t]);return e?{data:null,error:e,isLoading:a}:{data:l,error:e,isLoading:a}})(),f=(0,o.useMemo)(()=>m&&v?`${m}/${v}`:null,[m,v]),{data:y,isLoading:b}=(e=>{if(!e)return{data:null,error:!1,isLoading:!1};const t=(0,o.useMemo)(()=>null==e?void 0:e.replace("/",":"),[e]),{page:a,error:l,isLoading:r}=(0,c.U)(`resource_${t}`),n=(0,o.useMemo)(()=>a?(0,u.z)(a,"Resource Page"):null,[a]),s=(0,o.useMemo)(()=>n?{pageCollection:n}:null,[n]);return l?{data:null,error:l,isLoading:r}:{data:s,error:l,isLoading:r}})(f),C=null==y||null===(e=y.pageCollection)||void 0===e?void 0:e.items[0],x=null==C||null===(t=C.sectionsCollection)||void 0===t?void 0:t.items,A=null==C?void 0:C.url,M=f?m:null==A||null===(a=A.split("/"))||void 0===a?void 0:a[0],w=null==C?void 0:C.pageLabel,[L,_]=(0,o.useState)(""),[k]=(0,s.U)(`(min-width: ${d.A.xl})`),[D,S]=(0,o.useState)(""),U=(0,o.useMemo)(()=>{var e;return null==h||null===(e=h.pageCollection)||void 0===e?void 0:e.items.map((e,t)=>({pageLabel:null==e?void 0:e.pageLabel,url:`/pages/resources/${null==e?void 0:e.url}`,pageType:null==e?void 0:e.pageType,id:`sideBarArray-${t}`}))},[h]),T=(0,o.useMemo)(()=>{var e;return null==E||null===(e=E.categoriesCollection)||void 0===e?void 0:e.items.map((e,t)=>{var a;return{pageLabel:null==e?void 0:e.title,url:`/pages/resources/${null==e?void 0:e.url}`,id:`categorySideBar-${t}`,subItems:null==e||null===(a=e.pagesCollection)||void 0===a?void 0:a.items,categoryName:null==e?void 0:e.title}})},[E]),$=(0,o.useMemo)(()=>{var e;return null==U||null===(e=U.filter(e=>e.pageType==="articles".toLowerCase()))||void 0===e?void 0:e.map(e=>({label:null==e?void 0:e.pageLabel,value:null==e?void 0:e.url}))},[U]),I=(0,o.useMemo)(()=>[{name:p({id:"application-routes.Home",defaultMessage:[{type:0,value:"Home"}]}),url:"/"},{url:"/pages/resources",name:p({id:"resources.page.heading",defaultMessage:[{type:0,value:"Resources"}]})},D&&{url:`/pages/resources/${A}`,name:D},w&&{url:`/pages/resources/${A}`,name:w,isCurrentPage:!0}].filter(e=>e&&e.url&&e.name),[A,w,D]);function B(e){const t=T.find(t=>t.subItems.some(t=>t.pageLabel.trim()===e.trim()));return t?t.categoryName:null}return(0,o.useEffect)(()=>{if(w&&T){const e=B(w);S(e)}},[w,T]),(0,o.useEffect)(()=>{const e=null==$?void 0:$.find(e=>e.value===`/pages/resources/${A}`);_(e)},[$,A]),{richContent:x,sideBarArray:U,categorySideBarArray:T,dropDownOptions:$,selectedOption:L,handleChange:e=>{g(e.value),_(e.value);const t=B(e.label);S(t)},breadcrumbData:I,pageUrl:A,pageLabel:w,categoryVal:M,isDesktop:k,setSelectedCategory:S,categoryTitle:B,isResourcesLoading:b}}},63878:(e,t,a)=>{a.d(t,{A:()=>T});var l=a(64180),o=a(75826),r=a.n(o),n=a(77810),s=a(34692),i=a(54443),c=a(11692),u=a(91311),d=a(27821),p=a(49290),g=a(82024),m=a(41863),v=a(72938),h=a(7094),E=a(95266),f=a(60309),y=a(89257),b=a(54685),C=a(55412),x=a(66258),A=a(44346);const M={contact:{id:"contact_us_page.card.contact_us.subtitle",defaultMessage:"Fill out the simple form below, and our team will respond to your message within 24 hours."},text:{id:"contact_us_page.card.text_us.subtitle",defaultMessage:"Text us your question, and our team will reply within 24 hours."},call:{id:"contact_us_page.card.call_us.subtitle",defaultMessage:"If you'd prefer to speak with a person, call our toll-free number. We'll be happy to answer your question or direct you to the appropriate department."}},w=e=>{var t,a,o,r,p,w;const{formatMessage:L}=(0,s.A)(),_=(0,i.o5)(g.UM.contactUsFooter),k=null===(t=(0,v.U)(["(min-width: 1024px)"]))||void 0===t?void 0:t[0],{data:D}=(0,y.q)(),{data:S}=(0,f.J)(),{locale:U}

1=(0,b.A)(),{isOpen:T,onOpen:$,onClose:I}=(0,h.j)(),[B,O]=(0,n.useState)({message:"",type:"success"}),F="contact"===(null==e||null===(a=e.cta)||void 0===a||null===(o=a.url)||void 0===o?void 0:o.toLowerCase()),P=(e=>{var t;const a=(null==e||null===(t=e.url)||void 0===t?void 0:t.toLowerCase())??"";return"contact"===a?"contact":a.startsWith("sms:")?"text":a.startsWith("tel:")?"call":null})(null==e?void 0:e.cta),z="call"===P;if(null!=e&&null!==(r=e.locale)&&void 0!==r&&r.length&&!e.locale.includes(U.id))return null;const H=null!=e&&e.isContactUsPage&&P?M[P]:null,R=H?L(H):null==e?void 0:e.subtitle;return n.createElement(c.s,_.cardRootContainer,(null==e?void 0:e.icon)&&n.createElement(c.s,_.cardIcon,n.createElement(x.A,{name:e.icon.id,iconStyles:{height:e.icon.size??32,width:e.icon.size??32}})),(null==e?void 0:e.title)&&n.createElement(u.D,_.cardHeading,e.title),R&&n.createElement(d.E,_.cardDescription,R),(null==e?void 0:e.isContactUsPage)&&z&&n.createElement(d.E,_.cardDescription,n.createElement(m.A,{id:"contact_us_page.card.call_us.hours",defaultMessage:[{type:0,value:"We're available to answer calls on "},{type:8,value:"strong",children:[{type:0,value:"Monday through Saturday from 9 AM to 6 PM EST"}]},{type:0,value:"."}],values:{strong:e=>n.createElement("strong",null,e)}})),(null==e?void 0:e.ctaLabel)&&n.createElement(u.D,_.actionHeading,e.ctaLabel),((null==e||null===(p=e.cta)||void 0===p?void 0:p.text)||(null==B?void 0:B.message))&&n.createElement(c.s,{dir:"row",alignItems:"center",gap:8},(null==e||null===(w=e.cta)||void 0===w?void 0:w.text)&&n.createElement(E.$,(0,l.A)({},_.cardButton,{onClick:()=>{F?"function"==typeof(null==e?void 0:e.onContactClick)?e.onContactClick():$():(e=>{if("chat"===(null==e?void 0:e.url)){const e=document.getElementById("talkdesk-chat-widget-trigger");return void(null==e||e.click())}k?navigator.clipboard.writeText(null==e?void 0:e.url).then(()=>{O({message:"Copied to clipboard",type:"success"}),setTimeout(()=>{O({message:"",type:""})},3e3)}):window.open(null==e?void 0:e.url)})(null==e?void 0:e.cta)}}),e.cta.text),(null==B?void 0:B.message)&&n.createElement(d.E,{color:"success"===B.type?C.A.green[400]:C.A.red[400],size:8},B.message)),(null==e?void 0:e.content)&&!(null!=e&&e.isContactUsPage)&&n.createElement(d.E,(0,l.A)({},_.actionNote,{dangerouslySetInnerHTML:{__html:e.content}})),F&&"function"!=typeof(null==e?void 0:e.onContactClick)&&n.createElement(A.A,{isContactFormOpen:T,openContactForm:$,closeContactForm:I,iconStyles:_.cardIcon,contactUsForm:D,customer:S}))};w.propTypes={contactUsData:r().object,onContactClick:r().func,isContactUsPage:r().bool};const L=w;var _=a(62539),k=a(92519),D=a(25109);const S=()=>n.createElement(_.az,{flex:"0 0 auto",style:{scrollSnapAlign:"start"}},n.createElement(k.B,{"data-testid":"contact-us-item-skeleton"},n.createElement(D.E,{backgroundColor:"blue.500",height:"300px",width:"300px"}))),U=({onContactClick:e,headerStylesOverride:t,isContactUsPage:a=!1})=>{var o,r;const{formatMessage:m}=(0,s.A)(),{data:v}=(0,p.T4)(),h=(0,i.o5)(g.UM.contactUsFooter),E=(0,n.useMemo)(()=>{var e,t;return null==v||null===(e=v.contentGridCollection)||void 0===e||null===(t=e.items)||void 0===t?void 0:t[0]},[v]);return E?n.createElement(c.s,h.container,n.createElement(c.s,h.topContent,(null==E?void 0:E.heading)&&n.createElement(u.D,t||h.heading,E.heading),a&&n.createElement(d.E,(0,l.A)({},h.subTitle,{textAlign:"center",sx:{textWrap:"balance"}}),m({id:"contact_us_page.intro_blurb",defaultMessage:[{type:0,value:"Feel free to reach out to our AutoShack team if you need more information about a product, shipping, in-store pickup, or another topic. You can easily reach us via our online form, text, or phone call. We guarantee a quick response to messages within 24 hours."}]}))),n.createElement(c.s,h.cardContainer,null==E||null===(o=E.itemsCollection)||void 0===o||null===(r=o.items)||void 0===r?void 0:r.map((t,o)=>n.createElement(L,(0,l.A)({key:o},t,{onContactClick:e,isContactUsPage:a}))))):n.createElement(c.s,{direction:{base:"column",md:"row"},justifyContent:"center",gap:{base:24,xl:40},p:80},new Array(3).fill(0).map((e,t)=>n.createElement(S,{key:t}

1)))};U.propTypes={invertDirection:r().bool,data:r().object,onContactClick:r().func,headerStylesOverride:r().object,isContactUsPage:r().bool};const T=U},75430:(e,t,a)=>{a.r(t),a.d(t,{default:()=>M});var l=a(64180),o=a(77810),r=a(84529),n=a.n(r),s=a(54443),i=a(25109),c=a(27821),u=a(3253),d=a(91311),p=a(62539),g=a(59247),m=a(11692),v=a(82024),h=a(88353),E=a(34692),f=a(41863),y=a(50054),b=a(997),C=a(22471),x=a(66258),A=a(63878);const M=()=>{const{formatMessage:e}=(0,E.A)(),t=(0,s.o5)(v.UM.resources),{sideBarArray:a,categorySideBarArray:r,isResourcesLoading:M}=(0,b.A)(),w=(0,o.useMemo)(()=>n().filter(a,{pageType:"articles".toLowerCase()}),[a]),L=(0,o.useMemo)(()=>[{name:e({id:"application-routes.Home",defaultMessage:[{type:0,value:"Home"}]}),url:"/"},{url:"/pages/resources",name:e({id:"resources.page.heading",defaultMessage:[{type:0,value:"Resources"}]}),isCurrentPage:!0}],[]);return o.createElement(p.az,t.page,o.createElement(y.A,{title:e({id:"resources_page.seo.title",defaultMessage:[{type:0,value:"Resources | AutoShack.com"}]}),description:e({id:"resources_page.seo.description",defaultMessage:[{type:0,value:"AutoShack Resources - Check out some of our handy resources on various parts. Our resources include helpful 'how-to' information, including videos and articles."}]})}),o.createElement(p.az,{mb:{base:32,xl:40}},M?o.createElement(i.E,{height:"24px",width:"200px"}):o.createElement(h.A,{items:L})),o.createElement(m.s,{gap:"24px",flexDir:"column"},o.createElement(d.D,(0,l.A)({variant:"h2",size:"h2",as:"h1"},t.pageTitle),M?o.createElement(i.E,{height:"32px",width:"150px"}):o.createElement(f.A,{defaultMessage:[{type:0,value:"Resources"}],id:"resources.page.heading"})),o.createElement(c.E,null,M?o.createElement(i.E,{height:"20px",width:"300px"}):o.createElement(f.A,{defaultMessage:[{type:0,value:"Check back often as new resources are added each week!"}],id:"resources.page.subheading"}))),o.createElement(m.s,{gap:"24px",flexDir:"column",marginTop:"40px"},o.createElement(d.D,(0,l.A)({variant:"h3",size:"h3",as:"h1"},t.pageTitle),M?o.createElement(i.E,{height:"28px",width:"120px"}):o.createElement(f.A,{defaultMessage:[{type:0,value:"Categories"}],id:"resources.page.section_heading.categories"})),o.createElement(u.x,{gridTemplateColumns:{base:"1fr",md:"1fr 1fr",lg:"1fr 1fr 1fr"},gap:"24px"},M?[...Array(6)].map((e,t)=>o.createElement(i.E,{key:t,height:"40px",width:"100%"})):null==r?void 0:r.map(e=>o.createElement(m.s,{key:e.id,flexDirection:"column",gap:"4px"},o.createElement(c.E,{height:"40px",fontFamily:"Inter",color:v.B$.grey[700]},e.pageLabel),e.subItems.map((e,t)=>o.createElement(C.A,{url:`/pages/resources/${null==e?void 0:e.url}`,key:(null==e?void 0:e.id)||t,buttonStyles:{textDecoration:"none",color:v.B$.brand.blue,display:"flex",gap:"12px",height:"40px",alignItems:"center",fontFamily:"Inter"}},o.createElement(x.A,{name:"newspaper"}),null==e?void 0:e.pageLabel)))))),o.createElement(m.s,{gap:"24px",flexDir:"column",marginTop:"40px"},o.createElement(d.D,(0,l.A)({variant:"h3",size:"h3",as:"h1"},t.pageTitle),M?o.createElement(i.E,{height:"28px",width:"100px"}):o.createElement(f.A,{defaultMessage:[{type:0,value:"Articles"}],id:"resources.page.section_heading.articles"})),o.createElement(u.x,{gridTemplateColumns:{base:"1fr",md:"1fr 1fr",lg:"1fr 1fr 1fr"},gap:"24px"},M?[...Array(6)].map((e,t)=>o.createElement(i.E,{key:t,height:"40px",width:"100%"})):w.map(e=>o.createElement(C.A,{url:null==e?void 0:e.url,key:null==e?void 0:e.id,buttonStyles:{textDecoration:"none",color:v.B$.brand.blue,display:"flex",gap:"12px",height:"40px",alignItems:"center",fontFamily:"Inter"}},o.createElement(x.A,{name:"newspaper"}),null==e?void 0:e.pageLabel)))),o.createElement(g.c,{mt:{base:"48px",lg:"80px"}}),o.createElement(A.A,null))}}}]);