@hhgtech/hhg-components 1.18.49 → 1.18.51

package/build/components/organisms/navigationLayout/menuCareList/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/organisms/navigationLayout/menuCareList/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { LOCALIZED_SLUGS } from 'care/interfaces/constants'\nimport { Container } from 'components/atoms/container'\nimport { Heading } from 'components/atoms/heading'\nimport { LocaleType } from 'interfaces/types'\nimport { theme } from 'misc/theme'\n\nimport { DesktopMenuPopup, SiteType, Specialty } from '../types'\nimport { getCareSearchUrl, useTranslation } from '../utils'\nimport CategorySkeleton from './categorySkeleton'\nimport {\n  StyledCategory,\n  StyledCategoryContainer,\n  StyledCategoryIcon,\n  StyledCategoryItemAll,\n  StyledCloseWrapper,\n  StyledContainer,\n  StyledHealthToolItem,\n  StyledImageWrapper,\n  StyledInnerMenuPopupContainer,\n  StyledMenuPopupContainer,\n  StyledMenuPopupWrapper,\n} from './index.styled'\n\nexport type Props = {\n  careSpecialties: Specialty[]\n  onSelectCareSpecialty: (c: Specialty) => void\n  onClosePopup: () => void\n  isLoading: boolean\n  isMobile: boolean\n  basePath: string\n  locale: LocaleType\n  desktopPopupType: DesktopMenuPopup\n  siteType: SiteType\n  CARE_URL_FE: string\n}\n\nconst MenuCareList = ({\n  careSpecialties,\n  onSelectCareSpecialty,\n  isLoading,\n  desktopPopupType,\n  onClosePopup,\n  basePath,\n  locale,\n  isMobile,\n  siteType,\n  CARE_URL_FE,\n}: Props) => {\n  const f = useTranslation()\n\n  return isMobile ? (\n    <>\n      {isLoading ? (\n        <StyledContainer>\n          <CategorySkeleton />\n        </StyledContainer>\n      ) : (\n        <StyledContainer data-category-list-type={'main'}>\n          <Heading\n            style={{\n              marginTop: 16,\n            }}\n            tag=\"h5\"\n          >\n            {f('menu.care.searchBySpecialties')}\n          </Heading>\n          {careSpecialties.map((careSpecialty, index) => (\n            <a key={'tool-' + index}>\n              <StyledCategoryContainer\n                data-event-category=\"Hamburger Navigation\"\n                data-event-action=\"Click\"\n                data-event-label={`${CARE_URL_FE}${getCareSearchUrl({\n                  type: 'DOCTOR',\n                  specialtySlug: careSpecialty.slug,\n                  locale,\n                })}`}\n                onClick={() => {\n                  onSelectCareSpecialty(careSpecialty)\n                }}\n              >\n                <StyledCategoryIcon>\n                  <img\n                    alt=\"health-tool-icon\"\n                    src={\n                      careSpecialty.thumbnail || `${basePath}/images/avatar.jpg`\n                    }\n                    style={{ width: '32px', height: '32px' }}\n                  />\n                </StyledCategoryIcon>\n                <StyledCategory>{careSpecialty.name}</StyledCategory>\n              </StyledCategoryContainer>\n            </a>\n          ))}\n          <a\n            style={{ textDecoration: 'none' }}\n            href={`${CARE_URL_FE}/${LOCALIZED_SLUGS[locale]?.SPECIALTIES}`}\n          >\n            <StyledCategoryItemAll\n              // onClick={closePopup}\n              key={'all-categories'}\n              data-theme={siteType}\n              data-event-category=\"Hamburger Navigation\"\n              data-event-action=\"Click\"\n              data-event-label={`${CARE_URL_FE}/${LOCALIZED_SLUGS[locale]?.SPECIALTIES}`}\n            >\n              {f('home.navigator.menuItem.allSpecialties')}\n              <StyledImageWrapper>\n                {siteType === 'helloSites' ? (\n                  <img\n                    src={`${basePath}/svg/chevronRightActive.svg`}\n                    style={{ width: '16px', height: '16px' }}\n                    alt={f('home.navigator.menuItem.allSpecialties')}\n                  />\n                ) : (\n                  <svg\n                    width=\"24\"\n                    height=\"24\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <path\n                      d=\"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16\"\n                      stroke=\"#3E3F58\"\n                      strokeWidth=\"1.3\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    />\n                  </svg>\n                )}\n              </StyledImageWrapper>\n            </StyledCategoryItemAll>\n          </a>\n        </StyledContainer>\n      )}\n    </>\n  ) : (\n    <StyledMenuPopupWrapper\n      className=\"top-menu-care-specialties\"\n      onClick={onClosePopup}\n      data-is-display={desktopPopupType === 'care'}\n    >\n      <StyledMenuPopupContainer>\n        <Container style={{ padding: '0 16px' }} type={siteType}>\n          <StyledInnerMenuPopupContainer\n            data-popup-type={desktopPopupType}\n            onClick={(e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n              e.stopPropagation()\n            }}\n          >\n            <>\n              {careSpecialties.map((careSpecialty: Specialty) => (\n                <StyledHealthToolItem\n                  key={`care-specialty-${careSpecialty.id}`}\n                  onClick={onClosePopup}\n                >\n                  <a\n                    data-event-category=\"Hamburger Navigation\"\n                    data-event-action=\"Click\"\n                    data-event-label={`${CARE_URL_FE}${getCareSearchUrl({\n                      type: 'DOCTOR',\n                      specialtySlug: careSpecialty.slug,\n                      locale,\n                    })}`}\n                    style={{\n                      textDecoration: 'none',\n                      color: theme.colors.gray800,\n                    }}\n                    className=\"iconMenu no-replace-click\"\n                    href={`${CARE_URL_FE}${getCareSearchUrl({\n                      type: 'DOCTOR',\n                      specialtySlug: careSpecialty.slug,\n                      locale,\n                    })}`}\n                  >\n                    <div\n                      style={{\n                        display: 'flex',\n                      }}\n                    >\n                      <img\n                        alt=\"care-specialty-icon\"\n                        src={\n                          careSpecialty.thumbnail ||\n                          `${basePath}/images/avatar.jpg`\n                        }\n                        style={{ width: '32px', height: '32px' }}\n                      />\n                    </div>\n                    <p>{careSpecialty.name}</p>\n                  </a>\n                </StyledHealthToolItem>\n              ))}\n              <a\n                style={{ textDecoration: 'none' }}\n                href={`${CARE_URL_FE}/${LOCALIZED_SLUGS[locale]?.SPECIALTIES}`}\n              >\n                <StyledCategoryItemAll\n                  onClick={onClosePopup}\n                  key={'all-care-specialties'}\n                  data-theme={siteType}\n                  data-event-category=\"Hamburger Navigation\"\n                  data-event-action=\"Click\"\n                  data-event-label={`${CARE_URL_FE}/${LOCALIZED_SLUGS[locale]?.SPECIALTIES}`}\n                >\n                  {f('home.navigator.menuItem.allSpecialties')}\n                  <StyledImageWrapper>\n                    {siteType === 'helloSites' ? (\n                      <img\n                        src={`${basePath}/svg/chevronRightActive.svg`}\n                        style={{ width: '16px', height: '16px' }}\n                        alt={f('home.navigator.menuItem.allSpecialties')}\n                      />\n                    ) : (\n                      <svg\n                        width=\"24\"\n                        height=\"24\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16\"\n                          stroke=\"#3E3F58\"\n                          strokeWidth=\"1.3\"\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                        />\n                      </svg>\n                    )}\n                  </StyledImageWrapper>\n                </StyledCategoryItemAll>\n              </a>\n            </>\n            {/* )} */}\n            <StyledCloseWrapper onClick={onClosePopup}>\n              {/* <img\n                    src={`${basePath}/svg/close.svg`}\n                    style={{ width: '24px', height: '24px' }}\n                    alt={'close'}\n                  /> */}\n              <svg\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M18 6L6 18M18 18L6 6\"\n                  stroke=\"#3E3F58\"\n                  strokeWidth=\"1.3\"\n                  strokeLinecap=\"round\"\n                />\n              </svg>\n            </StyledCloseWrapper>\n          </StyledInnerMenuPopupContainer>\n        </Container>\n      </StyledMenuPopupContainer>\n    </StyledMenuPopupWrapper>\n  )\n}\n\nexport { MenuCareList }\n"],"names":["_a","careSpecialties","onSelectCareSpecialty","isLoading","desktopPopupType","onClosePopup","basePath","locale","isMobile","siteType","CARE_URL_FE","f","useTranslation","React","createElement","Fragment","StyledContainer","CategorySkeleton","Heading","style","marginTop","tag","map","careSpecialty","index","key","StyledCategoryContainer","concat","getCareSearchUrl","type","specialtySlug","slug","onClick","StyledCategoryIcon","alt","src","thumbnail","width","height","StyledCategory","name","textDecoration","href","LOCALIZED_SLUGS","_b","SPECIALTIES","StyledCategoryItemAll","_c","StyledImageWrapper","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","StyledMenuPopupWrapper","className","StyledMenuPopupContainer","Container","padding","StyledInnerMenuPopupContainer","e","stopPropagation","StyledHealthToolItem","id","color","theme","colors","gray800","display","_d","_e","StyledCloseWrapper"],"mappings":"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"}

package/build/components/organisms/navigationLayout/menuCareList/index.styled.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),e=require("../../../../misc/utils.js"),t=require("styled-components"),o=require("../constants.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,a,p,l,d,s,x,c,g,m,u,f,h=r(t),b=h.default.div(i||(i=n.__makeTemplateObject(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"]))),y=h.default.div(a||(a=n.__makeTemplateObject(["\n  & > a:not(:last-child) > div {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  & > a:not(:last-child) > div {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100})),v=h.default.div(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  height: 64px;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 8px;\n\n  //border-bottom: 1px solid ",";\n  background-color: ",";\n  font-size: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n  > * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  height: 64px;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 8px;\n\n  //border-bottom: 1px solid ",";\n  background-color: ",";\n  font-size: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n  > * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold})),_=h.default.div(l||(l=n.__makeTemplateObject([""],[""]))),w=h.default.div(d||(d=n.__makeTemplateObject(["\n  padding-right: 16px;\n"],["\n  padding-right: 16px;\n"]))),k=h.default.div(s||(s=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])),o.Z_INDEX.menuCategoryPopupWrapper),j=h.default.div(x||(x=n.__makeTemplateObject(["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),o.Z_INDEX.menuCategoryPopupContainer,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white})),z=h.default.div(c||(c=n.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"]))),C=h.default.div(g||(g=n.__makeTemplateObject(["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n"],["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),O=h.default.div(m||(m=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  "," {\n    padding: 8px;\n  }\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  "," {\n    padding: 8px;\n  }\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n"])),e.MediaQueries.mbDown,(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink})),S=h.default.div(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"]))),T=h.default.div(f||(f=n.__makeTemplateObject(["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"])));exports.StyledCardSkeleton=b,exports.StyledCategory=_,exports.StyledCategoryContainer=v,exports.StyledCategoryIcon=w,exports.StyledCategoryItemAll=O,exports.StyledCloseWrapper=T,exports.StyledContainer=y,exports.StyledHealthToolItem=C,exports.StyledImageWrapper=S,exports.StyledInnerMenuPopupContainer=z,exports.StyledMenuPopupContainer=j,exports.StyledMenuPopupWrapper=k;
-//# sourceMappingURL=index.styled.js.map

package/build/components/organisms/navigationLayout/menuCareList/index.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.js","sources":["../../../../../src/components/organisms/navigationLayout/menuCareList/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nimport { Z_INDEX } from '../constants'\n\nexport const StyledCardSkeleton = styled.div`\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n`\nexport const StyledContainer = styled.div`\n  & > a:not(:last-child) > div {\n    border-bottom: 1px solid\n      ${(props: ThemeProps) => props.theme.colors.neutral100};\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n`\nexport const StyledCategoryContainer = styled.div`\n  display: flex;\n  width: 100%;\n  height: 64px;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 8px;\n\n  //border-bottom: 1px solid ${(props: ThemeProps) =>\n    props.theme.colors.neutral100};\n  background-color: ${(props: ThemeProps) => props.theme.colors.white};\n  font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ${(props: ThemeProps) => props.theme.colors.blue50};\n    color: ${(props: ThemeProps) => props.theme.colors.gray800};\n    font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n  }\n  > * {\n    pointer-events: none;\n  }\n`\n\nexport const StyledCategory = styled.div``\n\nexport const StyledCategoryIcon = styled.div`\n  padding-right: 16px;\n`\n\nexport const StyledMenuPopupWrapper = styled.div`\n  position: fixed;\n  z-index: ${Z_INDEX.menuCategoryPopupWrapper};\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n`\n\nexport const StyledMenuPopupContainer = styled.div`\n  z-index: ${Z_INDEX.menuCategoryPopupContainer};\n  align-items: center;\n\n  border: 1px solid ${(props: ThemeProps) => props.theme.colors.neutral50};\n  background-color: ${(props: ThemeProps) => props.theme.colors.white};\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n`\n\nexport const StyledInnerMenuPopupContainer = styled.div`\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n`\n\nexport const StyledHealthToolItem = styled.div`\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ${(props: ThemeProps) => props.theme.colors.gray800};\n    font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n    font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n  }\n\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n`\n\nexport const StyledCategoryItemAll = styled.div`\n  display: flex;\n  align-items: center;\n\n  ${MediaQueries.mbDown} {\n    padding: 8px;\n  }\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n  font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n  font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ${(props: ThemeProps) => props.theme.mbColors.pink};\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n`\n\nexport const StyledImageWrapper = styled.div`\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n`\n\nexport const StyledCloseWrapper = styled.div`\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n`\n"],"names":["StyledCardSkeleton","styled","div","templateObject_1","__makeTemplateObject","StyledContainer","templateObject_2","props","theme","colors","neutral100","StyledCategoryContainer","templateObject_3","white","sizes","fsParagraph4","blue50","gray800","fwBold","StyledCategory","templateObject_4","StyledCategoryIcon","templateObject_5","StyledMenuPopupWrapper","templateObject_6","Z_INDEX","menuCategoryPopupWrapper","StyledMenuPopupContainer","templateObject_7","menuCategoryPopupContainer","neutral50","StyledInnerMenuPopupContainer","templateObject_8","StyledHealthToolItem","templateObject_9","fwRegular","primaryBase","StyledCategoryItemAll","templateObject_10","MediaQueries","mbDown","mbColors","pink","StyledImageWrapper","templateObject_11","StyledCloseWrapper","templateObject_12"],"mappings":"+UAMaA,EAAqBC,EAAM,QAACC,IAAGC,IAAAA,EAAAC,uBAAA,CAAA,mEAAA,CAAA,sEAM/BC,EAAkBJ,EAAAA,QAAOC,IAAGI,IAAAA,EAAAF,EAAAA,qBAAA,CAAA,2EAAA,iJAAA,CAAA,2EAGmB,oJAApD,SAACG,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAWrCC,EAA0BV,EAAM,QAACC,IAAGU,IAAAA,EAAAR,EAAAA,qBAAA,CAAA,gKAAA,0BAAA,mBAAA,gGAAA,iBAAA,uBAAA,qDAAA,CAAA,gKAShB,0BACoC,mBACD,gGAII,iBACV,uBACI,wDATnC,SAACG,GAC5B,OAAAA,EAAMC,MAAMC,OAAOC,cACD,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,SACjD,SAACN,GAAsB,OAAAA,EAAMC,MAAMM,MAAMC,gBAIhC,SAACR,GAAsB,OAAAA,EAAMC,MAAMC,OAAOO,UACrD,SAACT,GAAsB,OAAAA,EAAMC,MAAMC,OAAOQ,WACpC,SAACV,GAAsB,OAAAA,EAAMC,MAAMM,MAAMI,UAO/CC,EAAiBlB,EAAM,QAACC,IAAGkB,IAAAA,EAAAhB,uBAAA,CAAA,IAAA,CAAA,OAE3BiB,EAAqBpB,EAAM,QAACC,IAAGoB,IAAAA,EAAAlB,uBAAA,CAAA,8BAAA,CAAA,iCAI/BmB,EAAyBtB,EAAM,QAACC,IAAGsB,IAAAA,EAAApB,EAAAA,qBAAA,CAAA,oCAAA,qLAAA,CAAA,oCAEH,uLAAhCqB,EAAOA,QAACC,0BAYRC,EAA2B1B,EAAM,QAACC,IAAG0B,IAAAA,EAAAxB,EAAAA,qBAAA,CAAA,gBAAA,oDAAA,0BAAA,wKAAA,CAAA,gBACH,oDAG0B,0BACJ,0KAJxDqB,EAAAA,QAAQI,4BAGC,SAACtB,GAAsB,OAAAA,EAAMC,MAAMC,OAAOqB,aAC1C,SAACvB,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,SAMnDkB,EAAgC9B,EAAM,QAACC,IAAG8B,IAAAA,EAAA5B,uBAAA,CAAA,mJAAA,CAAA,sJAS1C6B,EAAuBhC,EAAM,QAACC,IAAGgC,IAAAA,EAAA9B,uBAAA,CAAA,2JAAA,qBAAA,uBAAA,iIAAA,6EAAA,CAAA,2JASgB,qBACQ,uBACD,iIASH,gFAXrD,SAACG,GAAsB,OAAAA,EAAMC,MAAMC,OAAOQ,WACtC,SAACV,GAAsB,OAAAA,EAAMC,MAAMM,MAAMC,gBACvC,SAACR,GAAsB,OAAAA,EAAMC,MAAMM,MAAMqB,aAS/C,SAAC5B,GAAsB,OAAAA,EAAMC,MAAMC,OAAO2B,eAQ1CC,EAAwBpC,EAAM,QAACC,IAAGoC,IAAAA,EAAAlC,EAAAA,qBAAA,CAAA,mDAAA,0FAAA,mBAAA,qBAAA,wEAAA,0EAAA,CAAA,mDAIxB,0FAMyC,mBACI,qBACJ,wEAIH,4EAZzDmC,EAAAA,aAAaC,QAMN,SAACjC,GAAsB,OAAAA,EAAMC,MAAMC,OAAO2B,eACtC,SAAC7B,GAAsB,OAAAA,EAAMC,MAAMM,MAAMC,gBACvC,SAACR,GAAsB,OAAAA,EAAMC,MAAMM,MAAMI,UAI7C,SAACX,GAAsB,OAAAA,EAAMC,MAAMiC,SAASC,QAO5CC,EAAqB1C,EAAM,QAACC,IAAG0C,IAAAA,EAAAxC,uBAAA,CAAA,wEAAA,CAAA,2EAO/ByC,EAAqB5C,EAAM,QAACC,IAAG4C,IAAAA,EAAA1C,uBAAA,CAAA,sHAAA,CAAA"}

package/build/components/organisms/navigationLayout/menuCategoriesList/categorySkeleton.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react"),t=require("react-loading-skeleton"),l=require("./index.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e),u=a(t);module.exports=function(){return r.default.createElement(l.StyledCardSkeleton,{style:{marginTop:"16px"}},r.default.createElement("div",null,r.default.createElement(u.default,{height:46})),r.default.createElement("div",null,r.default.createElement(u.default,{height:46})),r.default.createElement("div",null,r.default.createElement(u.default,{height:46})))};
-//# sourceMappingURL=categorySkeleton.js.map

package/build/components/organisms/navigationLayout/menuCategoriesList/categorySkeleton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"categorySkeleton.js","sources":["../../../../../src/components/organisms/navigationLayout/menuCategoriesList/categorySkeleton.tsx"],"sourcesContent":["import React from 'react'\n\nimport Skeleton from 'react-loading-skeleton'\n\nimport { StyledCardSkeleton } from './index.styled'\n\nconst CategorySkeleton = () => (\n  <StyledCardSkeleton\n    style={{\n      marginTop: '16px',\n    }}\n  >\n    <div>\n      <Skeleton height={46} />\n    </div>\n    <div>\n      <Skeleton height={46} />\n    </div>\n    <div>\n      <Skeleton height={46} />\n    </div>\n  </StyledCardSkeleton>\n)\n\nexport default CategorySkeleton\n"],"names":["React","createElement","StyledCardSkeleton","style","marginTop","Skeleton","height"],"mappings":"gNAMyB,WAAM,OAC7BA,EAAAA,QAACC,cAAAC,EAAAA,mBACC,CAAAC,MAAO,CACLC,UAAW,SAGbJ,UAAAC,cAAA,MAAA,KACED,EAAA,QAAAC,cAACI,EAAQ,QAAC,CAAAC,OAAQ,MAEpBN,UAAAC,cAAA,MAAA,KACED,EAAA,QAAAC,cAACI,EAAQ,QAAC,CAAAC,OAAQ,MAEpBN,UAAAC,cAAA,MAAA,KACED,EAAC,QAAAC,cAAAI,UAAS,CAAAC,OAAQ"}

package/build/components/organisms/navigationLayout/menuCategoriesList/helloSites.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../atoms/container/index.js"),a=require("../../../atoms/heading/index.js"),l=require("../../../atoms/text/index.js"),n=require("../../../../misc/theme.js"),i=require("../constants.js"),o=require("../utils.js"),r=require("./categorySkeleton.js"),s=require("./index.styled.js"),c=require("./spotlightsList/index.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(e);exports.HelloSitesMenuCategoriesList=function(e){var d=e.locale,m=e.basePath,g=e.isDisplayed,h=void 0!==g&&g,p=e.categories,y=e.spotlightsList,f=e.type,v=e.onSelectCategory,E=e.onClosePopup,C=e.desktopPopupType,k=e.isMobile,x=e.isLoading,S=e.DISCOVER_URL_FE,L=e.siteType,w=void 0===L?"helloSites":L,b=o.useTranslation();return k?u.default.createElement(u.default.Fragment,null,x&&h?u.default.createElement(s.StyledContainer,null,u.default.createElement(r,null)):u.default.createElement(s.StyledContainer,{"data-is-displayed":h,"data-category-list-type":f},u.default.createElement(a.Heading,{tag:"h3",style:{marginBottom:8}},b("home.navigator.menuItem.healthCategories")),u.default.createElement(s.StyledListContainer,null,p.map((function(e,t){return u.default.createElement("div",{key:f+"-category-"+t},u.default.createElement("a",{style:{textDecoration:"none",color:n.theme.colors.gray800},onClick:function(t){e.childCates&&e.childCates.length>0&&"sub"!==f&&t.preventDefault()},href:S+e.permalink},u.default.createElement(s.StyledCategoryContainer,{onClick:function(){null==v||v(e)},"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(i.domainLocales[d]).concat(e.permalink),"data-is-heading-category":"sub"===f&&e.childCates&&e.childCates.length>0},u.default.createElement(s.StyledCategory,null,e.displayName),"main"===f&&u.default.createElement(s.StyledCategoryIcon,null,"helloSites"===w?u.default.createElement("img",{src:"".concat(m,"/svg/chevronRight.svg"),style:{width:"16px",height:"16px"},alt:e.categoryName}):u.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},u.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})))),"sub"===f&&e.childCates&&e.childCates.length>0&&e.childCates.map((function(e,t){return u.default.createElement("a",{style:{textDecoration:"none"},href:e.permalink,key:f+"-2-"+t},u.default.createElement(s.StyledCategoryContainer,{"data-is-heading-category":"sub"===f&&e.childCates&&e.childCates.length>0},u.default.createElement(l.Text,{size:"p3"},e.displayName)))}))))})),u.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(S,"/categories/")},u.default.createElement(s.StyledCategoryItemAll,{key:"all-categories","data-theme":w,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(S,"/categories/")},b("home.navigator.menuItem.allCategories"),u.default.createElement(s.StyledImageWrapper,null,"helloSites"===w?u.default.createElement("img",{src:"".concat(m,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:b("home.navigator.menuItem.allCategories")}):u.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},u.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})))))),u.default.createElement(c.SpotlightsList,{isDisplayed:"main"===f,spotlights:y,isLoading:!1,isMobile:k,basePath:m,DISCOVER_URL_FE:S,locale:d,siteType:w}))):u.default.createElement(s.StyledMenuPopupWrapper,{className:"top-menu-categories",onClick:E,"data-is-display":"categories"===C},u.default.createElement(s.StyledMenuPopupContainer,null,u.default.createElement(t.Container,{style:{padding:"0 16px"},type:w},u.default.createElement(s.StyledMenuPopupInner,{"data-popup-type":C,onClick:function(e){e.stopPropagation()}},u.default.createElement("div",null,u.default.createElement(a.Heading,{tag:"h3",style:{marginBottom:24}},b("home.navigator.menuItem.healthCategories")),u.default.createElement(s.StyledHealthCategoriesContainer,{"data-disabled-divider":0===y.length},p.map((function(e,t){return u.default.createElement(s.StyledCategoryItem,{style:{textDecoration:"none"},key:e.categoryName+t},u.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(i.domainLocales[d]).concat(e.permalink),style:{textDecoration:"none",pointerEvents:"auto"},onClick:E,href:"".concat(S).concat(e.permalink)},e.displayName),u.default.createElement(s.StyledSubCategoryItem,null,e.childCates&&e.childCates.map((function(e,t){return u.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(i.domainLocales[d]).concat(e.permalink),style:{textDecoration:"none",pointerEvents:"auto"},href:e.permalink,key:t},e.displayName)}))))})),u.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(S,"/categories/")},u.default.createElement(s.StyledCategoryItemAll,{onClick:E,key:"all-categories","data-theme":w,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(S,"/categories/")},b("home.navigator.menuItem.allCategories"),u.default.createElement(s.StyledImageWrapper,null,"helloSites"===w?u.default.createElement("img",{src:"".concat(m,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:b("home.navigator.menuItem.allCategories")}):u.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},u.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))))),u.default.createElement(c.SpotlightsList,{isDisplayed:"main"===f,spotlights:y,isLoading:!1,basePath:m,DISCOVER_URL_FE:S,locale:d,siteType:w}),u.default.createElement(s.StyledCloseWrapper,{onClick:E},u.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},u.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))))))};
-//# sourceMappingURL=helloSites.js.map

package/build/components/organisms/navigationLayout/menuCategoriesList/helloSites.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helloSites.js","sources":["../../../../../src/components/organisms/navigationLayout/menuCategoriesList/helloSites.tsx"],"sourcesContent":["import React from 'react'\n\n// import { Heading, Text, theme } from '@hhgtech/hhg-components'\n// import { formatSpotlightsList } from 'api/dataTransform'\n// import { PATHS } from 'api/paths'\n// import { callApi, checkAvailableSpotlight, getDiscoverApiPath } from 'api/utils'\nimport { Container } from 'components/atoms/container'\n// import { domainLocales } from 'domainLocales'\n// import { basePath, DISCOVER_URL_FE } from 'interfaces/constants'\n// import {\n//   Category,\n//   DesktopMenuPopup,\n//   LocaleType,\n//   SpotlightSummary,\n// } from 'interfaces/types'\n// import Link from 'next/link'\n// import { useRouter } from 'next/router'\n// import { useIntl } from 'react-intl'\nimport { Heading } from 'components/atoms/heading'\nimport { Text } from 'components/atoms/text'\nimport { LocaleType } from 'interfaces/types'\nimport { theme } from 'misc/theme'\n\nimport { domainLocales } from '../constants'\nimport {\n  Category,\n  DesktopMenuPopup,\n  SiteType,\n  SpotlightSummary,\n} from '../types'\nimport {\n  // checkAvailableSpotlight,\n  // formatSpotlightsList,\n  // getDiscoverDefaultSpotlightsApiPath,\n  useTranslation,\n} from '../utils'\nimport CategorySkeleton from './categorySkeleton'\nimport {\n  StyledCategory,\n  StyledCategoryIcon,\n  StyledCategoryContainer,\n  StyledContainer,\n  StyledListContainer,\n  StyledCategoryItemAll,\n  StyledImageWrapper,\n  StyledMenuPopupWrapper,\n  StyledMenuPopupContainer,\n  StyledMenuPopupInner,\n  StyledHealthCategoriesContainer,\n  StyledCategoryItem,\n  StyledSubCategoryItem,\n  StyledCloseWrapper,\n} from './index.styled'\nimport { SpotlightsList } from './spotlightsList'\n\n// type DesktopPopupType = {\n//   isDisplayed?: boolean\n//   categories: Category[]\n//   onClosePopup?: () => void\n//   isLoading?: boolean\n//   isMobile?: boolean\n//   className?: string\n//   desktopPopupType?: DesktopMenuPopup\n// }\n\n// type MobilePopupType = {\n//   isDisplayed?: boolean\n//   categories: Category[]\n//   type: 'sub' | 'main'\n//   onSelectCategory?: (c: Category) => void\n//   isLoading?: boolean\n//   isMobile?: boolean\n//   className?: string\n// }\n\n// type PopupType = isMobile extends false ? DesktopPopupType : MobilePopupType\n\nexport type Props = {\n  locale: LocaleType\n  // discoverApiDomain: string\n  basePath: string\n  isDisplayed: boolean\n  categories: Category[]\n  type: 'sub' | 'main'\n  onSelectCategory: (c: Category) => void\n  onClosePopup: () => void\n  isLoading: boolean\n  isMobile: boolean\n  // className: string\n  desktopPopupType: DesktopMenuPopup\n  // callApiHandler: (p: string, m: 'GET' | 'POST' | 'PUT') => any\n  DISCOVER_URL_FE: string\n  siteType: SiteType\n  spotlightsList: SpotlightSummary[]\n  // onSubCategory: (c: Category) => void\n  // onSubCatLevel: (l: string) => void\n}\n\nconst HelloSitesMenuCategoriesList = ({\n  locale,\n  // discoverApiDomain,\n  basePath,\n  isDisplayed = false,\n  categories,\n  spotlightsList,\n  type,\n  onSelectCategory,\n  onClosePopup,\n  desktopPopupType,\n  isMobile,\n  isLoading,\n  // className,\n  // callApiHandler,\n  DISCOVER_URL_FE,\n  siteType = 'helloSites',\n}: Props) => {\n  // const router = useRouter()\n  const f = useTranslation()\n  // const [spotlightsList, setSpotlightsList] = useState<SpotlightSummary[]>([])\n\n  return isMobile ? (\n    <>\n      {isLoading && isDisplayed ? (\n        <StyledContainer>\n          <CategorySkeleton />\n        </StyledContainer>\n      ) : (\n        <StyledContainer\n          data-is-displayed={isDisplayed}\n          data-category-list-type={type}\n          // className={className}\n        >\n          <Heading tag=\"h3\" style={{ marginBottom: 8 }}>\n            {f('home.navigator.menuItem.healthCategories')}\n          </Heading>\n          <StyledListContainer>\n            {categories.map((category, index) => (\n              <div key={type + '-category-' + index}>\n                <a\n                  style={{\n                    textDecoration: 'none',\n                    color: theme.colors.gray800,\n                  }}\n                  onClick={(\n                    e: React.MouseEvent<HTMLAnchorElement, MouseEvent>,\n                  ) => {\n                    if (\n                      category.childCates &&\n                      category.childCates.length > 0 &&\n                      type !== 'sub'\n                    ) {\n                      e.preventDefault()\n                    }\n                  }}\n                  href={DISCOVER_URL_FE + category.permalink}\n                >\n                  <StyledCategoryContainer\n                    onClick={() => {\n                      onSelectCategory?.(category)\n                    }}\n                    data-event-category=\"Hamburger Navigation\"\n                    data-event-action=\"Click\"\n                    data-event-label={`https://${domainLocales[locale]}${category.permalink}`}\n                    data-is-heading-category={\n                      type === 'sub' &&\n                      category.childCates &&\n                      category.childCates.length > 0\n                    }\n                  >\n                    <StyledCategory>{category.displayName}</StyledCategory>\n                    {type === 'main' && (\n                      <StyledCategoryIcon>\n                        {siteType === 'helloSites' ? (\n                          <img\n                            src={`${basePath}/svg/chevronRight.svg`}\n                            style={{ width: '16px', height: '16px' }}\n                            alt={category.categoryName}\n                          />\n                        ) : (\n                          <svg\n                            width=\"24\"\n                            height=\"24\"\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                          >\n                            <path\n                              d=\"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16\"\n                              stroke=\"#3E3F58\"\n                              strokeWidth=\"1.3\"\n                              strokeLinecap=\"round\"\n                              strokeLinejoin=\"round\"\n                            />\n                          </svg>\n                        )}\n                      </StyledCategoryIcon>\n                    )}\n                  </StyledCategoryContainer>\n                  {type === 'sub' &&\n                    category.childCates &&\n                    category.childCates.length > 0 &&\n                    category.childCates.map((subCategory, subIndex) => (\n                      <a\n                        style={{ textDecoration: 'none' }}\n                        href={subCategory.permalink}\n                        key={type + '-2-' + subIndex}\n                      >\n                        <StyledCategoryContainer\n                          data-is-heading-category={\n                            type === 'sub' &&\n                            subCategory.childCates &&\n                            subCategory.childCates.length > 0\n                          }\n                        >\n                          <Text size=\"p3\">{subCategory.displayName}</Text>\n                        </StyledCategoryContainer>\n                      </a>\n                    ))}\n                </a>\n              </div>\n            ))}\n            <a\n              style={{ textDecoration: 'none' }}\n              href={`${DISCOVER_URL_FE}/categories/`}\n            >\n              <StyledCategoryItemAll\n                // onClick={closePopup}\n                key={'all-categories'}\n                data-theme={siteType}\n                data-event-category=\"Hamburger Navigation\"\n                data-event-action=\"Click\"\n                data-event-label={`${DISCOVER_URL_FE}/categories/`}\n              >\n                {f('home.navigator.menuItem.allCategories')}\n                <StyledImageWrapper>\n                  {siteType === 'helloSites' ? (\n                    <img\n                      src={`${basePath}/svg/chevronRightActive.svg`}\n                      style={{ width: '16px', height: '16px' }}\n                      alt={f('home.navigator.menuItem.allCategories')}\n                    />\n                  ) : (\n                    <svg\n                      width=\"24\"\n                      height=\"24\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                    >\n                      <path\n                        d=\"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16\"\n                        stroke=\"#3E3F58\"\n                        strokeWidth=\"1.3\"\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                      />\n                    </svg>\n                  )}\n                </StyledImageWrapper>\n              </StyledCategoryItemAll>\n            </a>\n          </StyledListContainer>\n          <SpotlightsList\n            isDisplayed={type === 'main'}\n            spotlights={spotlightsList}\n            isLoading={false}\n            isMobile={isMobile}\n            basePath={basePath}\n            DISCOVER_URL_FE={DISCOVER_URL_FE}\n            locale={locale}\n            siteType={siteType}\n          />\n        </StyledContainer>\n      )}\n    </>\n  ) : (\n    <StyledMenuPopupWrapper\n      className=\"top-menu-categories\"\n      onClick={onClosePopup}\n      data-is-display={desktopPopupType === 'categories'}\n      // key={nextId()}\n    >\n      <StyledMenuPopupContainer>\n        <Container style={{ padding: '0 16px' }} type={siteType}>\n          <StyledMenuPopupInner\n            data-popup-type={desktopPopupType}\n            onClick={(e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n              e.stopPropagation()\n            }}\n          >\n            <div>\n              <Heading tag=\"h3\" style={{ marginBottom: 24 }}>\n                {f('home.navigator.menuItem.healthCategories')}\n              </Heading>\n              <StyledHealthCategoriesContainer\n                data-disabled-divider={spotlightsList.length === 0}\n              >\n                {categories.map((category, categoryIndex) => (\n                  <StyledCategoryItem\n                    style={{\n                      textDecoration: 'none',\n                    }}\n                    key={category.categoryName + categoryIndex}\n                  >\n                    {/* <Link > */}\n                    <a\n                      data-event-category=\"Hamburger Navigation\"\n                      data-event-action=\"Click\"\n                      data-event-label={`https://${domainLocales[locale]}${category.permalink}`}\n                      style={{\n                        textDecoration: 'none',\n                        pointerEvents: 'auto',\n                      }}\n                      onClick={onClosePopup}\n                      href={`${DISCOVER_URL_FE}${category.permalink}`}\n                    >\n                      {category.displayName}\n                    </a>\n                    {/* </Link> */}\n                    <StyledSubCategoryItem>\n                      {category.childCates &&\n                        category.childCates.map((subCat, index) => (\n                          <a\n                            data-event-category=\"Hamburger Navigation\"\n                            data-event-action=\"Click\"\n                            data-event-label={`https://${domainLocales[locale]}${subCat.permalink}`}\n                            style={{\n                              textDecoration: 'none',\n                              pointerEvents: 'auto',\n                            }}\n                            href={subCat.permalink}\n                            key={index}\n                          >\n                            {subCat.displayName}\n                          </a>\n                        ))}\n                    </StyledSubCategoryItem>\n                  </StyledCategoryItem>\n                ))}\n                <a\n                  style={{ textDecoration: 'none' }}\n                  href={`${DISCOVER_URL_FE}/categories/`}\n                >\n                  <StyledCategoryItemAll\n                    onClick={onClosePopup}\n                    key={'all-categories'}\n                    data-theme={siteType}\n                    data-event-category=\"Hamburger Navigation\"\n                    data-event-action=\"Click\"\n                    data-event-label={`${DISCOVER_URL_FE}/categories/`}\n                  >\n                    {f('home.navigator.menuItem.allCategories')}\n                    <StyledImageWrapper>\n                      {siteType === 'helloSites' ? (\n                        <img\n                          src={`${basePath}/svg/chevronRightActive.svg`}\n                          style={{ width: '16px', height: '16px' }}\n                          alt={f('home.navigator.menuItem.allCategories')}\n                        />\n                      ) : (\n                        <svg\n                          width=\"24\"\n                          height=\"24\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16\"\n                            stroke=\"#3E3F58\"\n                            strokeWidth=\"1.3\"\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                          />\n                        </svg>\n                      )}\n                    </StyledImageWrapper>\n                  </StyledCategoryItemAll>\n                </a>\n              </StyledHealthCategoriesContainer>\n            </div>\n            <SpotlightsList\n              isDisplayed={type === 'main'}\n              spotlights={spotlightsList}\n              isLoading={false}\n              basePath={basePath}\n              DISCOVER_URL_FE={DISCOVER_URL_FE}\n              locale={locale}\n              siteType={siteType}\n            />\n            <StyledCloseWrapper onClick={onClosePopup}>\n              {/* <img\n                  src={`${basePath}/svg/close.svg`}\n                  style={{ width: '24px', height: '24px' }}\n                  alt={'close'}\n                /> */}\n              <svg\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M18 6L6 18M18 18L6 6\"\n                  stroke=\"#3E3F58\"\n                  strokeWidth=\"1.3\"\n                  strokeLinecap=\"round\"\n                />\n              </svg>\n            </StyledCloseWrapper>\n          </StyledMenuPopupInner>\n        </Container>\n      </StyledMenuPopupContainer>\n    </StyledMenuPopupWrapper>\n  )\n}\n\nexport { HelloSitesMenuCategoriesList }\n"],"names":["_a","locale","basePath","_b","isDisplayed","categories","spotlightsList","type","onSelectCategory","onClosePopup","desktopPopupType","isMobile","isLoading","DISCOVER_URL_FE","_c","siteType","f","useTranslation","React","createElement","Fragment","StyledContainer","CategorySkeleton","Heading","tag","style","marginBottom","StyledListContainer","map","category","index","key","textDecoration","color","theme","colors","gray800","onClick","e","childCates","length","preventDefault","href","permalink","StyledCategoryContainer","concat","domainLocales","StyledCategory","displayName","StyledCategoryIcon","src","width","height","alt","categoryName","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","subCategory","subIndex","Text","size","StyledCategoryItemAll","StyledImageWrapper","SpotlightsList","spotlights","StyledMenuPopupWrapper","className","StyledMenuPopupContainer","Container","padding","StyledMenuPopupInner","stopPropagation","StyledHealthCategoriesContainer","categoryIndex","StyledCategoryItem","pointerEvents","StyledSubCategoryItem","subCat","StyledCloseWrapper"],"mappings":"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"}

package/build/components/organisms/navigationLayout/menuCategoriesList/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./helloSites.js"),i=require("./marryBaby.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(e);exports.MenuCategoriesList=function(e){var o=e.isDisplayed,a=void 0!==o&&o,l=e.locale,r=e.discoverApiDomain,p=e.basePath,n=e.categories,u=e.spotlightsList,d=e.type,c=e.onSelectCategory,y=e.onClosePopup,g=e.desktopPopupType,b=e.isMobile,C=e.isLoading,L=e.callApiHandler,M=e.DISCOVER_URL_FE,_=e.MARRY_BABY_FE,P=e.siteType,S=void 0===P?"helloSites":P;return"helloSites"===S?s.default.createElement(t.HelloSitesMenuCategoriesList,{locale:l,basePath:p,DISCOVER_URL_FE:M,isDisplayed:a,type:d,onSelectCategory:c,categories:n,spotlightsList:u,isLoading:C,isMobile:b,siteType:S,onClosePopup:y,desktopPopupType:g}):s.default.createElement(i.MarryBabyMenuCategoriesList,{basePath:p,callApiHandler:L,discoverApiDomain:r,isDisplayed:a,type:d,onSelectCategory:c,categories:n,isLoading:C,isMobile:b,MARRY_BABY_FE:_,desktopPopupType:g})};
-//# sourceMappingURL=index.js.map

package/build/components/organisms/navigationLayout/menuCategoriesList/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/organisms/navigationLayout/menuCategoriesList/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { LocaleType } from 'interfaces/types'\n\nimport {\n  Category,\n  DesktopMenuPopup,\n  SiteType,\n  SpotlightSummary,\n} from '../types'\nimport { HelloSitesMenuCategoriesList } from './helloSites'\nimport { MarryBabyMenuCategoriesList } from './marryBaby'\n\nexport type Props = {\n  isDisplayed: boolean\n  locale: LocaleType\n  discoverApiDomain: string\n  basePath: string\n  categories: Category[]\n  spotlightsList: SpotlightSummary[]\n  type: 'sub' | 'main'\n  onSelectCategory: (c: Category) => void\n  onClosePopup: () => void\n  isLoading: boolean\n  isMobile: boolean\n  // className: string\n  desktopPopupType: DesktopMenuPopup\n  callApiHandler: (p: string, m: 'GET' | 'POST' | 'PUT') => any\n  DISCOVER_URL_FE: string\n  MARRY_BABY_FE: string\n  siteType: SiteType\n  // onSubCategory: (c: Category) => void\n  // onSubCatLevel: (l: string) => void\n}\n\nconst MenuCategoriesList = ({\n  isDisplayed = false,\n  locale,\n  discoverApiDomain,\n  basePath,\n  categories,\n  spotlightsList,\n  type,\n  onSelectCategory,\n  onClosePopup,\n  desktopPopupType,\n  isMobile,\n  isLoading,\n  // className,\n  callApiHandler,\n  DISCOVER_URL_FE,\n  MARRY_BABY_FE,\n  siteType = 'helloSites',\n}: Props) => {\n  return siteType === 'helloSites' ? (\n    <HelloSitesMenuCategoriesList\n      locale={locale}\n      basePath={basePath}\n      // callApiHandler={callApiHandler}\n      // discoverApiDomain={discoverApiDomain}\n      DISCOVER_URL_FE={DISCOVER_URL_FE}\n      isDisplayed={isDisplayed}\n      type={type}\n      onSelectCategory={onSelectCategory}\n      categories={categories}\n      spotlightsList={spotlightsList}\n      isLoading={isLoading}\n      isMobile={isMobile}\n      siteType={siteType}\n      onClosePopup={onClosePopup}\n      desktopPopupType={desktopPopupType}\n    />\n  ) : (\n    <MarryBabyMenuCategoriesList\n      basePath={basePath}\n      callApiHandler={callApiHandler}\n      discoverApiDomain={discoverApiDomain}\n      isDisplayed={isDisplayed}\n      type={type}\n      onSelectCategory={onSelectCategory}\n      categories={categories}\n      isLoading={isLoading}\n      isMobile={isMobile}\n      // onClosePopup={onClosePopup}\n      MARRY_BABY_FE={MARRY_BABY_FE}\n      desktopPopupType={desktopPopupType}\n      // className={className}\n    />\n  )\n}\n\nexport { MenuCategoriesList }\n"],"names":["_a","_b","isDisplayed","locale","discoverApiDomain","basePath","categories","spotlightsList","type","onSelectCategory","onClosePopup","desktopPopupType","isMobile","isLoading","callApiHandler","DISCOVER_URL_FE","MARRY_BABY_FE","_c","siteType","React","createElement","HelloSitesMenuCategoriesList","MarryBabyMenuCategoriesList"],"mappings":"kQAmC2B,SAACA,GAC1B,IAAAC,EAAAD,EAAAE,YAAAA,OAAW,IAAAD,GAAQA,EACnBE,EAAMH,EAAAG,OACNC,sBACAC,EAAQL,EAAAK,SACRC,EAAUN,EAAAM,WACVC,EAAcP,EAAAO,eACdC,EAAIR,EAAAQ,KACJC,qBACAC,EAAYV,EAAAU,aACZC,EAAgBX,EAAAW,iBAChBC,EAAQZ,EAAAY,SACRC,EAASb,EAAAa,UAETC,EAAcd,EAAAc,eACdC,EAAef,EAAAe,gBACfC,EAAahB,EAAAgB,cACbC,EAAuBjB,EAAAkB,SAAvBA,OAAQ,IAAAD,EAAG,aAAYA,EAEvB,MAAoB,eAAbC,EACLC,EAAAA,QAAAC,cAACC,EAA4BA,6BAAA,CAC3BlB,OAAQA,EACRE,SAAUA,EAGVU,gBAAiBA,EACjBb,YAAaA,EACbM,KAAMA,EACNC,iBAAkBA,EAClBH,WAAYA,EACZC,eAAgBA,EAChBM,UAAWA,EACXD,SAAUA,EACVM,SAAUA,EACVR,aAAcA,EACdC,iBAAkBA,IAGpBQ,EAAC,QAAAC,cAAAE,EAAAA,6BACCjB,SAAUA,EACVS,eAAgBA,EAChBV,kBAAmBA,EACnBF,YAAaA,EACbM,KAAMA,EACNC,iBAAkBA,EAClBH,WAAYA,EACZO,UAAWA,EACXD,SAAUA,EAEVI,cAAeA,EACfL,iBAAkBA"}

package/build/components/organisms/navigationLayout/menuCategoriesList/index.styled.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),e=require("../../../../misc/utils.js"),t=require("styled-components"),i=require("../constants.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,r,l,p,d,s,x,c,m,g,f,u,h,y,b,v,_=a(t),w=_.default.div(o||(o=n.__makeTemplateObject(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"]))),k=_.default.div(r||(r=n.__makeTemplateObject(["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n\n  margin-top: 16px;\n"],["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n\n  margin-top: 16px;\n"]))),j=_.default.div(l||(l=n.__makeTemplateObject(["\n  & > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n"],["\n  & > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral100})),C=_.default.div(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  height: 48px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px;\n  background-color: ",";\n  font-size: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  height: 48px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px;\n  background-color: ",";\n  font-size: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold})),S=_.default.div(d||(d=n.__makeTemplateObject([""],[""]))),O=_.default.div(s||(s=n.__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"]))),z=_.default.div(x||(x=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  "," {\n    padding: 8px;\n  }\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  "," {\n    padding: 8px;\n  }\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n"])),e.MediaQueries.mbDown,(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink})),T=_.default.div(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"]))),I=_.default.div(m||(m=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])),i.Z_INDEX.menuCategoryPopupWrapper),P=_.default.div(g||(g=n.__makeTemplateObject(["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),i.Z_INDEX.menuCategoryPopupContainer,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white})),M=_.default.div(f||(f=n.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n\n  > :first-child {\n    flex: 2;\n  }\n\n  > :not(:first-child) {\n    flex: 1;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n\n  > :first-child {\n    flex: 2;\n  }\n\n  > :not(:first-child) {\n    flex: 1;\n  }\n"]))),B=_.default.div(u||(u=n.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"]))),q=_.default.div(h||(h=n.__makeTemplateObject(["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"],["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),W=_.default.div(y||(y=n.__makeTemplateObject(["\n  display: none;\n"],["\n  display: none;\n"]))),D=_.default.div(b||(b=n.__makeTemplateObject(["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"]))),E=_.default.div(v||(v=n.__makeTemplateObject(["\n  height: 1px;\n  flex: 1;\n  margin: 0 16px;\n  background-color: ",";\n"],["\n  height: 1px;\n  flex: 1;\n  margin: 0 16px;\n  background-color: ",";\n"])),(function(n){return n.theme.mbColors.lightGray}));exports.StyledCardSkeleton=w,exports.StyledCategory=S,exports.StyledCategoryContainer=C,exports.StyledCategoryIcon=O,exports.StyledCategoryItem=q,exports.StyledCategoryItemAll=z,exports.StyledCloseWrapper=D,exports.StyledContainer=k,exports.StyledHealthCategoriesContainer=B,exports.StyledImageWrapper=T,exports.StyledListContainer=j,exports.StyledMenuPopupContainer=P,exports.StyledMenuPopupInner=M,exports.StyledMenuPopupWrapper=I,exports.StyledSameLineIndicator=E,exports.StyledSubCategoryItem=W;
-//# sourceMappingURL=index.styled.js.map

package/build/components/organisms/navigationLayout/menuCategoriesList/index.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.js","sources":["../../../../../src/components/organisms/navigationLayout/menuCategoriesList/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nimport { Z_INDEX } from '../constants'\n\nexport const StyledCardSkeleton = styled.div`\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n`\nexport const StyledContainer = styled.div`\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n\n  margin-top: 16px;\n`\nexport const StyledListContainer = styled.div`\n  & > :not(:last-child) {\n    border-bottom: 1px solid\n      ${(props: ThemeProps) => props.theme.colors.neutral100};\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid\n      ${(props: ThemeProps) => props.theme.colors.neutral100};\n  }\n`\n\nexport const StyledCategoryContainer = styled.div`\n  display: flex;\n  width: 100%;\n  height: 48px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px;\n  background-color: ${(props: ThemeProps) => props.theme.colors.white};\n  font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ${(props: ThemeProps) => props.theme.colors.blue50};\n    color: ${(props: ThemeProps) => props.theme.colors.gray800};\n    font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n`\n\nexport const StyledCategory = styled.div``\n\nexport const StyledCategoryIcon = styled.div`\n  display: flex;\n`\n\nexport const StyledCategoryItemAll = styled.div`\n  display: flex;\n  align-items: center;\n\n  ${MediaQueries.mbDown} {\n    padding: 8px;\n  }\n  margin-bottom: 12px;\n  color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n  font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n  font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ${(props: ThemeProps) => props.theme.mbColors.pink};\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n`\n\nexport const StyledImageWrapper = styled.div`\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n`\n\nexport const StyledMenuPopupWrapper = styled.div`\n  position: fixed;\n  z-index: ${Z_INDEX.menuCategoryPopupWrapper};\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n`\n\nexport const StyledMenuPopupContainer = styled.div`\n  z-index: ${Z_INDEX.menuCategoryPopupContainer};\n  align-items: center;\n\n  border: 1px solid ${(props: ThemeProps) => props.theme.colors.neutral50};\n  background-color: ${(props: ThemeProps) => props.theme.colors.white};\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n`\n\nexport const StyledMenuPopupInner = styled.div`\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n\n  > :first-child {\n    flex: 2;\n  }\n\n  > :not(:first-child) {\n    flex: 1;\n  }\n`\n\nexport const StyledHealthCategoriesContainer = styled.div`\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n`\n\nexport const StyledCategoryItem = styled.div`\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ${(props: ThemeProps) => props.theme.colors.gray800};\n    font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n    font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n`\n\nexport const StyledSubCategoryItem = styled.div`\n  display: none;\n`\n\nexport const StyledCloseWrapper = styled.div`\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n`\n\nexport const StyledSameLineIndicator = styled.div`\n  height: 1px;\n  flex: 1;\n  margin: 0 16px;\n  background-color: ${(props: ThemeProps) => props.theme.mbColors.lightGray};\n`\n"],"names":["StyledCardSkeleton","styled","div","templateObject_1","__makeTemplateObject","StyledContainer","templateObject_2","StyledListContainer","templateObject_3","props","theme","colors","neutral100","StyledCategoryContainer","templateObject_4","white","sizes","fsParagraph4","blue50","gray800","fwBold","StyledCategory","templateObject_5","StyledCategoryIcon","templateObject_6","StyledCategoryItemAll","templateObject_7","MediaQueries","mbDown","primaryBase","mbColors","pink","StyledImageWrapper","templateObject_8","StyledMenuPopupWrapper","templateObject_9","Z_INDEX","menuCategoryPopupWrapper","StyledMenuPopupContainer","templateObject_10","menuCategoryPopupContainer","neutral50","StyledMenuPopupInner","templateObject_11","StyledHealthCategoriesContainer","templateObject_12","StyledCategoryItem","templateObject_13","fwRegular","StyledSubCategoryItem","templateObject_14","StyledCloseWrapper","templateObject_15","StyledSameLineIndicator","templateObject_16","lightGray"],"mappings":"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"}

package/build/components/organisms/navigationLayout/menuCategoriesList/marryBaby.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../misc/theme.js"),a=require("../marryBabyText/index.js"),n=require("./categorySkeleton.js"),l=require("./index.styled.js"),r=require("./marryBaby.styled.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);exports.MarryBabyMenuCategoriesList=function(i){var c=i.isDisplayed,d=void 0!==c&&c,s=i.categories,u=i.type,y=i.onSelectCategory,m=i.desktopPopupType,p=i.isMobile,g=i.isLoading,f=i.MARRY_BABY_FE,h=e.useState(-1),b=h[0],v=h[1],C=e.useState(!1),E=C[0],k=C[1];return p?o.default.createElement(o.default.Fragment,null,g&&d?o.default.createElement(l.StyledContainer,null,o.default.createElement(n,null)):o.default.createElement(l.StyledContainer,{"data-is-displayed":d,"data-category-list-type":u,style:{marginTop:24}},o.default.createElement(r.StyledMarryBabyListContainer,{className:"marry-bb-menu-categories"},s.map((function(e,n){return o.default.createElement("div",{key:u+"-category-"+n,className:"wrapper-menu-category wrapper-menu-category-".concat(n),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink)},o.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),style:{textDecoration:"none",color:t.theme.colors.gray800},onClick:function(e){e.preventDefault()},href:"".concat(f).concat(e.permalink)},o.default.createElement(r.StyledMarryBabyCategoryContainer,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),onClick:function(){var t;"main"===u||0===(null===(t=e.childCates)||void 0===t?void 0:t.length)?null==y||y(e):b===n?(k(!0),setTimeout((function(){v(-1),setTimeout((function(){k(!1)}),100)}),300)):v(n)},style:{display:"flex",alignItems:"center",justifyContent:"space-between"}},"main"===u?o.default.createElement(r.StyledMarryBabyIconContainer,{style:{backgroundColor:e.imageColor}},o.default.createElement("img",{src:e.iconUrl,style:{width:"24px",height:"24px"},alt:e.name})):o.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.default.createElement("path",{d:"M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),o.default.createElement(a.MarryBabyText,{style:{fontWeight:t.theme.sizes.fwSemiBold},type:"subtitle-2"},e.displayName),o.default.createElement(l.StyledSameLineIndicator,null),"main"===u?o.default.createElement(l.StyledCategoryIcon,null,o.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.default.createElement("path",{d:"M8.5 6L11 8.5L8.5 11",stroke:"#9495A0",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))):o.default.createElement(l.StyledCategoryIcon,null,b!==n?o.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.default.createElement("path",{d:"M8.5 6L11 8.5L8.5 11",stroke:"#9495A0",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})):o.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#2661AD",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))),"sub"===u&&e.childCates&&b===n&&e.childCates.length>0&&o.default.createElement(r.StyledMarryBabyCategoryCollapsibleContainer,null,o.default.createElement("div",{className:E?"collapsing":"expanding"},e.childCates.map((function(t,n){return o.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),style:{textDecoration:"none"},href:"".concat(f).concat(t.permalink),key:u+"-2-"+n},o.default.createElement(r.StyledMarryBabyCategoryContainer,{"data-is-heading-category":"sub"===u&&t.childCates&&t.childCates.length>0},o.default.createElement(r.StyledMarryBabySubMenuItem,null,o.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.default.createElement("path",{d:"M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),o.default.createElement(a.MarryBabyText,{type:"subtitle-2"},t.displayName))))})))),o.default.createElement("div",{style:{display:"none"}},e.childCates&&e.childCates.map((function(e,t){return o.default.createElement("a",{href:"".concat(f).concat(e.permalink),key:t,style:{textDecoration:"none"}},o.default.createElement("div",{"data-is-heading-category":"sub"===u&&e.childCates&&e.childCates.length>0},o.default.createElement("p",null,e.displayName)))}))))}))))):o.default.createElement(r.StyledMarryBabyMenuPopupWrapper,{className:"top-menu-categories","data-is-display":"categories"===m,tabIndex:0},o.default.createElement(r.StyledFullScreenLayer,null),o.default.createElement(r.StyledMarryBabyMenuPopupContainer,{"data-popup-type":m},o.default.createElement(r.StyledMarryBabyHealthCategoriesContainer,{className:"marry-bb-menu-categories"},g?o.default.createElement("div",{style:{width:"100%",padding:"0 20px"}},o.default.createElement(n,null)):s.map((function(e,n){return o.default.createElement("div",{className:"wrapper-menu-category wrapper-menu-category-".concat(n),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),key:u+"-category-"+n,onClick:function(){y(e)}},o.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://marrybaby.vn".concat(e.permalink),style:{textDecoration:"none",color:t.theme.colors.gray800},href:"".concat(f).concat(e.permalink)},o.default.createElement(r.StyledMarryBabyCategoryContainer,{style:{display:"flex",alignItems:"center",justifyContent:"flex-start"}},o.default.createElement(r.StyledMarryBabyIconContainer,{style:{backgroundColor:e.imageColor}},o.default.createElement("img",{src:e.iconUrl,style:{width:"24px",height:"24px"},alt:e.name})),o.default.createElement(a.MarryBabyText,{style:{fontWeight:t.theme.sizes.fwSemiBold},type:"subtitle-2"},e.displayName))))})))))};
-//# sourceMappingURL=marryBaby.js.map

package/build/components/organisms/navigationLayout/menuCategoriesList/marryBaby.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"marryBaby.js","sources":["../../../../../src/components/organisms/navigationLayout/menuCategoriesList/marryBaby.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nimport { theme } from 'misc/theme'\nimport { CSSProperties } from 'styled-components'\n\nimport { MarryBabyText } from '../marryBabyText'\nimport { Category, DesktopMenuPopup } from '../types'\nimport CategorySkeleton from './categorySkeleton'\nimport {\n  StyledCategoryIcon,\n  StyledContainer,\n  StyledSameLineIndicator,\n} from './index.styled'\nimport {\n  StyledFullScreenLayer,\n  StyledMarryBabyCategoryCollapsibleContainer,\n  StyledMarryBabyCategoryContainer,\n  StyledMarryBabyHealthCategoriesContainer,\n  StyledMarryBabyIconContainer,\n  StyledMarryBabyListContainer,\n  StyledMarryBabyMenuPopupContainer,\n  StyledMarryBabyMenuPopupWrapper,\n  StyledMarryBabySubMenuItem,\n} from './marryBaby.styled'\n\nexport type Props = {\n  discoverApiDomain: string\n  basePath: string\n  isDisplayed: boolean\n  categories: Category[]\n  type: 'sub' | 'main'\n  onSelectCategory?: (c: Category) => void\n  // onClosePopup?: () => void\n  isLoading: boolean\n  isMobile: boolean\n  // className: string\n  desktopPopupType: DesktopMenuPopup\n  callApiHandler: (p: string, m: 'GET' | 'POST') => unknown\n  MARRY_BABY_FE: string\n  // siteType: SiteType\n}\n\nconst MarryBabyMenuCategoriesList = ({\n  // locale,\n  // discoverApiDomain,\n  // basePath,\n  isDisplayed = false,\n  categories,\n  type,\n  onSelectCategory,\n  // onClosePopup,\n  desktopPopupType,\n  isMobile,\n  isLoading,\n  MARRY_BABY_FE,\n}: // className,\n// callApiHandler,\n// DISCOVER_URL_FE,\n// siteType = 'helloSites',\nProps) => {\n  const [expandingItem, setExpandingItem] = useState(-1)\n  const [isClosingItem, setIsClosingItem] = useState(false)\n\n  const onParentItemClosed = () => {\n    setIsClosingItem(true)\n\n    setTimeout(() => {\n      setExpandingItem(-1)\n\n      setTimeout(() => {\n        setIsClosingItem(false)\n      }, 100)\n    }, 300)\n  }\n\n  // useEffect(() => {\n  //   ;(async () => {\n  //     const response = (await callApiHandler(\n  //       getDiscoverDefaultSpotlightsApiPath(locale, discoverApiDomain, {\n  //         perPage: 100,\n  //         orderBy: 'start_date',\n  //       }),\n  //       'GET',\n  //     )) as {\n  //       data: { articles: SpotlightSummaryApi[] }\n  //     }\n\n  //     if (response?.data) {\n  //       const formattedSpotlights = formatSpotlightsList(\n  //         response?.data?.articles,\n  //       )\n  //         .filter(checkAvailableSpotlight)\n  //         .slice(0, 4)\n\n  //       setSpotlightsList(formattedSpotlights)\n  //     }\n  //   })()\n  // }, [])\n\n  return isMobile ? (\n    <>\n      {isLoading && isDisplayed ? (\n        <StyledContainer>\n          <CategorySkeleton />\n        </StyledContainer>\n      ) : (\n        <StyledContainer\n          data-is-displayed={isDisplayed}\n          data-category-list-type={type}\n          // className={className}\n          style={{ marginTop: 24 }}\n        >\n          <StyledMarryBabyListContainer className=\"marry-bb-menu-categories\">\n            {categories.map((category, index) => (\n              <div\n                key={type + '-category-' + index}\n                className={`wrapper-menu-category wrapper-menu-category-${index}`}\n                data-event-category=\"Hamburger Navigation\"\n                data-event-action=\"Click\"\n                data-event-label={`https://marrybaby.vn${category.permalink}`}\n              >\n                <a\n                  data-event-category=\"Hamburger Navigation\"\n                  data-event-action=\"Click\"\n                  data-event-label={`https://marrybaby.vn${category.permalink}`}\n                  style={{\n                    textDecoration: 'none',\n                    color: theme.colors.gray800,\n                  }}\n                  onClick={(\n                    e: React.MouseEvent<HTMLAnchorElement, MouseEvent>,\n                  ) => {\n                    e.preventDefault()\n                  }}\n                  href={`${MARRY_BABY_FE}${category.permalink}`}\n                >\n                  <StyledMarryBabyCategoryContainer\n                    data-event-category=\"Hamburger Navigation\"\n                    data-event-action=\"Click\"\n                    data-event-label={`https://marrybaby.vn${category.permalink}`}\n                    onClick={() => {\n                      type === 'main' || category.childCates?.length === 0\n                        ? onSelectCategory?.(category)\n                        : expandingItem === index\n                        ? onParentItemClosed()\n                        : setExpandingItem(index)\n                    }}\n                    style={{\n                      display: 'flex',\n                      alignItems: 'center',\n                      justifyContent: 'space-between',\n                    }}\n                  >\n                    {type === 'main' ? (\n                      <StyledMarryBabyIconContainer\n                        style={{\n                          backgroundColor: category.imageColor,\n                        }}\n                      >\n                        <img\n                          src={category.iconUrl}\n                          style={{ width: '24px', height: '24px' }}\n                          alt={category.name}\n                        />\n                      </StyledMarryBabyIconContainer>\n                    ) : (\n                      <svg\n                        width=\"24\"\n                        height=\"24\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"\n                          stroke=\"#3E3F58\"\n                          strokeWidth=\"1.3\"\n                          strokeLinecap=\"round\"\n                        />\n                      </svg>\n                    )}\n                    <MarryBabyText\n                      style={\n                        { fontWeight: theme.sizes.fwSemiBold } as CSSProperties\n                      }\n                      type=\"subtitle-2\"\n                    >\n                      {category.displayName}\n                    </MarryBabyText>\n                    <StyledSameLineIndicator />\n                    {type === 'main' ? (\n                      <StyledCategoryIcon>\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 18 18\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M8.5 6L11 8.5L8.5 11\"\n                            stroke=\"#9495A0\"\n                            strokeWidth=\"1.3\"\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                          />\n                        </svg>\n\n                        {/* )} */}\n                      </StyledCategoryIcon>\n                    ) : (\n                      <StyledCategoryIcon>\n                        {expandingItem !== index ? (\n                          <svg\n                            width=\"18\"\n                            height=\"18\"\n                            viewBox=\"0 0 18 18\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                          >\n                            <path\n                              d=\"M8.5 6L11 8.5L8.5 11\"\n                              stroke=\"#9495A0\"\n                              strokeWidth=\"1.3\"\n                              strokeLinecap=\"round\"\n                              strokeLinejoin=\"round\"\n                            />\n                          </svg>\n                        ) : (\n                          <svg\n                            width=\"18\"\n                            height=\"18\"\n                            viewBox=\"0 0 18 18\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                          >\n                            <path\n                              d=\"M11.5 7.5L9 10L6.5 7.5\"\n                              stroke=\"#2661AD\"\n                              strokeWidth=\"1.3\"\n                              strokeLinecap=\"round\"\n                              strokeLinejoin=\"round\"\n                            />\n                          </svg>\n                        )}\n\n                        {/* )} */}\n                      </StyledCategoryIcon>\n                    )}\n                  </StyledMarryBabyCategoryContainer>\n                </a>\n                {type === 'sub' &&\n                  category.childCates &&\n                  expandingItem === index &&\n                  category.childCates.length > 0 && (\n                    <StyledMarryBabyCategoryCollapsibleContainer>\n                      <div\n                        className={isClosingItem ? 'collapsing' : 'expanding'}\n                      >\n                        {category.childCates.map((subCategory, subIndex) => (\n                          <a\n                            data-event-category=\"Hamburger Navigation\"\n                            data-event-action=\"Click\"\n                            data-event-label={`https://marrybaby.vn${category.permalink}`}\n                            style={{ textDecoration: 'none' }}\n                            href={`${MARRY_BABY_FE}${subCategory.permalink}`}\n                            key={type + '-2-' + subIndex}\n                          >\n                            <StyledMarryBabyCategoryContainer\n                              data-is-heading-category={\n                                type === 'sub' &&\n                                subCategory.childCates &&\n                                subCategory.childCates.length > 0\n                              }\n                            >\n                              <StyledMarryBabySubMenuItem>\n                                <svg\n                                  width=\"24\"\n                                  height=\"24\"\n                                  viewBox=\"0 0 24 24\"\n                                  fill=\"none\"\n                                  xmlns=\"http://www.w3.org/2000/svg\"\n                                >\n                                  <path\n                                    d=\"M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"\n                                    stroke=\"#3E3F58\"\n                                    strokeWidth=\"1.3\"\n                                    strokeLinecap=\"round\"\n                                  />\n                                </svg>\n                                <MarryBabyText type=\"subtitle-2\">\n                                  {subCategory.displayName}\n                                </MarryBabyText>\n                              </StyledMarryBabySubMenuItem>\n                            </StyledMarryBabyCategoryContainer>\n                          </a>\n                        ))}\n                      </div>\n                    </StyledMarryBabyCategoryCollapsibleContainer>\n                  )}\n\n                <div style={{ display: 'none' }}>\n                  {category.childCates &&\n                    category.childCates.map((subCategory, subIndex) => (\n                      <a\n                        href={`${MARRY_BABY_FE}${subCategory.permalink}`}\n                        key={subIndex}\n                        style={{ textDecoration: 'none' }}\n                      >\n                        <div\n                          data-is-heading-category={\n                            type === 'sub' &&\n                            subCategory.childCates &&\n                            subCategory.childCates.length > 0\n                          }\n                        >\n                          <p>{subCategory.displayName}</p>\n                        </div>\n                      </a>\n                    ))}\n                </div>\n              </div>\n            ))}\n          </StyledMarryBabyListContainer>\n        </StyledContainer>\n      )}\n    </>\n  ) : (\n    <StyledMarryBabyMenuPopupWrapper\n      className=\"top-menu-categories\"\n      data-is-display={desktopPopupType === 'categories'}\n      tabIndex={0}\n    >\n      <StyledFullScreenLayer />\n      <StyledMarryBabyMenuPopupContainer data-popup-type={desktopPopupType}>\n        <StyledMarryBabyHealthCategoriesContainer className=\"marry-bb-menu-categories\">\n          {isLoading ? (\n            <div\n              style={{\n                width: '100%',\n                padding: '0 20px',\n              }}\n            >\n              <CategorySkeleton />\n            </div>\n          ) : (\n            categories.map((category, categoryIndex) => (\n              <div\n                className={`wrapper-menu-category wrapper-menu-category-${categoryIndex}`}\n                data-event-category=\"Hamburger Navigation\"\n                data-event-action=\"Click\"\n                data-event-label={`https://marrybaby.vn${category.permalink}`}\n                key={type + '-category-' + categoryIndex}\n                onClick={() => {\n                  onSelectCategory(category)\n                }}\n              >\n                <a\n                  data-event-category=\"Hamburger Navigation\"\n                  data-event-action=\"Click\"\n                  data-event-label={`https://marrybaby.vn${category.permalink}`}\n                  style={{\n                    textDecoration: 'none',\n                    color: theme.colors.gray800,\n                  }}\n                  href={`${MARRY_BABY_FE}${category.permalink}`}\n                >\n                  <StyledMarryBabyCategoryContainer\n                    style={{\n                      display: 'flex',\n                      alignItems: 'center',\n                      justifyContent: 'flex-start',\n                    }}\n                  >\n                    {/* <StyledCategory></StyledCategory> */}\n                    <StyledMarryBabyIconContainer\n                      style={{\n                        backgroundColor: category.imageColor,\n                      }}\n                    >\n                      <img\n                        src={category.iconUrl}\n                        style={{ width: '24px', height: '24px' }}\n                        alt={category.name}\n                      />\n                    </StyledMarryBabyIconContainer>\n\n                    <MarryBabyText\n                      style={\n                        {\n                          fontWeight: theme.sizes.fwSemiBold,\n                        } as CSSProperties\n                      }\n                      type=\"subtitle-2\"\n                    >\n                      {category.displayName}\n                    </MarryBabyText>\n                  </StyledMarryBabyCategoryContainer>\n                </a>\n              </div>\n            ))\n          )}\n        </StyledMarryBabyHealthCategoriesContainer>\n      </StyledMarryBabyMenuPopupContainer>\n    </StyledMarryBabyMenuPopupWrapper>\n  )\n}\n\nexport { MarryBabyMenuCategoriesList }\n"],"names":["_a","_b","isDisplayed","categories","type","onSelectCategory","desktopPopupType","isMobile","isLoading","MARRY_BABY_FE","_c","useState","expandingItem","setExpandingItem","_d","isClosingItem","setIsClosingItem","React","createElement","Fragment","StyledContainer","CategorySkeleton","style","marginTop","StyledMarryBabyListContainer","className","map","category","index","key","permalink","concat","textDecoration","color","theme","colors","gray800","onClick","e","preventDefault","href","StyledMarryBabyCategoryContainer","childCates","length","setTimeout","display","alignItems","justifyContent","StyledMarryBabyIconContainer","backgroundColor","imageColor","src","iconUrl","width","height","alt","name","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","MarryBabyText","fontWeight","sizes","fwSemiBold","displayName","StyledSameLineIndicator","StyledCategoryIcon","strokeLinejoin","StyledMarryBabyCategoryCollapsibleContainer","subCategory","subIndex","StyledMarryBabySubMenuItem","StyledMarryBabyMenuPopupWrapper","tabIndex","StyledFullScreenLayer","StyledMarryBabyMenuPopupContainer","StyledMarryBabyHealthCategoriesContainer","padding","categoryIndex"],"mappings":"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"}

package/build/components/organisms/navigationLayout/menuCategoriesList/marryBaby.styled.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),e=require("styled-components"),t=require("../constants.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a=i(e),r=a.default.div(c||(c=n.__makeTemplateObject([""],[""]))),o=a.default.div(m||(m=n.__makeTemplateObject(["\n  display: flex;\n  width: 40px;\n  height: 40px;\n  align-items: center;\n  justify-content: center;\n\n  margin-right: 16px;\n  border-radius: 50%;\n"],["\n  display: flex;\n  width: 40px;\n  height: 40px;\n  align-items: center;\n  justify-content: center;\n\n  margin-right: 16px;\n  border-radius: 50%;\n"]))),p=a.default.div(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  margin-left: 48px;\n\n  > :first-child {\n    margin-right: 24px;\n  }\n"],["\n  display: flex;\n  margin-left: 48px;\n\n  > :first-child {\n    margin-right: 24px;\n  }\n"]))),l=a.default.div(f||(f=n.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  //height: 40px;\n\n  background-color: ",";\n  font-size: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n\n  > svg:first-child {\n    margin-right: 24px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  //height: 40px;\n\n  background-color: ",";\n  font-size: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n\n  > svg:first-child {\n    margin-right: 24px;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold})),d=a.default.div(h||(h=n.__makeTemplateObject(["\n  overflow: hidden;\n  > .expanding {\n    animation-duration: 0.3s;\n    animation-name: expandingTopToBottom;\n  }\n\n  > .collapsing {\n    margin-top: -100%;\n    animation-duration: 0.3s;\n    animation-name: collapsingBottomToTop;\n  }\n"],["\n  overflow: hidden;\n  > .expanding {\n    animation-duration: 0.3s;\n    animation-name: expandingTopToBottom;\n  }\n\n  > .collapsing {\n    margin-top: -100%;\n    animation-duration: 0.3s;\n    animation-name: collapsingBottomToTop;\n  }\n"]))),s=a.default.div(y||(y=n.__makeTemplateObject(["\n  position: absolute;\n  z-index: ",";\n  top: 64px;\n\n  min-width: 375px;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  position: absolute;\n  z-index: ",";\n  top: 64px;\n\n  min-width: 375px;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])),t.Z_INDEX.menuCategoryPopupWrapper),x=a.default.div(b||(b=n.__makeTemplateObject(["\n  position: fixed;\n  top: 69px;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n"],["\n  position: fixed;\n  top: 69px;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n"]))),g=a.default.div(w||(w=n.__makeTemplateObject(["\n  z-index: ",";\n\n  width: 100%;\n\n  max-height: 80vh;\n\n  padding: 20px 0;\n\n  border: 1px solid ",";\n  //align-items: center;\n  //display: flex;\n  //flex: 1;\n  background-color: ",";\n\n  border-radius: 16px;\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n\n  overflow-y: auto;\n"],["\n  z-index: ",";\n\n  width: 100%;\n\n  max-height: 80vh;\n\n  padding: 20px 0;\n\n  border: 1px solid ",";\n  //align-items: center;\n  //display: flex;\n  //flex: 1;\n  background-color: ",";\n\n  border-radius: 16px;\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n\n  overflow-y: auto;\n"])),t.Z_INDEX.menuCategoryPopupContainer,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white}));a.default.div(v||(v=n.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 24px;\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 24px;\n"])));var c,m,u,f,h,y,b,w,v,_,j,k=a.default.div(_||(_=n.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n"])));a.default.div(j||(j=n.__makeTemplateObject(["\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"],["\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),exports.StyledFullScreenLayer=x,exports.StyledMarryBabyCategoryCollapsibleContainer=d,exports.StyledMarryBabyCategoryContainer=l,exports.StyledMarryBabyHealthCategoriesContainer=k,exports.StyledMarryBabyIconContainer=o,exports.StyledMarryBabyListContainer=r,exports.StyledMarryBabyMenuPopupContainer=g,exports.StyledMarryBabyMenuPopupWrapper=s,exports.StyledMarryBabySubMenuItem=p;
-//# sourceMappingURL=marryBaby.styled.js.map

package/build/components/organisms/navigationLayout/menuCategoriesList/marryBaby.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"marryBaby.styled.js","sources":["../../../../../src/components/organisms/navigationLayout/menuCategoriesList/marryBaby.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nimport { Z_INDEX } from '../constants'\n\nexport const StyledMarryBabyListContainer = styled.div``\n\nexport const StyledMarryBabyIconContainer = styled.div`\n  display: flex;\n  width: 40px;\n  height: 40px;\n  align-items: center;\n  justify-content: center;\n\n  margin-right: 16px;\n  border-radius: 50%;\n`\n\nexport const StyledMarryBabySubMenuItem = styled.div`\n  display: flex;\n  margin-left: 48px;\n\n  > :first-child {\n    margin-right: 24px;\n  }\n`\n\nexport const StyledMarryBabyCategoryContainer = styled.div`\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  //height: 40px;\n\n  background-color: ${(props: ThemeProps) => props.theme.colors.white};\n  font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ${(props: ThemeProps) => props.theme.colors.blue50};\n    color: ${(props: ThemeProps) => props.theme.colors.gray800};\n    font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n  }\n\n  > svg:first-child {\n    margin-right: 24px;\n  }\n`\n\nexport const StyledMarryBabyCategoryCollapsibleContainer = styled.div`\n  overflow: hidden;\n  > .expanding {\n    animation-duration: 0.3s;\n    animation-name: expandingTopToBottom;\n  }\n\n  > .collapsing {\n    margin-top: -100%;\n    animation-duration: 0.3s;\n    animation-name: collapsingBottomToTop;\n  }\n`\n\nexport const StyledMarryBabyMenuPopupWrapper = styled.div`\n  position: absolute;\n  z-index: ${Z_INDEX.menuCategoryPopupWrapper};\n  top: 64px;\n\n  min-width: 375px;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n`\n\nexport const StyledFullScreenLayer = styled.div`\n  position: fixed;\n  top: 69px;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n`\n\nexport const StyledMarryBabyMenuPopupContainer = styled.div`\n  z-index: ${Z_INDEX.menuCategoryPopupContainer};\n\n  width: 100%;\n\n  max-height: 80vh;\n\n  padding: 20px 0;\n\n  border: 1px solid ${(props: ThemeProps) => props.theme.colors.neutral50};\n  //align-items: center;\n  //display: flex;\n  //flex: 1;\n  background-color: ${(props: ThemeProps) => props.theme.colors.white};\n\n  border-radius: 16px;\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n\n  overflow-y: auto;\n`\n\nexport const StyledMarryBabyMenuPopupInner = styled.div`\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 24px;\n`\n\nexport const StyledMarryBabyHealthCategoriesContainer = styled.div`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n`\n\nexport const StyledMarryBabyCategoryItem = styled.div`\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ${(props: ThemeProps) => props.theme.colors.gray800};\n    font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n    font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n`\n"],"names":["StyledMarryBabyListContainer","styled","div","templateObject_1","__makeTemplateObject","StyledMarryBabyIconContainer","templateObject_2","StyledMarryBabySubMenuItem","templateObject_3","StyledMarryBabyCategoryContainer","templateObject_4","props","theme","colors","white","sizes","fsParagraph4","blue50","gray800","fwBold","StyledMarryBabyCategoryCollapsibleContainer","templateObject_5","StyledMarryBabyMenuPopupWrapper","templateObject_6","Z_INDEX","menuCategoryPopupWrapper","StyledFullScreenLayer","templateObject_7","StyledMarryBabyMenuPopupContainer","templateObject_8","menuCategoryPopupContainer","neutral50","templateObject_9","StyledMarryBabyHealthCategoriesContainer","templateObject_10","templateObject_11","fwRegular","primaryBase"],"mappings":"gRAKaA,EAA+BC,EAAM,QAACC,IAAGC,IAAAA,EAAAC,uBAAA,CAAA,IAAA,CAAA,OAEzCC,EAA+BJ,EAAM,QAACC,IAAGI,IAAAA,EAAAF,uBAAA,CAAA,6JAAA,CAAA,gKAWzCG,EAA6BN,EAAM,QAACC,IAAGM,IAAAA,EAAAJ,uBAAA,CAAA,kGAAA,CAAA,qGASvCK,EAAmCR,EAAAA,QAAOC,IAAGQ,IAAAA,EAAAN,EAAAA,qBAAA,CAAA,kKAAA,mBAAA,gGAAA,iBAAA,uBAAA,mEAAA,CAAA,kKAQW,mBACD,gGAII,iBACV,uBACI,sEAP5C,SAACO,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,SACjD,SAACH,GAAsB,OAAAA,EAAMC,MAAMG,MAAMC,gBAIhC,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,UACrD,SAACN,GAAsB,OAAAA,EAAMC,MAAMC,OAAOK,WACpC,SAACP,GAAsB,OAAAA,EAAMC,MAAMG,MAAMI,UAQ/CC,EAA8CnB,EAAM,QAACC,IAAGmB,IAAAA,EAAAjB,uBAAA,CAAA,yPAAA,CAAA,4PAcxDkB,EAAkCrB,EAAM,QAACC,IAAGqB,IAAAA,EAAAnB,EAAAA,qBAAA,CAAA,uCAAA,+JAAA,CAAA,uCAEZ,iKAAhCoB,EAAOA,QAACC,0BAWRC,EAAwBzB,EAAM,QAACC,IAAGyB,IAAAA,EAAAvB,uBAAA,CAAA,uFAAA,CAAA,0FAQlCwB,EAAoC3B,EAAM,QAACC,IAAG2B,IAAAA,EAAAzB,EAAAA,qBAAA,CAAA,gBAAA,2FAAA,sFAAA,yNAAA,CAAA,gBACZ,2FAQ0B,sFAIJ,2NAZxDoB,EAAAA,QAAQM,4BAQC,SAACnB,GAAsB,OAAAA,EAAMC,MAAMC,OAAOkB,aAI1C,SAACpB,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,SAUnBb,EAAAA,QAAOC,IAAG8B,IAAAA,EAAA5B,EAAAA,qBAAA,CAAA,iJAAA,CAAA,oJAS1C,0BAAA6B,EAA2ChC,EAAM,QAACC,IAAGgC,IAAAA,EAAA9B,uBAAA,CAAA,0EAAA,CAAA,6EAMvBH,EAAM,QAACC,IAAGiC,IAAAA,EAAA/B,uBAAA,CAAA,6EAAA,qBAAA,uBAAA,iEAAA,2OAAA,CAAA,6EAKS,qBACQ,uBACD,iEAKH,8OAPrD,SAACO,GAAsB,OAAAA,EAAMC,MAAMC,OAAOK,WACtC,SAACP,GAAsB,OAAAA,EAAMC,MAAMG,MAAMC,gBACvC,SAACL,GAAsB,OAAAA,EAAMC,MAAMG,MAAMqB,aAK/C,SAACzB,GAAsB,OAAAA,EAAMC,MAAMC,OAAOwB"}

package/build/components/organisms/navigationLayout/menuCategoriesList/spotlightsList/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../atoms/heading/index.js"),a=require("../../../../../misc/theme.js"),l=require("../../constants.js"),n=require("../../utils.js"),o=require("./index.styled.js"),r=require("./spotlightSkeleton.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(e);exports.SpotlightsList=function(e){var i=e.isDisplayed,c=void 0!==i&&i,d=e.spotlights,m=e.isLoading,u=e.className,g=e.isMobile,h=e.DISCOVER_URL_FE,p=e.basePath,y=e.locale,v=e.siteType,f=n.useTranslation();return c?s.default.createElement(o.StyledWrapper,null,s.default.createElement(t.Heading,{tag:"h3",style:{marginBottom:24}},f("home.navigator.menuItem.spotlights")),m&&c?s.default.createElement(o.StyledContainer,{className:u},s.default.createElement(r,null)):s.default.createElement(o.StyledContainer,{"data-is-displayed":c,className:u},d.map((function(e,t){return s.default.createElement(o.StyledCategoryItemDesktop,{style:{textDecoration:"none"},key:"spotlight-"+t},g?s.default.createElement("a",{href:e.permalink,style:{textDecoration:"none",color:a.theme.colors.gray800}},s.default.createElement(o.StyledCategoryContainer,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(l.domainLocales[y]).concat(e.permalink)},s.default.createElement(o.StyledCategory,null,e.name))):s.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(l.domainLocales[y]).concat(e.permalink),style:{textDecoration:"none",pointerEvents:"auto"},href:"".concat(h).concat(e.permalink)},e.name))})),s.default.createElement("a",{style:{textDecoration:"none"},href:"".concat(h,"/spotlight/")},s.default.createElement(o.StyledSpotlightItemAll,{key:"all-spotlights","data-theme":v,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"".concat(h,"/spotlight/")},f("home.navigator.menuItem.allSpotlight"),s.default.createElement(o.StyledImageWrapper,null,"helloSites"===v?s.default.createElement("img",{src:"".concat(p,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:f("home.navigator.menuItem.allSpotlight")}):s.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))))):null};
-//# sourceMappingURL=index.js.map

package/build/components/organisms/navigationLayout/menuCategoriesList/spotlightsList/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuCategoriesList/spotlightsList/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Heading } from 'components/atoms/heading'\nimport { theme } from 'misc/theme'\n\nimport { domainLocales } from '../../constants'\nimport { LocaleType, SiteType, SpotlightSummary } from '../../types'\nimport { useTranslation } from '../../utils'\nimport {\n  StyledCategory,\n  StyledCategoryContainer,\n  StyledWrapper,\n  StyledContainer,\n  StyledImageWrapper,\n  StyledSpotlightItemAll,\n  StyledCategoryItemDesktop,\n} from './index.styled'\nimport SpotlightSkeleton from './spotlightSkeleton'\n\nexport type Props = {\n  isDisplayed?: boolean\n  spotlights: SpotlightSummary[]\n  isLoading?: boolean\n  isMobile?: boolean\n  className?: string\n  basePath: string\n  DISCOVER_URL_FE: string\n  locale: LocaleType\n  siteType: SiteType\n}\n\nconst SpotlightsList = ({\n  isDisplayed = false,\n  spotlights,\n  isLoading,\n  className,\n  isMobile,\n  DISCOVER_URL_FE,\n  basePath,\n  locale,\n  siteType,\n}: Props) => {\n  const f = useTranslation()\n\n  if (!isDisplayed) return null\n  return (\n    <StyledWrapper>\n      <Heading tag=\"h3\" style={{ marginBottom: 24 }}>\n        {f('home.navigator.menuItem.spotlights')}\n      </Heading>\n      {isLoading && isDisplayed ? (\n        <StyledContainer className={className}>\n          <SpotlightSkeleton />\n        </StyledContainer>\n      ) : (\n        <StyledContainer data-is-displayed={isDisplayed} className={className}>\n          {spotlights.map((spotlight, index) => (\n            <StyledCategoryItemDesktop\n              style={{\n                textDecoration: 'none',\n              }}\n              key={'spotlight-' + index}\n            >\n              {isMobile ? (\n                <a\n                  href={spotlight.permalink}\n                  style={{\n                    textDecoration: 'none',\n                    color: theme.colors.gray800,\n                  }}\n                >\n                  <StyledCategoryContainer\n                    data-event-category=\"Hamburger Navigation\"\n                    data-event-action=\"Click\"\n                    data-event-label={`https://${domainLocales[locale]}${spotlight.permalink}`}\n                  >\n                    <StyledCategory>{spotlight.name}</StyledCategory>\n                  </StyledCategoryContainer>\n                </a>\n              ) : (\n                <a\n                  data-event-category=\"Hamburger Navigation\"\n                  data-event-action=\"Click\"\n                  data-event-label={`https://${domainLocales[locale]}${spotlight.permalink}`}\n                  style={{\n                    textDecoration: 'none',\n                    pointerEvents: 'auto',\n                  }}\n                  href={`${DISCOVER_URL_FE}${spotlight.permalink}`}\n                >\n                  {spotlight.name}\n                </a>\n              )}\n            </StyledCategoryItemDesktop>\n          ))}\n          <a\n            style={{ textDecoration: 'none' }}\n            href={`${DISCOVER_URL_FE}/spotlight/`}\n          >\n            <StyledSpotlightItemAll\n              key={'all-spotlights'}\n              data-theme={siteType}\n              data-event-category=\"Hamburger Navigation\"\n              data-event-action=\"Click\"\n              data-event-label={`${DISCOVER_URL_FE}/spotlight/`}\n            >\n              {f('home.navigator.menuItem.allSpotlight')}\n              <StyledImageWrapper>\n                {siteType === 'helloSites' ? (\n                  <img\n                    src={`${basePath}/svg/chevronRightActive.svg`}\n                    style={{ width: '16px', height: '16px' }}\n                    alt={f('home.navigator.menuItem.allSpotlight')}\n                  />\n                ) : (\n                  <svg\n                    width=\"24\"\n                    height=\"24\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <path\n                      d=\"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16\"\n                      stroke=\"#3E3F58\"\n                      strokeWidth=\"1.3\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    />\n                  </svg>\n                )}\n              </StyledImageWrapper>\n            </StyledSpotlightItemAll>\n          </a>\n        </StyledContainer>\n      )}\n    </StyledWrapper>\n  )\n}\n\nexport { SpotlightsList }\n"],"names":["_a","_b","isDisplayed","spotlights","isLoading","className","isMobile","DISCOVER_URL_FE","basePath","locale","siteType","f","useTranslation","React","StyledWrapper","createElement","Heading","tag","style","marginBottom","StyledContainer","SpotlightSkeleton","map","spotlight","index","StyledCategoryItemDesktop","textDecoration","key","href","permalink","color","theme","colors","gray800","StyledCategoryContainer","concat","domainLocales","StyledCategory","name","pointerEvents","StyledSpotlightItemAll","StyledImageWrapper","src","width","height","alt","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"mappings":"8ZA+BuB,SAACA,GACtB,IAAAC,EAAAD,EAAAE,YAAAA,OAAc,IAAAD,GAAKA,EACnBE,EAAUH,EAAAG,WACVC,EAASJ,EAAAI,UACTC,EAASL,EAAAK,UACTC,EAAQN,EAAAM,SACRC,EAAeP,EAAAO,gBACfC,EAAQR,EAAAQ,SACRC,EAAMT,EAAAS,OACNC,EAAQV,EAAAU,SAEFC,EAAIC,EAAAA,iBAEV,OAAKV,EAEHW,wBAACC,EAAAA,cAAa,KACZD,EAAAA,QAAAE,cAACC,EAAAA,QAAQ,CAAAC,IAAI,KAAKC,MAAO,CAAEC,aAAc,KACtCR,EAAE,uCAEJP,GAAaF,EACZW,UAAAE,cAACK,EAAAA,gBAAe,CAACf,UAAWA,GAC1BQ,EAAAA,QAAAE,cAACM,EAAiB,OAGpBR,EAAA,QAAAE,cAACK,EAAAA,gBAAmC,CAAA,oBAAAlB,EAAaG,UAAWA,GACzDF,EAAWmB,KAAI,SAACC,EAAWC,GAAU,OACpCX,EAAAA,QAAAE,cAACU,4BAAyB,CACxBP,MAAO,CACLQ,eAAgB,QAElBC,IAAK,aAAeH,GAEnBlB,EACCO,EAAA,QAAAE,cAAA,IAAA,CACEa,KAAML,EAAUM,UAChBX,MAAO,CACLQ,eAAgB,OAChBI,MAAOC,EAAAA,MAAMC,OAAOC,UAGtBpB,EAAA,QAAAE,cAACmB,0BAAuB,CAAA,sBACF,uBAAsB,oBACxB,QACA,mBAAA,WAAAC,OAAWC,EAAAA,cAAc3B,IAAO0B,OAAGZ,EAAUM,YAE/DhB,EAAAA,QAAAE,cAACsB,iBAAc,KAAEd,EAAUe,QAI/BzB,EAAAA,QACsBE,cAAA,IAAA,CAAA,sBAAA,uBACF,oBAAA,QACA,mBAAA,WAAAoB,OAAWC,EAAaA,cAAC3B,IAAU0B,OAAAZ,EAAUM,WAC/DX,MAAO,CACLQ,eAAgB,OAChBa,cAAe,QAEjBX,KAAM,GAAAO,OAAG5B,GAAkB4B,OAAAZ,EAAUM,YAEpCN,EAAUe,UAKnBzB,EAAAA,QAAAE,cAAA,IAAA,CACEG,MAAO,CAAEQ,eAAgB,QACzBE,KAAM,GAAGO,OAAA5B,EAA4B,gBAErCM,EAAA,QAAAE,cAACyB,yBAAsB,CACrBb,IAAK,iBACO,aAAAjB,EACQ,sBAAA,uBACF,oBAAA,QACA,mBAAA,GAAAyB,OAAG5B,EAA4B,gBAEhDI,EAAE,wCACHE,UAACE,cAAA0B,EAAAA,mBACE,KAAa,eAAb/B,EACCG,EAAAA,QACEE,cAAA,MAAA,CAAA2B,IAAK,GAAAP,OAAG3B,EAAQ,+BAChBU,MAAO,CAAEyB,MAAO,OAAQC,OAAQ,QAChCC,IAAKlC,EAAE,0CAGTE,EAAA,QAAAE,cAAA,MAAA,CACE4B,MAAM,KACNC,OAAO,KACPE,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENnC,UAAAE,cAAA,OAAA,CACEkC,EAAE,oDACFC,OAAO,UACPC,YAAY,MACZC,cAAc,QACdC,eAAe,gBAnFV"}

package/build/components/organisms/navigationLayout/menuCategoriesList/spotlightsList/index.styled.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../../node_modules/tslib/tslib.es6.js"),e=require("../../../../../misc/utils.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o=t(require("styled-components")),i=o.default.div(p||(p=n.__makeTemplateObject(["\n  "," {\n    margin: 48px 0;\n  }\n\n  "," {\n    padding: 0 16px;\n  }\n"],["\n  "," {\n    margin: 48px 0;\n  }\n\n  "," {\n    padding: 0 16px;\n  }\n"])),e.MediaQueries.mbDown,e.MediaQueries.mbUp),r=o.default.div(c||(c=n.__makeTemplateObject(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"]))),a=o.default.div(m||(m=n.__makeTemplateObject(["\n  "," {\n    & > :not(:last-child) {\n      border-bottom: 1px solid\n        ",";\n    }\n\n    & > div > :not(:last-child) {\n      border-bottom: 1px solid\n        ",";\n    }\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n\n  display: flex;\n  flex-direction: column;\n"],["\n  "," {\n    & > :not(:last-child) {\n      border-bottom: 1px solid\n        ",";\n    }\n\n    & > div > :not(:last-child) {\n      border-bottom: 1px solid\n        ",";\n    }\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n\n  display: flex;\n  flex-direction: column;\n"])),e.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral100}));o.default.div(u||(u=n.__makeTemplateObject(["\n  "," {\n    & > :not(:last-child) {\n      border-bottom: 1px solid\n        ",";\n    }\n\n    & > div > :not(:last-child) {\n      border-bottom: 1px solid\n        ",";\n    }\n  }\n"],["\n  "," {\n    & > :not(:last-child) {\n      border-bottom: 1px solid\n        ",";\n    }\n\n    & > div > :not(:last-child) {\n      border-bottom: 1px solid\n        ",";\n    }\n  }\n"])),e.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral100}));var l=o.default.div(g||(g=n.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  height: 48px;\n  align-items: center;\n  justify-content: space-between;\n\n  background-color: ",";\n  font-size: ",";\n  font-weight: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n\n  "," {\n    padding: 8px;\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  height: 48px;\n  align-items: center;\n  justify-content: space-between;\n\n  background-color: ",";\n  font-size: ",";\n  font-weight: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n\n  "," {\n    padding: 8px;\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),e.MediaQueries.mbDown),d=o.default.div(f||(f=n.__makeTemplateObject(["\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"],["\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),s=o.default.div(h||(h=n.__makeTemplateObject([""],[""])));o.default.div(x||(x=n.__makeTemplateObject([""],[""])));var p,c,m,u,g,f,h,x,b,y,v=o.default.div(b||(b=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  "," {\n    padding: 8px;\n  }\n\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  "," {\n    padding: 8px;\n  }\n\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n"])),e.MediaQueries.mbDown,(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink})),w=o.default.div(y||(y=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"])));exports.StyledCardSkeleton=r,exports.StyledCategory=s,exports.StyledCategoryContainer=l,exports.StyledCategoryItemDesktop=d,exports.StyledContainer=a,exports.StyledImageWrapper=w,exports.StyledSpotlightItemAll=v,exports.StyledWrapper=i;
-//# sourceMappingURL=index.styled.js.map

package/build/components/organisms/navigationLayout/menuCategoriesList/spotlightsList/index.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuCategoriesList/spotlightsList/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledWrapper = styled.div`\n  ${MediaQueries.mbDown} {\n    margin: 48px 0;\n  }\n\n  ${MediaQueries.mbUp} {\n    padding: 0 16px;\n  }\n`\n\nexport const StyledCardSkeleton = styled.div`\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n`\nexport const StyledContainer = styled.div`\n  ${MediaQueries.mbDown} {\n    & > :not(:last-child) {\n      border-bottom: 1px solid\n        ${(props: ThemeProps) => props.theme.colors.neutral100};\n    }\n\n    & > div > :not(:last-child) {\n      border-bottom: 1px solid\n        ${(props: ThemeProps) => props.theme.colors.neutral100};\n    }\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n\n  display: flex;\n  flex-direction: column;\n`\n\nexport const StyledListContainer = styled.div`\n  ${MediaQueries.mbDown} {\n    & > :not(:last-child) {\n      border-bottom: 1px solid\n        ${(props: ThemeProps) => props.theme.colors.neutral100};\n    }\n\n    & > div > :not(:last-child) {\n      border-bottom: 1px solid\n        ${(props: ThemeProps) => props.theme.colors.neutral100};\n    }\n  }\n`\n\nexport const StyledCategoryContainer = styled.div`\n  display: flex;\n  width: 100%;\n  height: 48px;\n  align-items: center;\n  justify-content: space-between;\n\n  background-color: ${(props: ThemeProps) => props.theme.colors.white};\n  font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n  font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ${(props: ThemeProps) => props.theme.colors.blue50};\n    color: ${(props: ThemeProps) => props.theme.colors.gray800};\n    font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n  }\n\n  ${MediaQueries.mbDown} {\n    padding: 8px;\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n`\n\nexport const StyledCategoryItemDesktop = styled.div`\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ${(props: ThemeProps) => props.theme.colors.gray800};\n    font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n    font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n`\n\nexport const StyledCategory = styled.div``\n\nexport const StyledCategoryIcon = styled.div``\n\nexport const StyledSpotlightItemAll = styled.div`\n  display: flex;\n  align-items: center;\n\n  ${MediaQueries.mbDown} {\n    padding: 8px;\n  }\n\n  color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n  font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n  font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ${(props: ThemeProps) => props.theme.mbColors.pink};\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n`\nexport const StyledImageWrapper = styled.div`\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n`\n"],"names":["StyledWrapper","styled","div","templateObject_1","__makeTemplateObject","MediaQueries","mbDown","mbUp","StyledCardSkeleton","templateObject_2","StyledContainer","templateObject_3","props","theme","colors","neutral100","templateObject_4","StyledCategoryContainer","templateObject_5","white","sizes","fsParagraph4","fwRegular","blue50","gray800","fwBold","StyledCategoryItemDesktop","templateObject_6","primaryBase","StyledCategory","templateObject_7","templateObject_8","StyledSpotlightItemAll","templateObject_9","mbColors","pink","StyledImageWrapper","templateObject_10"],"mappings":"4RAIaA,EAAgBC,EAAAA,QAAOC,IAAGC,IAAAA,EAAAC,uBAAA,CAAA,OAAA,qCAAA,mCAAA,CAAA,OAChB,qCAIF,qCAJjBC,eAAaC,OAIbD,EAAYA,aAACE,MAKJC,EAAqBP,EAAM,QAACC,IAAGO,IAAAA,EAAAL,uBAAA,CAAA,mEAAA,CAAA,sEAM/BM,EAAkBT,EAAM,QAACC,IAAGS,IAAAA,EAAAP,EAAAA,qBAAA,CAAA,OAAA,4EAAA,0FAAA,uMAAA,CAAA,OAClB,4EAGuC,0FAKA,yMAR1DC,EAAAA,aAAaC,QAGP,SAACM,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAK1C,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAgBjBd,EAAAA,QAAOC,IAAGc,IAAAA,EAAAZ,EAAAA,qBAAA,CAAA,OAAA,4EAAA,0FAAA,mBAAA,CAAA,OACtB,4EAGuC,0FAKA,qBAR1DC,EAAAA,aAAaC,QAGP,SAACM,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAK1C,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAKvC,IAAAE,EAA0BhB,EAAM,QAACC,IAAGgB,IAAAA,EAAAd,EAAAA,qBAAA,CAAA,yIAAA,mBAAA,qBAAA,gGAAA,iBAAA,uBAAA,eAAA,gGAAA,CAAA,yIAOoB,mBACD,qBACD,gGAIK,iBACV,uBACI,eAG3C,mGAXD,SAACQ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOK,SACjD,SAACP,GAAsB,OAAAA,EAAMC,MAAMO,MAAMC,gBACvC,SAACT,GAAsB,OAAAA,EAAMC,MAAMO,MAAME,aAIlC,SAACV,GAAsB,OAAAA,EAAMC,MAAMC,OAAOS,UACrD,SAACX,GAAsB,OAAAA,EAAMC,MAAMC,OAAOU,WACpC,SAACZ,GAAsB,OAAAA,EAAMC,MAAMO,MAAMK,SAGxDpB,EAAYA,aAACC,QAQJoB,EAA4BzB,EAAM,QAACC,IAAGyB,IAAAA,EAAAvB,uBAAA,CAAA,6EAAA,qBAAA,uBAAA,iEAAA,2SAAA,CAAA,6EAKW,qBACQ,uBACD,iEAKH,8SAPrD,SAACQ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOU,WACtC,SAACZ,GAAsB,OAAAA,EAAMC,MAAMO,MAAMC,gBACvC,SAACT,GAAsB,OAAAA,EAAMC,MAAMO,MAAME,aAK/C,SAACV,GAAsB,OAAAA,EAAMC,MAAMC,OAAOc,eAoB1CC,EAAiB5B,EAAM,QAACC,IAAG4B,IAAAA,EAAA1B,uBAAA,CAAA,IAAA,CAAA,OAENH,EAAAA,QAAOC,IAAG6B,IAAAA,EAAA3B,EAAAA,qBAAA,CAAA,IAAA,CAAA,OAE/B,wBAAA4B,EAAyB/B,EAAM,QAACC,IAAG+B,IAAAA,EAAA7B,EAAAA,qBAAA,CAAA,mDAAA,0CAAA,mBAAA,qBAAA,wEAAA,0EAAA,CAAA,mDAIzB,0CAIyC,mBACI,qBACJ,wEAIH,4EAVzDC,EAAAA,aAAaC,QAIN,SAACM,GAAsB,OAAAA,EAAMC,MAAMC,OAAOc,eACtC,SAAChB,GAAsB,OAAAA,EAAMC,MAAMO,MAAMC,gBACvC,SAACT,GAAsB,OAAAA,EAAMC,MAAMO,MAAMK,UAI7C,SAACb,GAAsB,OAAAA,EAAMC,MAAMqB,SAASC,QAM5CC,EAAqBnC,EAAM,QAACC,IAAGmC,IAAAA,EAAAjC,uBAAA,CAAA,wEAAA,CAAA"}

package/build/components/organisms/navigationLayout/menuCategoriesList/spotlightsList/spotlightSkeleton.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react"),t=require("react-loading-skeleton"),l=require("./index.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e),u=a(t);module.exports=function(){return r.default.createElement(l.StyledCardSkeleton,{style:{marginTop:"16px"}},r.default.createElement("div",null,r.default.createElement(u.default,{height:46})),r.default.createElement("div",null,r.default.createElement(u.default,{height:46})),r.default.createElement("div",null,r.default.createElement(u.default,{height:46})))};
-//# sourceMappingURL=spotlightSkeleton.js.map

package/build/components/organisms/navigationLayout/menuCategoriesList/spotlightsList/spotlightSkeleton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spotlightSkeleton.js","sources":["../../../../../../src/components/organisms/navigationLayout/menuCategoriesList/spotlightsList/spotlightSkeleton.tsx"],"sourcesContent":["import React from 'react'\n\nimport Skeleton from 'react-loading-skeleton'\n\nimport { StyledCardSkeleton } from './index.styled'\n\nconst SpotlightSkeleton = () => (\n  <StyledCardSkeleton\n    style={{\n      marginTop: '16px',\n    }}\n  >\n    <div>\n      <Skeleton height={46} />\n    </div>\n    <div>\n      <Skeleton height={46} />\n    </div>\n    <div>\n      <Skeleton height={46} />\n    </div>\n  </StyledCardSkeleton>\n)\n\nexport default SpotlightSkeleton\n"],"names":["React","createElement","StyledCardSkeleton","style","marginTop","Skeleton","height"],"mappings":"gNAM0B,WAAM,OAC9BA,EAAAA,QAACC,cAAAC,EAAAA,mBACC,CAAAC,MAAO,CACLC,UAAW,SAGbJ,UAAAC,cAAA,MAAA,KACED,EAAA,QAAAC,cAACI,EAAQ,QAAC,CAAAC,OAAQ,MAEpBN,UAAAC,cAAA,MAAA,KACED,EAAA,QAAAC,cAACI,EAAQ,QAAC,CAAAC,OAAQ,MAEpBN,UAAAC,cAAA,MAAA,KACED,EAAC,QAAAC,cAAAI,UAAS,CAAAC,OAAQ"}

package/build/components/organisms/navigationLayout/menuCommunitiesList/categorySkeleton.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react"),t=require("react-loading-skeleton"),l=require("./index.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e),u=a(t);module.exports=function(){return r.default.createElement(l.StyledCardSkeleton,{style:{marginTop:"16px"}},r.default.createElement("div",null,r.default.createElement(u.default,{height:46})),r.default.createElement("div",null,r.default.createElement(u.default,{height:46})),r.default.createElement("div",null,r.default.createElement(u.default,{height:46})))};
-//# sourceMappingURL=categorySkeleton.js.map

package/build/components/organisms/navigationLayout/menuCommunitiesList/categorySkeleton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"categorySkeleton.js","sources":["../../../../../src/components/organisms/navigationLayout/menuCommunitiesList/categorySkeleton.tsx"],"sourcesContent":["import React from 'react'\n\nimport Skeleton from 'react-loading-skeleton'\n\nimport { StyledCardSkeleton } from './index.styled'\n\nconst CategorySkeleton = () => (\n  <StyledCardSkeleton\n    style={{\n      marginTop: '16px',\n    }}\n  >\n    <div>\n      <Skeleton height={46} />\n    </div>\n    <div>\n      <Skeleton height={46} />\n    </div>\n    <div>\n      <Skeleton height={46} />\n    </div>\n  </StyledCardSkeleton>\n)\n\nexport default CategorySkeleton\n"],"names":["React","createElement","StyledCardSkeleton","style","marginTop","Skeleton","height"],"mappings":"gNAMyB,WAAM,OAC7BA,EAAAA,QAACC,cAAAC,EAAAA,mBACC,CAAAC,MAAO,CACLC,UAAW,SAGbJ,UAAAC,cAAA,MAAA,KACED,EAAA,QAAAC,cAACI,EAAQ,QAAC,CAAAC,OAAQ,MAEpBN,UAAAC,cAAA,MAAA,KACED,EAAA,QAAAC,cAACI,EAAQ,QAAC,CAAAC,OAAQ,MAEpBN,UAAAC,cAAA,MAAA,KACED,EAAC,QAAAC,cAAAI,UAAS,CAAAC,OAAQ"}

package/build/components/organisms/navigationLayout/menuCommunitiesList/helloSites.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../atoms/container/index.js"),a=require("../../../../misc/theme.js"),l=require("../constants.js"),n=require("../utils.js"),o=require("./categorySkeleton.js"),i=require("./index.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=r(e);exports.HelloSitesMenuCommunitiesList=function(e){var r=e.isDisplayed,u=e.communities,m=e.type,d=e.onSelectCommunity,s=e.onClosePopup,g=e.isLoading,y=e.basePath,f=e.TOGETHER_URL_FE,p=e.siteType,h=void 0===p?"helloSites":p,v=e.isMobile,E=e.locale,C=e.desktopPopupType,S=n.useTranslation();return v?c.default.createElement(c.default.Fragment,null,g&&r?c.default.createElement(i.StyledContainer,null,c.default.createElement(o,null)):c.default.createElement(i.StyledContainer,{"data-category-list-type":m,"data-is-displayed":r},"main"===m&&u.map((function(e,t){return c.default.createElement("div",{key:m+"-category-"+t},c.default.createElement("a",{style:{textDecoration:"none",color:a.theme.colors.gray800},onClick:function(e){e.preventDefault()},href:"".concat(f,"/").concat(e.communitySlug)},c.default.createElement(i.StyledCategoryContainer,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(l.domainLocales[E],"/").concat(e.communitySlug),onClick:function(){d({community:e,isSetToSubMenu:!0})},"data-is-heading-category":!1},c.default.createElement(i.StyledCategoryInfo,null,c.default.createElement("img",{src:e.thumbnail,style:{width:"40px",height:"40px"},alt:e.title}),c.default.createElement(i.StyledCategory,null,e.title)),c.default.createElement(i.StyledCategoryIcon,null,"helloSites"===h?c.default.createElement("img",{src:"".concat(y,"/svg/chevronRight.svg"),style:{width:"16px",height:"16px"},alt:e.title}):c.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c.default.createElement("path",{d:"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}))))))})),"sub"===m&&u.map((function(e,t){return c.default.createElement("div",{key:m+"-category-"+t},c.default.createElement("a",{style:{textDecoration:"none",color:a.theme.colors.gray800},onClick:function(e){e.preventDefault()},href:"".concat(f,"/").concat(e.communitySlug)},c.default.createElement(i.StyledCategoryContainer,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(l.domainLocales[E],"/").concat(e.communitySlug),onClick:function(){d({community:e,isSetToSubMenu:!1})},"data-is-heading-category":!1},c.default.createElement(i.StyledCategoryInfo,null,c.default.createElement("img",{src:e.thumbnail,style:{width:"40px",height:"40px"},alt:e.title}),c.default.createElement(i.StyledCategory,null,e.title)))))})),c.default.createElement("a",{style:{textDecoration:"none"},href:f+"/"},c.default.createElement(i.StyledCategoryItemAll,{onClick:s,key:"all-communities","data-theme":h,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":f+"/"},S("home.navigator.menuItem.allCommunities"),c.default.createElement(i.StyledImageWrapper,null,c.default.createElement("img",{src:"".concat(y,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:S("home.navigator.menuItem.allCommunities")})))))):c.default.createElement(i.StyledMenuPopupWrapper,{className:"top-menu-communities",onClick:s,"data-is-display":"communities"===C},c.default.createElement(i.StyledMenuPopupContainer,null,c.default.createElement(t.Container,{style:{padding:"0 16px"},type:h},c.default.createElement(i.StyledInnerMenuPopupContainer,{"data-popup-type":C,onClick:function(e){e.stopPropagation()}},c.default.createElement(c.default.Fragment,null,u.map((function(e){return c.default.createElement(i.StyledHealthToolItem,{key:e.title,onClick:s},c.default.createElement("a",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://".concat(l.domainLocales[E],"/").concat(e.communitySlug),style:{textDecoration:"none",color:a.theme.colors.gray800},className:"iconMenu",href:"".concat(f,"/").concat(e.communitySlug)},c.default.createElement("div",{style:{display:"flex"}},c.default.createElement("img",{alt:"health-tool-icon",src:e.thumbnail||"".concat(y,"/images/avatar.jpg"),style:{width:"32px",height:"32px"}})),c.default.createElement("p",null,e.title)))})),c.default.createElement("a",{style:{textDecoration:"none"},href:f+"/"},c.default.createElement(i.StyledCategoryItemAll,{onClick:s,key:"all-communities","data-theme":h,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":f+"/"},S("home.navigator.menuItem.allCommunities"),c.default.createElement(i.StyledImageWrapper,null,c.default.createElement("img",{src:"".concat(y,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},alt:S("home.navigator.menuItem.allCommunities")}))))),c.default.createElement(i.StyledCloseWrapper,{onClick:s},c.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))))))};
-//# sourceMappingURL=helloSites.js.map

package/build/components/organisms/navigationLayout/menuCommunitiesList/helloSites.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helloSites.js","sources":["../../../../../src/components/organisms/navigationLayout/menuCommunitiesList/helloSites.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Container } from 'components/atoms/container'\nimport { LocaleType } from 'interfaces/types'\nimport { theme } from 'misc/theme'\n\nimport { domainLocales } from '../constants'\nimport { Community, DesktopMenuPopup, SiteType } from '../types'\nimport { useTranslation } from '../utils'\nimport CategorySkeleton from './categorySkeleton'\nimport {\n  StyledCategory,\n  StyledCategoryIcon,\n  StyledCategoryContainer,\n  StyledContainer,\n  StyledCategoryInfo,\n  StyledMenuPopupWrapper,\n  StyledMenuPopupContainer,\n  StyledInnerMenuPopupContainer,\n  StyledHealthToolItem,\n  StyledCategoryItemAll,\n  StyledImageWrapper,\n  StyledCloseWrapper,\n} from './index.styled'\n\nexport type Props = {\n  isDisplayed: boolean\n  locale: LocaleType\n  togetherApiDomain: string\n  communities: Community[]\n  type: 'sub' | 'main'\n  onSelectCommunity: ({}: {\n    community: Community\n    isSetToSubMenu: boolean\n  }) => void\n  onClosePopup: () => void\n  isLoading: boolean\n  isMobile: boolean\n  basePath: string\n  TOGETHER_URL_FE: string\n  siteType: SiteType\n  desktopPopupType: DesktopMenuPopup\n}\n\nconst HelloSitesMenuCommunitiesList = ({\n  isDisplayed,\n  communities,\n  type,\n  onSelectCommunity,\n  onClosePopup,\n  isLoading,\n  basePath,\n  TOGETHER_URL_FE,\n  siteType = 'helloSites',\n  isMobile,\n  locale,\n  desktopPopupType,\n}: Props) => {\n  const f = useTranslation()\n  return isMobile ? (\n    <>\n      {isLoading && isDisplayed ? (\n        <StyledContainer>\n          <CategorySkeleton />\n        </StyledContainer>\n      ) : (\n        <StyledContainer\n          data-category-list-type={type}\n          data-is-displayed={isDisplayed}\n        >\n          {type === 'main' &&\n            communities.map((community, index) => (\n              <div key={type + '-category-' + index}>\n                <a\n                  style={{\n                    textDecoration: 'none',\n                    color: theme.colors.gray800,\n                  }}\n                  onClick={(\n                    e: React.MouseEvent<HTMLAnchorElement, MouseEvent>,\n                  ) => {\n                    e.preventDefault()\n                  }}\n                  href={`${TOGETHER_URL_FE}/${community.communitySlug}`}\n                >\n                  <StyledCategoryContainer\n                    data-event-category=\"Hamburger Navigation\"\n                    data-event-action=\"Click\"\n                    data-event-label={`https://${domainLocales[locale]}/${community.communitySlug}`}\n                    onClick={() => {\n                      onSelectCommunity({ community, isSetToSubMenu: true })\n                    }}\n                    data-is-heading-category={false}\n                  >\n                    <StyledCategoryInfo>\n                      <img\n                        src={community.thumbnail}\n                        style={{ width: '40px', height: '40px' }}\n                        alt={community.title}\n                      />\n                      <StyledCategory>{community.title}</StyledCategory>\n                    </StyledCategoryInfo>\n                    <StyledCategoryIcon>\n                      {siteType === 'helloSites' ? (\n                        <img\n                          src={`${basePath}/svg/chevronRight.svg`}\n                          style={{ width: '16px', height: '16px' }}\n                          alt={community.title}\n                        />\n                      ) : (\n                        <svg\n                          width=\"24\"\n                          height=\"24\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16\"\n                            stroke=\"#3E3F58\"\n                            strokeWidth=\"1.3\"\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                          />\n                        </svg>\n                      )}\n                    </StyledCategoryIcon>\n                  </StyledCategoryContainer>\n                </a>\n              </div>\n            ))}\n          {type === 'sub' &&\n            communities.map((community, index) => (\n              <div key={type + '-category-' + index}>\n                <a\n                  style={{\n                    textDecoration: 'none',\n                    color: theme.colors.gray800,\n                  }}\n                  onClick={(\n                    e: React.MouseEvent<HTMLAnchorElement, MouseEvent>,\n                  ) => {\n                    e.preventDefault()\n                  }}\n                  href={`${TOGETHER_URL_FE}/${community.communitySlug}`}\n                >\n                  <StyledCategoryContainer\n                    data-event-category=\"Hamburger Navigation\"\n                    data-event-action=\"Click\"\n                    data-event-label={`https://${domainLocales[locale]}/${community.communitySlug}`}\n                    onClick={() => {\n                      onSelectCommunity({ community, isSetToSubMenu: false })\n                    }}\n                    data-is-heading-category={false}\n                  >\n                    <StyledCategoryInfo>\n                      <img\n                        src={community.thumbnail}\n                        style={{ width: '40px', height: '40px' }}\n                        alt={community.title}\n                      />\n                      <StyledCategory>{community.title}</StyledCategory>\n                    </StyledCategoryInfo>\n                  </StyledCategoryContainer>\n                </a>\n              </div>\n            ))}\n          <a style={{ textDecoration: 'none' }} href={TOGETHER_URL_FE + '/'}>\n            <StyledCategoryItemAll\n              onClick={onClosePopup}\n              key={'all-communities'}\n              data-theme={siteType}\n              data-event-category=\"Hamburger Navigation\"\n              data-event-action=\"Click\"\n              data-event-label={TOGETHER_URL_FE + '/'}\n            >\n              {f('home.navigator.menuItem.allCommunities')}\n              <StyledImageWrapper>\n                <img\n                  src={`${basePath}/svg/chevronRightActive.svg`}\n                  style={{ width: '16px', height: '16px' }}\n                  alt={f('home.navigator.menuItem.allCommunities')}\n                />\n              </StyledImageWrapper>\n            </StyledCategoryItemAll>\n          </a>\n        </StyledContainer>\n      )}\n    </>\n  ) : (\n    <StyledMenuPopupWrapper\n      className=\"top-menu-communities\"\n      onClick={onClosePopup}\n      data-is-display={desktopPopupType === 'communities'}\n      // key={nextId()}\n    >\n      <StyledMenuPopupContainer>\n        <Container style={{ padding: '0 16px' }} type={siteType}>\n          <StyledInnerMenuPopupContainer\n            data-popup-type={desktopPopupType}\n            onClick={(e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n              e.stopPropagation()\n            }}\n          >\n            <>\n              {communities.map((community: Community) => (\n                <StyledHealthToolItem\n                  key={community.title}\n                  onClick={onClosePopup}\n                >\n                  <a\n                    data-event-category=\"Hamburger Navigation\"\n                    data-event-action=\"Click\"\n                    data-event-label={`https://${domainLocales[locale]}/${community.communitySlug}`}\n                    style={{\n                      textDecoration: 'none',\n                      color: theme.colors.gray800,\n                    }}\n                    className=\"iconMenu\"\n                    href={`${TOGETHER_URL_FE}/${community.communitySlug}`}\n                  >\n                    <div\n                      style={{\n                        display: 'flex',\n                      }}\n                    >\n                      <img\n                        alt=\"health-tool-icon\"\n                        src={\n                          community.thumbnail || `${basePath}/images/avatar.jpg`\n                        }\n                        style={{ width: '32px', height: '32px' }}\n                      />\n                    </div>\n                    <p>{community.title}</p>\n                  </a>\n                </StyledHealthToolItem>\n              ))}\n              <a\n                style={{ textDecoration: 'none' }}\n                href={TOGETHER_URL_FE + '/'}\n              >\n                <StyledCategoryItemAll\n                  onClick={onClosePopup}\n                  key={'all-communities'}\n                  data-theme={siteType}\n                  data-event-category=\"Hamburger Navigation\"\n                  data-event-action=\"Click\"\n                  data-event-label={TOGETHER_URL_FE + '/'}\n                >\n                  {f('home.navigator.menuItem.allCommunities')}\n                  <StyledImageWrapper>\n                    {/* {siteType === 'helloSites' ? ( */}\n                    <img\n                      src={`${basePath}/svg/chevronRightActive.svg`}\n                      style={{ width: '16px', height: '16px' }}\n                      alt={f('home.navigator.menuItem.allCommunities')}\n                    />\n                    {/* // ) : (\n                    //   <svg\n                    //     width=\"24\"\n                    //     height=\"24\"\n                    //     viewBox=\"0 0 24 24\"\n                    //     fill=\"none\"\n                    //     xmlns=\"http://www.w3.org/2000/svg\"\n                    //   >\n                    //     <path\n                    //       d=\"M6.5 12H17.5M17.5 12L12.9118 8M17.5 12L12.9118 16\"\n                    //       stroke=\"#3E3F58\"\n                    //       strokeWidth=\"1.3\"\n                    //       strokeLinecap=\"round\"\n                    //       strokeLinejoin=\"round\"\n                    //     />\n                    //   </svg>\n                    // )} */}\n                  </StyledImageWrapper>\n                </StyledCategoryItemAll>\n              </a>\n            </>\n            {/* )} */}\n            <StyledCloseWrapper onClick={onClosePopup}>\n              {/* <img\n                    src={`${basePath}/svg/close.svg`}\n                    style={{ width: '24px', height: '24px' }}\n                    alt={'close'}\n                  /> */}\n              <svg\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M18 6L6 18M18 18L6 6\"\n                  stroke=\"#3E3F58\"\n                  strokeWidth=\"1.3\"\n                  strokeLinecap=\"round\"\n                />\n              </svg>\n            </StyledCloseWrapper>\n          </StyledInnerMenuPopupContainer>\n        </Container>\n      </StyledMenuPopupContainer>\n    </StyledMenuPopupWrapper>\n  )\n}\n\nexport { HelloSitesMenuCommunitiesList }\n"],"names":["_a","isDisplayed","communities","type","onSelectCommunity","onClosePopup","isLoading","basePath","TOGETHER_URL_FE","_b","siteType","isMobile","locale","desktopPopupType","f","useTranslation","React","createElement","Fragment","StyledContainer","CategorySkeleton","map","community","index","key","style","textDecoration","color","theme","colors","gray800","onClick","e","preventDefault","href","concat","communitySlug","StyledCategoryContainer","domainLocales","isSetToSubMenu","StyledCategoryInfo","src","thumbnail","width","height","alt","title","StyledCategory","StyledCategoryIcon","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","StyledCategoryItemAll","StyledImageWrapper","StyledMenuPopupWrapper","className","StyledMenuPopupContainer","Container","padding","StyledInnerMenuPopupContainer","stopPropagation","StyledHealthToolItem","display","StyledCloseWrapper"],"mappings":"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"}

package/build/components/organisms/navigationLayout/menuCommunitiesList/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),i=require("./helloSites.js"),t=require("./marryBaby.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(e);exports.MenuCommunitiesList=function(e){var o=e.isDisplayed,l=void 0!==o&&o,n=e.locale,a=e.communities,p=e.type,u=e.onSelectCommunity,r=e.onClosePopup,m=e.isLoading,y=e.basePath,c=e.TOGETHER_URL_FE,d=e.siteType,E=void 0===d?"helloSites":d,T=e.isMobile,b=e.desktopPopupType,P=e.togetherApiDomain;return"helloSites"===E?s.default.createElement(i.HelloSitesMenuCommunitiesList,{isDisplayed:l,locale:n,TOGETHER_URL_FE:c,basePath:y,type:p,onSelectCommunity:u,communities:a,isLoading:m,isMobile:T,siteType:E,togetherApiDomain:P,desktopPopupType:b,onClosePopup:r}):s.default.createElement(t.MarryBabyMenuCommunitiesList,{isDisplayed:l,locale:n,TOGETHER_URL_FE:c,basePath:y,type:p,onSelectCommunity:u,communities:a,isLoading:m,isMobile:T,togetherApiDomain:P,desktopPopupType:b,onClosePopup:r})};
-//# sourceMappingURL=index.js.map

package/build/components/organisms/navigationLayout/menuCommunitiesList/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/organisms/navigationLayout/menuCommunitiesList/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { LocaleType } from 'interfaces/types'\n\nimport { Community, DesktopMenuPopup, SiteType } from '../types'\nimport { HelloSitesMenuCommunitiesList } from './helloSites'\nimport { MarryBabyMenuCommunitiesList } from './marryBaby'\n\nexport type Props = {\n  isDisplayed: boolean\n  locale: LocaleType\n  togetherApiDomain: string\n  communities: Community[]\n  type: 'sub' | 'main'\n  onSelectCommunity: ({}: {\n    community: Community\n    isSetToSubMenu: boolean\n  }) => void\n  onClosePopup: () => void\n  isLoading: boolean\n  isMobile: boolean\n  basePath: string\n  TOGETHER_URL_FE: string\n  siteType: SiteType\n  desktopPopupType: DesktopMenuPopup\n  // callApiHandler: (p: string, m: 'GET' | 'POST') => any\n  // onSubCategory: (c: Category) => void\n  // onSubCatLevel: (l: string) => void\n}\n\nconst MenuCommunitiesList = ({\n  isDisplayed = false,\n  locale,\n  communities,\n  type,\n  onSelectCommunity,\n  onClosePopup,\n  isLoading,\n  basePath,\n  TOGETHER_URL_FE,\n  siteType = 'helloSites',\n  isMobile,\n  desktopPopupType,\n  togetherApiDomain,\n}: Props) => {\n  return siteType === 'helloSites' ? (\n    <HelloSitesMenuCommunitiesList\n      isDisplayed={isDisplayed}\n      locale={locale}\n      TOGETHER_URL_FE={TOGETHER_URL_FE}\n      basePath={basePath}\n      type={type}\n      onSelectCommunity={onSelectCommunity}\n      communities={communities}\n      isLoading={isLoading}\n      isMobile={isMobile}\n      siteType={siteType}\n      togetherApiDomain={togetherApiDomain}\n      desktopPopupType={desktopPopupType}\n      onClosePopup={onClosePopup}\n    />\n  ) : (\n    <MarryBabyMenuCommunitiesList\n      isDisplayed={isDisplayed}\n      locale={locale}\n      TOGETHER_URL_FE={TOGETHER_URL_FE}\n      basePath={basePath}\n      type={type}\n      onSelectCommunity={onSelectCommunity}\n      communities={communities}\n      isLoading={isLoading}\n      isMobile={isMobile}\n      togetherApiDomain={togetherApiDomain}\n      desktopPopupType={desktopPopupType}\n      onClosePopup={onClosePopup}\n    />\n  )\n}\n\nexport { MenuCommunitiesList }\n"],"names":["_a","_b","isDisplayed","locale","communities","type","onSelectCommunity","onClosePopup","isLoading","basePath","TOGETHER_URL_FE","_c","siteType","isMobile","desktopPopupType","togetherApiDomain","React","createElement","HelloSitesMenuCommunitiesList","MarryBabyMenuCommunitiesList"],"mappings":"mQA8B4B,SAACA,OAC3BC,EAAmBD,EAAAE,YAAnBA,OAAc,IAAAD,KACdE,WACAC,gBACAC,SACAC,sBACAC,iBACAC,cACAC,aACAC,oBACAC,EAAAX,EAAAY,SAAAA,OAAQ,IAAAD,EAAG,aAAYA,EACvBE,EAAQb,EAAAa,SACRC,EAAgBd,EAAAc,iBAChBC,EAAiBf,EAAAe,kBAEjB,MAAoB,eAAbH,EACLI,EAAC,QAAAC,cAAAC,EAA6BA,8BAC5B,CAAAhB,YAAaA,EACbC,OAAQA,EACRO,gBAAiBA,EACjBD,SAAUA,EACVJ,KAAMA,EACNC,kBAAmBA,EACnBF,YAAaA,EACbI,UAAWA,EACXK,SAAUA,EACVD,SAAUA,EACVG,kBAAmBA,EACnBD,iBAAkBA,EAClBP,aAAcA,IAGhBS,EAAAA,QAAAC,cAACE,EAAAA,6BAA4B,CAC3BjB,YAAaA,EACbC,OAAQA,EACRO,gBAAiBA,EACjBD,SAAUA,EACVJ,KAAMA,EACNC,kBAAmBA,EACnBF,YAAaA,EACbI,UAAWA,EACXK,SAAUA,EACVE,kBAAmBA,EACnBD,iBAAkBA,EAClBP,aAAcA"}

package/build/components/organisms/navigationLayout/menuCommunitiesList/index.styled.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),e=require("styled-components"),t=require("../constants.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,r,a,p,l,d,s,c,g,x,m,u,f,h=o(e),y=h.default.div(i||(i=n.__makeTemplateObject(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"]))),b=h.default.div(r||(r=n.__makeTemplateObject(["\n  & > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n\n  //margin-top: 112px;\n"],["\n  & > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n\n  //margin-top: 112px;\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral100})),v=h.default.div(a||(a=n.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  height: 56px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px;\n  background-color: ",";\n  font-size: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  height: 56px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px;\n  background-color: ",";\n  font-size: ",";\n\n  &[data-is-heading-category='true'] {\n    border-bottom: none;\n    background-color: ",";\n    color: ",";\n    font-weight: ",";\n  }\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold})),_=h.default.div(p||(p=n.__makeTemplateObject([""],[""]))),w=h.default.div(l||(l=n.__makeTemplateObject([""],[""]))),k=h.default.div(d||(d=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  > :first-child {\n    min-width: 40px;\n    margin-right: 16px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  > :first-child {\n    min-width: 40px;\n    margin-right: 16px;\n  }\n"]))),j=h.default.div(s||(s=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: ",";\n  top: 69px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background-color: transparent;\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])),t.Z_INDEX.menuCategoryPopupWrapper),z=h.default.div(c||(c=n.__makeTemplateObject(["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),t.Z_INDEX.menuCategoryPopupContainer,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white})),C=h.default.div(g||(g=n.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"]))),O=h.default.div(x||(x=n.__makeTemplateObject(["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n"],["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),S=h.default.div(m||(m=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink})),T=h.default.div(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"]))),P=h.default.div(f||(f=n.__makeTemplateObject(["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"])));exports.StyledCardSkeleton=y,exports.StyledCategory=_,exports.StyledCategoryContainer=v,exports.StyledCategoryIcon=w,exports.StyledCategoryInfo=k,exports.StyledCategoryItemAll=S,exports.StyledCloseWrapper=P,exports.StyledContainer=b,exports.StyledHealthToolItem=O,exports.StyledImageWrapper=T,exports.StyledInnerMenuPopupContainer=C,exports.StyledMenuPopupContainer=z,exports.StyledMenuPopupWrapper=j;
-//# sourceMappingURL=index.styled.js.map