{"version":3,"file":"shopAllCategories.chunk.2eae4963777101843670.js","mappings":"qzDAoBA,IA0EA,EA1E8B,WAC5B,I,IAAOA,G,GAAKC,EAAAA,EAAAA,kB,EAAgB,E,o4BAApB,GACFC,GAAOC,EAAAA,EAAAA,IAAcC,EAAAA,IAAiBC,IAC5CC,GAA4CC,EAAAA,EAAAA,IAC1C,CACEC,EAAAA,GACAC,EAAAA,GACAC,EAAAA,GACAC,EAAAA,IACAC,QANIC,EAAeP,EAAfO,gBAAiBC,EAAcR,EAAdQ,eASnBC,GAAaC,EAAAA,EAAAA,KAAY,SAAAC,GAAC,IAAAC,EAAA,OAAgB,QAAhBA,EAAID,EAAEF,kBAAU,IAAAG,OAAA,EAAZA,EAAcC,aAAa,IACzDC,GAAmBJ,EAAAA,EAAAA,KAAY,SAAAC,GAAC,IAAAI,EAAA,OAAgB,QAAhBA,EAAIJ,EAAEF,kBAAU,IAAAM,OAAA,EAAZA,EAAcD,gBAAgB,IAElEE,EACJF,IAAqBG,EAAAA,IAAOC,MAAQJ,IAAqBG,EAAAA,IAAOE,QAE5DC,GAASV,EAAAA,EAAAA,KAAY,SAAAC,GAAC,OAAIA,EAAEU,OAAOD,MAAM,IAEzCE,EAAmB,CACvB,CAAEC,MAAO7B,EAAE,YAAa8B,MAAOJ,GAAU,KACzC,CAAEG,MAAOE,IAAUC,IAAQhC,EAAE,8BAGzBiC,GAAiBC,EAAAA,EAAAA,UAAQ,WAC7B,OAAInB,GACKoB,EAAAA,EAAAA,IAA0BpB,EAAY,QAAQqB,KAAI,SAAAC,GAAI,OAAAC,EAAAA,EAAA,GACxDD,GAAI,IACPE,YAAaF,EAAKX,QAAM,IAGrB,EACT,GAAG,CAACX,IAEJ,OACEyB,EAAAA,EAAAA,MAACC,EAAAA,EAAI,CAAAC,SAAA,EACHC,EAAAA,EAAAA,KAACF,EAAAA,EAAKG,WAAU,CAACC,YAAajB,EAAkBkB,gBAAgB,KAChEH,EAAAA,EAAAA,KAACI,EAAAA,QAAK,CACJC,UAAWlC,EACXmC,kBAAiB,UAAAC,OAAYhD,EAAO,KAAO,MAAK,WAChDiD,KAAMtC,EAAgBL,EAAAA,OAExBmC,EAAAA,EAAAA,KAACF,EAAAA,EAAKW,OAAM,CAAAV,UACVC,EAAAA,EAAAA,KAAA,MAAIU,UAAU,wBAAuBX,SAAE1C,EAAE,yBAE3CwC,EAAAA,EAAAA,MAACC,EAAAA,EAAKa,OAAM,CAAAZ,SAAA,EACVC,EAAAA,EAAAA,KAACF,EAAAA,EAAKa,OAAOC,QAAO,CAAAb,UAClBC,EAAAA,EAAAA,KAACa,EAAAA,EAAa,CACZzC,WAAYkB,EACZe,UAAW1B,EACXmC,aAAcC,EAAAA,QAGlBf,EAAAA,EAAAA,KAACF,EAAAA,EAAKa,OAAOK,QAAO,CAAAjB,UAClBC,EAAAA,EAAAA,KAACiB,EAAAA,EAAqB,CACpB7C,WAAYkB,EACZe,UAAW1B,EACXuC,WAAYhD,EAAgBJ,EAAAA,IAC5BqD,WAAYjD,EAAgBH,EAAAA,IAC5BI,eAAgBA,EAChB2C,aAAcC,EAAAA,WAIpBf,EAAAA,EAAAA,KAACI,EAAAA,QAAK,CACJC,UAAWlC,EACXmC,kBAAiB,UAAAC,OAAYhD,EAAO,MAAQ,MAAK,gBACjDiD,KAAMtC,EAAgBF,EAAAA,QAI9B,ECnFA,EALkB,WAChB,IAAMoD,EAASC,SAASC,eAAeC,EAAAA,IACvC,OAAOH,GAASI,EAAAA,EAAAA,eAAaxB,EAAAA,EAAAA,KAACyB,EAAqB,IAAKL,GAAU,IACpE,C","sources":["webpack://CATSAS/./javascript/react/app/components/pages/shop-all-categories/ShopAllCategoriesPage/ShopAllCategoriesPage.js","webpack://CATSAS/./javascript/react/app/components/pages/shop-all-categories/Container.js"],"sourcesContent":["import { useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useSelector } from 'react-redux';\nimport CategoriesNav from '@app/components/common/CategoriesNav';\nimport Espot from '@app/components/common/Espot/Espot';\nimport { useBreakpoint, useEspot } from '@app/hooks';\nimport { sortAlphabeticByAttribute } from '@app/utils';\nimport {\n  CATEGORIES_PAGE_ESPOT_1,\n  CATEGORIES_PAGE_ESPOT_2,\n  CATEGORIES_PAGE_ESPOT_3,\n  CATEGORIES_PAGE_ESPOT_4,\n  CATEGORIES_SIZE\n} from '../constants';\nimport ShopAllCategoriesGrid from '../ShopAllCategoriesGrid';\nimport Page from '@app/components/common/Page';\nimport startCase from 'lodash/startCase';\nimport toLower from 'lodash/toLower';\nimport { PAGE_BREAKPOINTS, STATUS } from '@app/constants/commonConstants';\n\nconst ShopAllCategoriesPage = () => {\n  const [t] = useTranslation();\n  const isLG = useBreakpoint(PAGE_BREAKPOINTS.LG);\n  const { getEspotContent, isEspotLoading } = useEspot(\n    [\n      CATEGORIES_PAGE_ESPOT_1,\n      CATEGORIES_PAGE_ESPOT_2,\n      CATEGORIES_PAGE_ESPOT_3,\n      CATEGORIES_PAGE_ESPOT_4\n    ].join()\n  );\n\n  const categories = useSelector(s => s.categories?.allCategories);\n  const categoriesStatus = useSelector(s => s.categories?.categoriesStatus);\n\n  const isCategoriesLoading =\n    categoriesStatus === STATUS.IDLE || categoriesStatus === STATUS.PENDING;\n\n  const seoURL = useSelector(s => s.dealer.seoURL);\n\n  const breadCrumbsLinks = [\n    { label: t('BCT_HOME'), value: seoURL || '/' },\n    { label: startCase(toLower(t('SEARCH_ALL_DEPARTMENTS'))) }\n  ];\n\n  const categoriesList = useMemo(() => {\n    if (categories) {\n      return sortAlphabeticByAttribute(categories, 'name').map(item => ({\n        ...item,\n        redirectUrl: item.seoURL\n      }));\n    }\n    return [];\n  }, [categories]);\n\n  return (\n    <Page>\n      <Page.BreadCrumb breadCrumbs={breadCrumbsLinks} showBackButton={false} />\n      <Espot\n        isLoading={isEspotLoading}\n        skeletonClassName={`height-${isLG ? '60' : '100'}px mb-2`}\n        html={getEspotContent(CATEGORIES_PAGE_ESPOT_1)}\n      />\n      <Page.Header>\n        <h1 className=\"h1 display-1 u-fs--40\">{t('SHOP_BY_CATEGORY')}</h1>\n      </Page.Header>\n      <Page.Layout>\n        <Page.Layout.SideBar>\n          <CategoriesNav\n            categories={categoriesList}\n            isLoading={isCategoriesLoading}\n            skeletonSize={CATEGORIES_SIZE}\n          />\n        </Page.Layout.SideBar>\n        <Page.Layout.Content>\n          <ShopAllCategoriesGrid\n            categories={categoriesList}\n            isLoading={isCategoriesLoading}\n            espot2Html={getEspotContent(CATEGORIES_PAGE_ESPOT_2)}\n            espot3Html={getEspotContent(CATEGORIES_PAGE_ESPOT_3)}\n            isEspotLoading={isEspotLoading}\n            skeletonSize={CATEGORIES_SIZE}\n          />\n        </Page.Layout.Content>\n      </Page.Layout>\n      <Espot\n        isLoading={isEspotLoading}\n        skeletonClassName={`height-${isLG ? '200' : '100'}px mb-3 mt-1`}\n        html={getEspotContent(CATEGORIES_PAGE_ESPOT_4)}\n      />\n    </Page>\n  );\n};\n\nexport default ShopAllCategoriesPage;\n","import { createPortal } from 'react-dom';\nimport { REACT_ROOT_MAIN } from '@app/constants/targets';\nimport ShopAllCategoriesPage from './ShopAllCategoriesPage';\n\nconst Container = () => {\n  const target = document.getElementById(REACT_ROOT_MAIN);\n  return target ? createPortal(<ShopAllCategoriesPage />, target) : null;\n};\n\nexport default Container;\n"],"names":["t","useTranslation","isLG","useBreakpoint","PAGE_BREAKPOINTS","LG","_useEspot","useEspot","CATEGORIES_PAGE_ESPOT_1","CATEGORIES_PAGE_ESPOT_2","CATEGORIES_PAGE_ESPOT_3","CATEGORIES_PAGE_ESPOT_4","join","getEspotContent","isEspotLoading","categories","useSelector","s","_s$categories","allCategories","categoriesStatus","_s$categories2","isCategoriesLoading","STATUS","IDLE","PENDING","seoURL","dealer","breadCrumbsLinks","label","value","startCase","toLower","categoriesList","useMemo","sortAlphabeticByAttribute","map","item","_objectSpread","redirectUrl","_jsxs","Page","children","_jsx","BreadCrumb","breadCrumbs","showBackButton","Espot","isLoading","skeletonClassName","concat","html","Header","className","Layout","SideBar","CategoriesNav","skeletonSize","CATEGORIES_SIZE","Content","ShopAllCategoriesGrid","espot2Html","espot3Html","target","document","getElementById","REACT_ROOT_MAIN","createPortal","ShopAllCategoriesPage"],"sourceRoot":""}