{"version":3,"file":"31.5174f15f6dea820c.js","mappings":"iJAIA,MAUMA,EAAgBA,EAAGC,aACrB,MAAOC,EAAWC,IAAgBC,EAAAA,EAAAA,WAAS,GAErCC,EAAmBJ,EAAOK,MAAMC,GAASA,EAAKC,MAAMF,MAAMG,GAAYA,EAAQC,eAC9EC,EAAkBV,EAAOK,MAC1BC,GAASA,EAAKC,MAAMI,OAAS,GAAKL,EAAKC,MAAMF,MAAMG,GAAYA,EAAQC,eAkCtEG,EAA4BZ,GAC9BA,GAAQa,KAAI,EAAGC,OAAMC,MAAKN,aAAYF,SAASS,IAC3CC,EAAAA,cAAA,MACIC,IAAK,iBAAiBF,IACtBG,UAAW,gBAAgBV,GAAcF,EAAMI,OAAS,EAAI,WAAa,MACrEF,GAA+B,IAAjBF,EAAMI,OAAe,SAAW,MAC9CK,GAAS,IAAMf,EAAY,SAAW,MAE1CgB,EAAAA,cAAA,KACIE,UAAU,eACVC,KAAML,EACNM,IAAKN,GAAKJ,OAAS,EAAI,GAAK,YAE3BG,GAEJP,GAAOI,OAAS,GAAKM,EAAAA,cAAClB,EAAa,CAACC,OAAQO,OAInDe,EACFtB,EAAOW,OAAS,GAAKX,EAAOK,MAAMC,IAAuC,IAA9BA,EAAKiB,uBAAkCnB,IAEtF,OACIa,EAAAA,cAAAA,EAAAA,SAAA,KACIA,EAAAA,cAAA,MAAIE,UAAU,gBAAgBnB,EAAOa,KArD1BW,EAAGV,OAAMC,MAAKN,aAAYF,QAAOgB,wBAAwBP,IACpEO,IAAyBhB,EAAMF,MAAMC,GAASA,EAAKG,aAC5CQ,EAAAA,cAACQ,EAAAA,SAAQ,CAACP,IAAK,iBAAiBF,KAAUJ,EAAyBL,IAI1EU,EAAAA,cAAA,MACIC,IAAK,iBAAiBF,IACtBG,UAAW,sCACLT,GAAmBN,EAAmB,WAAa,4BAClDK,GAAcF,GAAOI,SAAWY,IAAyBnB,GAAsBK,GAA+B,GAAjBF,GAAOI,OAAe,SAAW,MAAMK,GAAS,IAAMf,EAAY,SAAW,MAEjLgB,EAAAA,cAAA,KACIE,UAAU,eACVC,KAAML,EACNM,IAAKN,GAAKJ,OAAS,EAAI,GAAK,YAE3BD,GAAmBN,GAChBa,EAAAA,cAAA,QAAME,UAAU,gBACZF,EAAAA,cAACS,EAAAA,EAAgB,CAACC,GAAI,CAAEC,SAAU,OAGzCd,GAEJP,GAAOI,OAAS,GAAKM,EAAAA,cAAClB,EAAa,CAACC,OAAQO,QA+BhDe,GACGL,EAAAA,cAAA,UACIE,UAAU,oBACVU,QA5DOC,IAAM5B,GAAc6B,IAAUA,KA8DnC9B,GAEI+B,EAAAA,EAAAA,GAAU,sCADVA,EAAAA,EAAAA,GAAU,sCAIzB,EAIX,EAzFeC,EAAGC,mBACdjB,EAAAA,cAAA,OACIE,UAAW,WAAUe,GAAe3B,MAAMI,OAAS,EAAI,YAAc,IACrEwB,KAAK,cAELlB,EAAAA,cAAA,MAAIE,UAAU,2BAA2Be,GAAepB,MACxDG,EAAAA,cAAClB,EAAa,CAACC,OAAQkC,EAAc3B,Q","sources":["webpack:///./Scripts/MacArthur/Components/SubNav.js"],"sourcesContent":["import React, { Fragment, useState } from 'react';\r\nimport ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos';\r\nimport { translate } from '../../Services/translation';\r\n\r\nconst SubNav = ({ subNavigation }) => (\r\n    <nav\r\n        className={`subnav ${subNavigation?.links.length > 0 ? 'has-links' : ''}`}\r\n        role=\"navigation\"\r\n    >\r\n        <h5 className=\"subnav__header-category\">{subNavigation?.name}</h5>\r\n        <DisplaySubNav subnav={subNavigation.links} />\r\n    </nav>\r\n);\r\n\r\nconst DisplaySubNav = ({ subnav }) => {\r\n    const [collapsed, setCollapsed] = useState(false);\r\n\r\n    const hasSelectedLinks = subnav.some((link) => link.links.some((sublink) => sublink.isSelected));\r\n    const isLevelExpanded = subnav.some(\r\n        (link) => link.links.length > 0 && link.links.some((sublink) => sublink.isSelected)\r\n    );\r\n\r\n    const handleCollapse = () => setCollapsed((prev) => !prev);\r\n\r\n    const renderLink = ({ name, url, isSelected, links, isFirstLevelCategory }, index) => {\r\n        if (isFirstLevelCategory && !links.some((link) => link.isSelected)) {\r\n            return <Fragment key={`subnavCompact-${index}`}>{renderFirstLevelCategory(links)}</Fragment>;\r\n        }\r\n\r\n        return (\r\n            <li\r\n                key={`subnavCompact-${index}`}\r\n                className={`subnav__item \r\n                    ${isLevelExpanded && hasSelectedLinks ? 'expanded' : ''} \r\n                    ${(isSelected && links?.length && !isFirstLevelCategory && !hasSelectedLinks) || (isSelected && links?.length == 0) ? 'active' : ''} ${index >= 5 && !collapsed ? 'hidden' : ''}`}\r\n            >\r\n                <a\r\n                    className=\"subnav__link\"\r\n                    href={url}\r\n                    rel={url?.length > 0 ? '' : 'nofollow'}\r\n                >\r\n                    {isLevelExpanded && hasSelectedLinks && (\r\n                        <span className=\"subnav__icon\">\r\n                            <ArrowBackIosIcon sx={{ fontSize: 12 }} />\r\n                        </span>\r\n                    )}\r\n                    {name}\r\n                </a>\r\n                {links?.length > 0 && <DisplaySubNav subnav={links} />}\r\n            </li>\r\n        );\r\n    };\r\n\r\n    const renderFirstLevelCategory = (subnav) =>\r\n        subnav?.map(({ name, url, isSelected, links }, index) => (\r\n            <li\r\n                key={`subnavCompact-${index}`}\r\n                className={`subnav__item ${isSelected && links.length > 0 ? 'expanded' : ''} ${\r\n                    isSelected && links.length === 0 ? 'active' : ''\r\n                } ${index >= 5 && !collapsed ? 'hidden' : ''}`}\r\n            >\r\n                <a\r\n                    className=\"subnav__link\"\r\n                    href={url}\r\n                    rel={url?.length > 0 ? '' : 'nofollow'}\r\n                >\r\n                    {name}\r\n                </a>\r\n                {links?.length > 0 && <DisplaySubNav subnav={links} />}\r\n            </li>\r\n        ));\r\n\r\n    const displayShowMorebutton =\r\n        subnav.length > 5 || subnav.some((link) => link.isFirstLevelCategory === true && !hasSelectedLinks);\r\n\r\n    return (\r\n        <>\r\n            <ul className=\"subnav__list\">{subnav.map(renderLink)}</ul>\r\n\r\n            {displayShowMorebutton && (\r\n                <button\r\n                    className=\"subnav__show-more\"\r\n                    onClick={handleCollapse}\r\n                >\r\n                    {!collapsed\r\n                        ? translate('code.products.navigation.showmore')\r\n                        : translate('code.products.navigation.showless')}\r\n                </button>\r\n            )}\r\n        </>\r\n    );\r\n};\r\n\r\nexport default SubNav;\r\n"],"names":["DisplaySubNav","subnav","collapsed","setCollapsed","useState","hasSelectedLinks","some","link","links","sublink","isSelected","isLevelExpanded","length","renderFirstLevelCategory","map","name","url","index","React","key","className","href","rel","displayShowMorebutton","isFirstLevelCategory","renderLink","Fragment","ArrowBackIosIcon","sx","fontSize","onClick","handleCollapse","prev","translate","SubNav","subNavigation","role"],"sourceRoot":""}