https://www.granddesignrv.com/etc.clientlibs/granddesignrv/clientl…ub-navigation-multi-level.10ef9d1e.chunk.js

1"use strict";(globalThis.webpackChunkui_frontend_react||=[]).push([[6655],{398(e,t,n){n.r(t),n.d(t,{default:()=>h});var s=()=>n(6864),i=n(5043),a=n(579);s();const l=e=>{if(!e)return;const t=new Image;return t.src=e,t},r=e=>{let{icon:t,description:n,buttonText:s,listItems:i,buttonLink:l,onHoverListItem:r,onLeaveListItem:c}=e;return(0,a.jsxs)("div",{className:"shop-card nav-card-2",children:[(0,a.jsx)("div",{className:"card-icon",children:(0,a.jsx)("a",{href:`${l}`,children:(0,a.jsx)("img",{src:t,alt:"Resource Image"})})}),n&&(0,a.jsx)("div",{className:"card-description",children:(0,a.jsx)("p",{className:"ml",children:n})}),(0,a.jsx)("div",{className:"button-width",children:(0,a.jsx)("a",{href:`${l}`,children:(0,a.jsx)("button",{className:"card-button",children:s})})}),i&&(0,a.jsx)("ul",{className:"card-list ml",children:i.map((e,t)=>(0,a.jsx)("li",{onMouseEnter:()=>r&&r(e),onMouseLeave:c,children:(0,a.jsx)("a",{href:`${e.navPath}`,"data-label":e.navTitle,children:(0,a.jsx)("span",{children:e.navTitle})})},t))})]})},c=function(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").replace(/\bRVS\b/g,"RVs")},d=e=>{let{subnavdata:t,calloutdata:n,heading:s,subheading:d,designcheckbox:o,displaylink:m,displaytext:u,displaytitle:h}=e;const[x,v]=(0,i.useState)(null),b=(e=>Array.isArray(e)?e.length&&e[0].subnavItems?e:[{subnavItems:e}]:[])(t||[]);(0,i.useEffect)(()=>{b.forEach(e=>{(e.subnavItems||[]).forEach(e=>{l(e.imagePath),(e.subnavitemslist||[]).forEach(e=>l(e.navImagePath))})})},[b]);const p=e=>{v(e)},g=()=>{v(null)};return o?(0,a.jsxs)(a.Fragment,{children:[h&&(0,a.jsxs)("div",{className:"resources-group",children:[(0,a.jsx)("span",{children:h}),u&&(0,a.jsx)("a",{href:`${m}`,children:(0,a.jsx)("button",{children:u})})]}),h&&(0,a.jsx)("hr",{}),(0,a.jsx)("div",{className:"subnav-menus-wrapper owners-hub-container",children:b.map((e,t)=>(0,a.jsx)("div",{className:"shop-cards-container ml owners-hub-menu-row",children:(e.subnavItems||[]).map((e,t)=>(0,a.jsx)(r,{icon:e.imagePath,buttonText:e.buttonText,buttonLink:e.buttonLink},t))},t))})]}):(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{className:"banner multi-level-subnav-banner",children:(0,a.jsxs)("div",{className:"menu-hover",children:[(0,a.jsx)("div",{className:"hovered-image","aria-live":"polite",children:x&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("img",{src:x.navImagePath,alt:""}),(0,a.jsx)("span",{children:x.imageMsrp})]})}),(0,a.jsx)("div",{className:"subnav-menus",children:b.map((e,t)=>(0,a.jsxs)("section",{className:"subnav-menu-group",children:[e.menuTitle&&(0,a.jsx)("h2",{className:"subnav-menu-title",children:c(e.menuTitle)}),(0,a.jsx)("div",{className:"subnav-menu-row shop-cards-container ml subnav-menus-wrapper",children:(e.subnavItems||[]).map((e,t)=>(0,a.jsx)(r,{icon:e.imagePath,description:e.description,buttonText:e.buttonText,buttonLink:e.buttonLink,listItems:e.subnavitemslist,onHoverListItem:p,onLeaveListItem:g},t))})]},t))}),"null"!==n&&n&&s&&d&&(0,a.jsxs)("div",{className:"info-box ml",children:[(0,a.jsx)("div",{className:"title",children:s}),(0,a.jsx)("div",{className:"description",children:d}),n.map(e=>(0,a.jsx)("div",{className:"button-container",children:(0,a.jsx)("a",{href:`${e.buttonPath}`,rel:"noopener noreferrer",children:(0,a.jsx)("button",{children:e.buttonTitle})})},e.buttonTitle))]})]})})})},o=e=>{if(!e)return;const t=new Image;return t.src=e,t},m=e=>Array.isArray(e)&&0!==e.length?e[0]&&e[0].subnavItems?e.map(e=>({menuTitle:e.menuTitle||"",items:(e.subnavItems||[]).map(t=>({...t,parentMenuTitle:e.menuTitle||t.parentMenuTitle||""}))})):[{menuTitle:"",items:e.map(e=>({...e,parentMenuTitle:e.parentMenuTitle||""}))}]:[],u=e=>{let{subnavdata:t,calloutdata:n,heading:s,subheading:l,designcheckbox:r,displaylink:c,displaytext:d,displaytitle:u}=e;const[h,x]=(0,i.useState)(()=>m(t)),[v,b]=(0,i.useState)(0),[p,g]=(0,i.useState)(()=>{const e=m(t);return e[0]&&e[0].items||[]}),[j,f]=(0,i.useState)(1);(0,i.useEffect)(()=>{const e=m(t);x(e),b(0);const n=e[0]&&e[0].items||[];g(n),f(1)},[t]),(0,i.useEffect)(()=>{p.forEach(e=>

1{o(e.imagePath),(e.subnavitemslist||[]).forEach(e=>o(e.navImagePath))})},[p]);return(0,i.useEffect)(()=>{const e=()=>{setTimeout(()=>{const e=h[v]||{items:[]};g(e.items||[]),f(1)},200)},t=document.querySelector("span.header-back-btn");return 2===j&&t&&t.addEventListener("click",e),()=>{null===t||void 0===t||t.removeEventListener("click",e)}},[j,h,v]),(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("div",{className:"banner",children:[(0,a.jsx)("div",{className:"menu-hover",children:(0,a.jsx)("nav",{className:"header-nav",children:1===j?h.map((e,t)=>(0,a.jsxs)("div",{className:"mobile-menu-group",style:{marginBottom:16},children:[e.menuTitle?(0,a.jsx)("div",{className:"mobile-menu-heading",style:{padding:"8px 12px",fontWeight:700},children:e.menuTitle}):null,(0,a.jsx)("ul",{className:`sub-navigation-level-${j}`,style:{padding:0,margin:0},children:e.items.map((e,n)=>(0,a.jsxs)("li",{className:"mob-header-list-li mobile-parent-item",style:{listStyle:"none",borderBottom:"1px solid #e6e6e6",display:"flex",alignItems:"center",justifyContent:"space-between",padding:"12px",cursor:"pointer",backgroundColor:e.isButton?"#bb0a0a":"transparent"},onClick:n=>{n.preventDefault(),2!==j&&e.subnavitemslist?((e,t)=>{const n=(e||[]).map(e=>({...e,imagePath:e.navImagePath,buttonText:e.navTitle}));b(t),g(n),f(2)})(e.subnavitemslist||[],t):window.location.href=`${e.navPath||e.buttonLink}`},children:[(0,a.jsxs)("div",{style:{width:"100%",display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"},children:[(0,a.jsx)("div",{style:{width:56,height:56,display:"flex",alignItems:"center",justifyContent:"center",marginBottom:8},children:(0,a.jsx)("img",{src:e.imagePath,alt:e.buttonText||e.navTitle,style:{maxWidth:"100%",maxHeight:"100%"}})}),(0,a.jsx)("div",{style:{fontWeight:700,fontSize:15,color:"#000"},children:e.buttonText||e.navTitle}),e.imageMsrp?(0,a.jsx)("div",{style:{fontSize:12,color:"#666",marginTop:6},children:e.imageMsrp}):null]}),(0,a.jsx)("span",{style:{marginLeft:12},children:(0,a.jsx)("i",{className:"fa fa-regular fa-chevron-right"})})]},`g${t}-i${n}`))})]},`group-${t}`)):(0,a.jsx)("ul",{className:`sub-navigation-level-${j}`,style:{padding:0,margin:0},children:p.map((e,t)=>(0,a.jsxs)("li",{className:"mob-header-list-li mobile-child-item",style:{listStyle:"none",borderBottom:"1px solid #e6e6e6",padding:"12px",display:"flex",alignItems:"center",cursor:"pointer",gap:12},onClick:t=>{t.preventDefault(),window.location.href=`${e.navPath||e.buttonLink}`},children:[(0,a.jsx)("div",{style:{width:56,height:56,display:"flex",alignItems:"center",justifyContent:"center",marginRight:12},children:(0,a.jsx)("img",{src:e.imagePath,alt:e.buttonText||e.navTitle,style:{maxWidth:"100%",maxHeight:"100%"}})}),(0,a.jsxs)("div",{style:{flex:1},children:[(0,a.jsx)("div",{style:{fontWeight:700},children:e.buttonText}),e.imageMsrp?(0,a.jsx)("div",{style:{fontSize:12,color:"#666"},children:e.imageMsrp}):null]})]},`level2-${t}`))})})}),"null"!==n&&n&&s&&l&&1===j&&(0,a.jsxs)("div",{className:"info-box",style:{position:"unset",width:"100%"},children:[(0,a.jsx)("div",{className:"title",children:s}),(0,a.jsx)("div",{className:"description",children:l}),n.map(e=>(0,a.jsx)("div",{className:"button-container",children:(0,a.jsx)("a",{href:`${e.buttonPath}`,target:"_blank",rel:"noopener noreferrer",children:(0,a.jsx)("button",{children:e.buttonTitle})})},e.buttonPath))]})]})})};s();const h=e=>{let{subnavdata:t,calloutdata:n,heading:s,subheading:l,designcheckbox:r,displaylink:c,displaytext:o,displaytitle:m}=e;const[h,x]=(0,i.useState)("");return(0,i.useEffect)(()=>{const e=()=>{const e=window.innerWidth;x(e<768?"mobile":e<=1024?"tablet":"desktop")};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),(0,a.jsx)(a.Fragment,{children:"desktop"===h?(0,a.jsx)(d,{subnavdata:t,calloutdata:n,heading:s,subheading:l,designcheckbox:r,displaylink:c,displaytext:o,displaytitle:m}):(0,a.jsx)(u,{subnavdata:t,calloutdata:n,heading:s,subheading:l,designcheckbox:r,displaylink:c,displaytext:o,displaytitle:m})})}},6864(){}}]);
2//# sourceMappingURL=sub-navigation-multi-level.10ef9d1e.chunk.js.map