@hhgtech/hhg-components 1.18.47 → 1.18.49

package/build/esm/components/organisms/navigationLayout/sponsoredBy/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../../src/components/organisms/navigationLayout/sponsoredBy/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledSponsoredBy = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 0.5rem 0;\n\n  &[data-type-mobile='true'] {\n    justify-content: space-between;\n  }\n\n  amp-img img {\n    object-fit: contain;\n    object-position: right;\n  }\n`\n\nexport const StyledStickySponsoredBy = styled.div`\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: center;\n  padding: 8px 0;\n  border-top: 1px solid #e4e8ec;\n  background-color: ${(props: ThemeProps) => props.theme.colors.neutral50};\n  cursor: pointer;\n  text-decoration: none;\n\n  &[data-align-left='true'] {\n    justify-content: start;\n  }\n  .sticky-sponsored-info-icon {\n    display: inline;\n  }\n\n  .sponsored-logo {\n    width: auto;\n    height: 24px;\n    vertical-align: middle;\n  }\n\n  ${MediaQueries.mbUp} {\n    height: 44px;\n  }\n\n  &[data-show-popup='true'] {\n    .sticky-sponsored-info-icon {\n      position: relative;\n      &:before {\n        position: absolute;\n        z-index: 9;\n        top: 100%;\n        left: 9px;\n        border-right: 6px transparent solid;\n        border-bottom: 8px white solid;\n        border-left: 6px transparent solid;\n        content: ' ';\n        transform: translateX(calc(-50% + 3px));\n      }\n    }\n  }\n\n  &.open .amp-sponsored-popup {\n    display: block;\n  }\n\n  &[data-is-amp] {\n    margin-top: -10px;\n    > [class*='Container'] {\n      display: flex;\n      align-items: center;\n    }\n  }\n`\nexport const StyledStickySponsoredPopup = styled.div`\n  position: absolute;\n  top: 30px;\n  left: 50%;\n  &[data-align-left='true'] {\n    left: 190px;\n  }\n  width: 350px;\n  padding: 1rem;\n  border: 1px solid #f2f2f2;\n  background: white;\n  border-radius: 6px;\n  transform: translateX(-50%);\n  ${MediaQueries.mbDown} {\n    width: calc(100% - 2rem);\n  }\n\n  &[data-is-amp] {\n    display: none;\n    position: fixed;\n    z-index: 999;\n    top: 100px;\n    left: 50%;\n\n    &.open {\n      display: block;\n    }\n  }\n\n  .button-container {\n    display: flex;\n    justify-content: space-between;\n    button {\n      flex: 1;\n    }\n    button:first-child {\n      margin-right: 0.5rem;\n      ${MediaQueries.mbUp} {\n        margin-right: 1rem;\n      }\n    }\n  }\n`\n"],"names":["styled","div","templateObject_1","__makeTemplateObject","StyledStickySponsoredBy","templateObject_2","props","theme","colors","neutral50","MediaQueries","mbUp","StyledStickySponsoredPopup","templateObject_3","mbDown"],"mappings":"6KAIiCA,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,iOAAA,CAAA,oOAepC,UAAMC,EAA0BJ,EAAOC,IAAGI,IAAAA,EAAAF,EAAA,CAAA,qKAAA,qRAAA,opBAAA,CAAA,qKAOwB,qRAiBpD,upBAjBC,SAACG,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,YAiB5DC,EAAaC,MAiCJC,EAA6BZ,EAAOC,IAAGY,IAAAA,EAAAV,EAAA,CAAA,8PAAA,sYAAA,0DAAA,CAAA,8PAa7B,sYAwBE,4DAxBrBO,EAAaI,OAwBTJ,EAAaC"}

package/build/esm/components/organisms/navigationLayout/tooltipSelection/index.js

@@ -0,0 +1,2 @@
+import e,{useState as t}from"react";import{Text as n}from"../../../atoms/text/index.js";import r from"../assets/check.svg.js";import{StyledSelectionContainer as o,StyledSelectionLabel as a,StyleSelectionPopup as c,StyledOption as l,StyledPopupBackground as i}from"./index.styled.js";var s=function(s){var m=s.options,u=s.label,d=s.selected,f=s.onChange,p=s.showSelected,v=void 0===p||p,E=s.style,h=void 0===E?{}:E,k=s.showIndicator,g=void 0===k||k,x=t(!1),y=x[0],C=x[1];return e.createElement(e.Fragment,null,e.createElement(o,null,e.createElement(a,{onClick:function(){return C((function(e){return!e}))}},!!u&&u),e.createElement(c,{"data-is-open":y,style:h,"data-show-indicator":g},m.map((function(t,o){return e.createElement(l,{key:o,"data-selected":v&&d===t.value,onClick:function(e){d!==t.value&&(f(t.value),C((function(e){return!e}))),e.stopPropagation()}},e.createElement(n,{size:"p3"},t.label),v&&d===t.value&&e.createElement("img",{src:r,alt:"check",className:"check-icon"}))})))),y&&e.createElement(i,{onClick:function(){return C(!1)}}))};export{s as TooltipSelection};
+//# sourceMappingURL=index.js.map

package/build/esm/components/organisms/navigationLayout/tooltipSelection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/organisms/navigationLayout/tooltipSelection/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nimport { Text } from 'components/atoms/text'\nimport { CSSProperties } from 'styled-components'\n\nimport { Check } from '../assets'\nimport {\n  StyledOption,\n  StyledPopupBackground,\n  StyledSelectionContainer,\n  StyledSelectionLabel,\n  StyleSelectionPopup,\n} from './index.styled'\nexport type Option = {\n  value: string\n  label: string\n}\nexport type Props = {\n  options: Option[]\n  selected: string | number\n  label?: string | JSX.Element\n  onChange: (s: string) => void\n  showSelected?: boolean\n  style?: CSSProperties\n  showIndicator?: boolean\n}\n\nconst TooltipSelection = ({\n  options,\n  label,\n  selected,\n  onChange,\n  showSelected = true,\n  style = {},\n  showIndicator = true,\n}: Props) => {\n  const [isOpen, setIsOpen] = useState<boolean>(false)\n\n  return (\n    <>\n      <StyledSelectionContainer>\n        <StyledSelectionLabel\n          onClick={() => setIsOpen((value: boolean) => !value)}\n        >\n          {!!label && label}\n        </StyledSelectionLabel>\n        <StyleSelectionPopup\n          data-is-open={isOpen}\n          style={style}\n          data-show-indicator={showIndicator}\n        >\n          {options.map((option, index) => (\n            <StyledOption\n              key={index}\n              data-selected={showSelected && selected === option.value}\n              onClick={(e) => {\n                if (selected !== option.value) {\n                  onChange(option.value)\n                  setIsOpen((value: boolean) => !value)\n                }\n                e.stopPropagation()\n              }}\n            >\n              <Text size=\"p3\">{option.label}</Text>\n              {showSelected && selected === option.value && (\n                <img src={Check} alt=\"check\" className=\"check-icon\" />\n              )}\n            </StyledOption>\n          ))}\n        </StyleSelectionPopup>\n      </StyledSelectionContainer>\n      {isOpen && (\n        <StyledPopupBackground\n          onClick={() => setIsOpen(false)}\n        ></StyledPopupBackground>\n      )}\n    </>\n  )\n}\n\nexport { TooltipSelection }\n"],"names":["TooltipSelection","_a","options","label","selected","onChange","_b","showSelected","_c","style","_d","showIndicator","_e","useState","isOpen","setIsOpen","React","createElement","Fragment","StyledSelectionContainer","StyledSelectionLabel","onClick","value","StyleSelectionPopup","map","option","index","StyledOption","key","e","stopPropagation","Text","size","src","Check","alt","className","StyledPopupBackground"],"mappings":"2RA2BM,IAAAA,EAAmB,SAACC,GACxB,IAAAC,EAAOD,EAAAC,QACPC,EAAKF,EAAAE,MACLC,EAAQH,EAAAG,SACRC,EAAQJ,EAAAI,SACRC,EAAAL,EAAAM,aAAAA,OAAY,IAAAD,GAAOA,EACnBE,EAAAP,EAAAQ,MAAAA,OAAQ,IAAAD,EAAA,GAAEA,EACVE,EAAoBT,EAAAU,cAApBA,OAAa,IAAAD,GAAOA,EAEdE,EAAsBC,GAAkB,GAAvCC,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAExB,OACEI,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAACE,EAAwB,KACvBH,EAACC,cAAAG,EACC,CAAAC,QAAS,WAAM,OAAAN,GAAU,SAACO,GAAmB,OAACA,SAE3CnB,GAASA,GAEda,EAAAC,cAACM,EACe,CAAA,eAAAT,EACdL,MAAOA,EAAK,sBACSE,GAEpBT,EAAQsB,KAAI,SAACC,EAAQC,GAAU,OAC9BV,gBAACW,EAAY,CACXC,IAAKF,kBACUnB,GAAgBH,IAAaqB,EAAOH,MACnDD,QAAS,SAACQ,GACJzB,IAAaqB,EAAOH,QACtBjB,EAASoB,EAAOH,OAChBP,GAAU,SAACO,GAAmB,OAACA,MAEjCO,EAAEC,oBAGJd,EAACC,cAAAc,GAAKC,KAAK,MAAMP,EAAOtB,OACvBI,GAAgBH,IAAaqB,EAAOH,OACnCN,EAAKC,cAAA,MAAA,CAAAgB,IAAKC,EAAOC,IAAI,QAAQC,UAAU,qBAMhDtB,GACCE,EAAAC,cAACoB,EACC,CAAAhB,QAAS,WAAM,OAAAN,GAAU"}

package/build/esm/components/organisms/navigationLayout/tooltipSelection/index.styled.js

@@ -0,0 +1,2 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var o,t,i,r,d,p=e.div(o||(o=n(["\n  position: relative;\n"],["\n  position: relative;\n"]))),a=e.div(t||(t=n([""],[""]))),s=e.div(i||(i=n(["\n  position: absolute;\n  z-index: 21;\n  top: 100%;\n  right: 0;\n  width: 327px;\n  padding: 8px;\n  background: white;\n  border-radius: 4px;\n  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-show-indicator='true'] {\n    &:before {\n      position: absolute;\n      right: 11px;\n      bottom: 100%;\n      width: 0;\n      height: 0;\n      border: 0.5rem solid transparent;\n      border-top: none;\n      border-bottom-color: #fff;\n      content: '';\n      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n    }\n  }\n"],["\n  position: absolute;\n  z-index: 21;\n  top: 100%;\n  right: 0;\n  width: 327px;\n  padding: 8px;\n  background: white;\n  border-radius: 4px;\n  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-show-indicator='true'] {\n    &:before {\n      position: absolute;\n      right: 11px;\n      bottom: 100%;\n      width: 0;\n      height: 0;\n      border: 0.5rem solid transparent;\n      border-top: none;\n      border-bottom-color: #fff;\n      content: '';\n      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n    }\n  }\n"]))),h=e.div(r||(r=n(["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 16px;\n  border-radius: 6px;\n  cursor: pointer;\n\n  .check-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &[data-selected='false'] {\n    background-color: ",";\n  }\n"],["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 16px;\n  border-radius: 6px;\n  cursor: pointer;\n\n  .check-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &[data-selected='false'] {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),l=e.div(d||(d=n(["\n  position: fixed;\n  z-index: 20;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n"],["\n  position: fixed;\n  z-index: 20;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n"])));export{s as StyleSelectionPopup,h as StyledOption,l as StyledPopupBackground,p as StyledSelectionContainer,a as StyledSelectionLabel};
+//# sourceMappingURL=index.styled.js.map

package/build/esm/components/organisms/navigationLayout/tooltipSelection/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../../src/components/organisms/navigationLayout/tooltipSelection/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledSelectionContainer = styled.div`\n  position: relative;\n`\n\nexport const StyledSelectionLabel = styled.div``\n\nexport const StyleSelectionPopup = styled.div`\n  position: absolute;\n  z-index: 21;\n  top: 100%;\n  right: 0;\n  width: 327px;\n  padding: 8px;\n  background: white;\n  border-radius: 4px;\n  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-show-indicator='true'] {\n    &:before {\n      position: absolute;\n      right: 11px;\n      bottom: 100%;\n      width: 0;\n      height: 0;\n      border: 0.5rem solid transparent;\n      border-top: none;\n      border-bottom-color: #fff;\n      content: '';\n      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n    }\n  }\n`\n\nexport const StyledOption = styled.div`\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 16px;\n  border-radius: 6px;\n  cursor: pointer;\n\n  .check-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &[data-selected='false'] {\n    background-color: ${(props: ThemeProps) => props.theme.colors.gray100};\n  }\n`\nexport const StyledPopupBackground = styled.div`\n  position: fixed;\n  z-index: 20;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n`\n"],"names":["StyledSelectionContainer","styled","div","templateObject_1","__makeTemplateObject","StyledSelectionLabel","templateObject_2","StyleSelectionPopup","templateObject_3","StyledOption","templateObject_4","props","theme","colors","gray100","StyledPopupBackground","templateObject_5"],"mappings":"oHAGa,cAAAA,EAA2BC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,6BAAA,CAAA,gCAIrCC,EAAuBJ,EAAOC,IAAGI,IAAAA,EAAAF,EAAA,CAAA,IAAA,CAAA,OAEjCG,EAAsBN,EAAOC,IAAGM,IAAAA,EAAAJ,EAAA,CAAA,6mBAAA,CAAA,gnBA8BhCK,EAAeR,EAAOC,IAAGQ,IAAAA,EAAAN,EAAA,CAAA,qRAAA,YAAA,CAAA,qRAemC,eAAjD,SAACO,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,WAGrDC,EAAwBd,EAAOC,IAAGc,IAAAA,EAAAZ,EAAA,CAAA,sHAAA,CAAA"}

package/build/esm/components/organisms/navigationLayout/utils.js

@@ -0,0 +1,2 @@
+import{__assign as t}from"../../../node_modules/tslib/tslib.es6.js";import{createContext as n,useContext as e}from"react";import{LOCALIZED_SLUGS as l}from"../../../care/interfaces/constants.js";import o from"../../../node_modules/string-format/index.js";import{TOGETHER_PATHS as i,domainLocales as r,DISCOVER_PATHS as a,MARRY_BABY_PATH as u,CARE_PATHS as m}from"./constants.js";import{defaultTranslation as c}from"./languages/default.js";var s=n({}),p=function(){var t=e(s);return function(n,e){var l=(t.translation||{})[n]||c[n];return l?e?o(l,e):l:function(){throw Error("missing translation "+n)}()}},d=function(t){return t?{title:(null==t?void 0:t.name)||"",thumbnail:(null==t?void 0:t.thumbnail)||"",communitySlug:(null==t?void 0:t.slug)||"",communityId:null==t?void 0:t.id,color:null==t?void 0:t.color}:{}},h=function(t){var n;return t?{title:(null==t?void 0:t.name)||"",thumbnail:(null==t?void 0:t.thumbnail)||"",communitySlug:"".concat(null===(n=null==t?void 0:t.community)||void 0===n?void 0:n.slug,"/").concat(null==t?void 0:t.slug),communityId:null==t?void 0:t.id}:{}},v=function(t){return t?{title:t.title,logo:t.logo,link:t.link}:{}},g=function(t){return{postTitle:t.post_title,permalink:t.permalink}},f=function(t){return{title:t.title,content:t.content}},_=function(t){var n,e;return t?{termId:t.term_id||null,sponsor:t.sponsor?v(t.sponsor):null,isSponsored:t.is_sponsored||null,categoryName:t.cat_name||t.name||null,name:t.name||null,iconUrl:t.icon||"",slugName:t.category_nicename||null,description:t.description||null,featureImage:t.thumbnail||t.image||null,displayName:t.name||null,parent:t.parent||null,permalink:t.permalink||null,slug:t.slug||null,childCates:(null===(n=t.child_cates)||void 0===n?void 0:n.map((function(t){return _(t)})))||[],thumnailColor:t.thumnail_color||["#FFEAF1","#E0E9FB","#FFF9EB","#F2FCF7","#F3F3F3"][5*Math.random()|0],colorFeatureImage:t.color_feature_image||null,imageColor:t.image_color||null,textColor:t.text_color||null,catParent:(null===(e=t.cat_parent)||void 0===e?void 0:e.name)?{name:t.cat_parent.name,permalink:t.cat_parent.permalink}:{},metaTag:t.meta_tag||"",reviewedBy:t.reviewed_by?g(t.reviewed_by):null,reviewedDate:t.reviewed_date||"",faqs:t.faqs?t.faqs.map((function(t){return f(t)})):null}:{}},b=function(t){return t?{icon:t.icon,link:t.link,subtitle:t.subtitle,title:t.title}:{}},T=function(t){var n,e;return t?{termId:(null==t?void 0:t.term_id)||0,name:(null==t?void 0:t.name)||"",healthTools:null!==(e=null===(n=null==t?void 0:t.health_tools)||void 0===n?void 0:n.map((function(t){return b(t)})))&&void 0!==e?e:[]}:{}},w=function(n,e,l){return(e||"https://service-health-care.hellohealthgroup.com/")+o(m.SPECIALTIES,t(t({},l),{domain:r[n]}))},y=function(n,e,l){return(e||"https://wp.".concat(r[n],"/"))+"wp-json/api/"+o(a.CATEGORIES,t({},l))},E=function(n,e,l){return(e||"https://wp.".concat(r[n],"/"))+"wp-json/api/"+o(a.HEALTH_TOOLS_BY_CATEGORY,t({},l))},I=function(n,e,l){return(e||"https://wp.".concat(r[n],"/"))+"wp-json/api/"+o(a.SPOTLIGHTS,t({},l))},F=function(n,e,l){return(e||"https://wp.".concat(r[n],"/"))+"wp-json/api/"+o(a.FOOTER,t({},l))},O=function(n,e,l){return(e||"https://together.hellohealthgroup.com/")+"api/v1/"+o(i.COMMUNITIES,t(t({},l),{websiteUrl:"https://".concat(r[n])}))},S=function(n,e,l,a){return(l||"https://together.hellohealthgroup.com/")+"api/v1/"+o(i.GET_USER_POSTS,t(t({},a),{websiteUrl:e?"https://marrybaby.vn":"https://".concat(r[n])}))},k=function(n,e,l){return(e||"https://together.hellohealthgroup.com/")+"api/v1/"+o(i.COMMUNITIES,t(t({},l),{websiteUrl:"https://marrybaby.vn"}))},C=function(n,e,l){return(e||"https://together.hellohealthgroup.com/")+"api/v1/"+o(i.MENU_TOPIC,t(t({},l),{websiteUrl:"https://".concat(r[n])}))},j=function(n,e,l){return(e||"https://together.hellohealthgroup.com/")+"api/v1/"+o(i.MENU_TOPIC,t(t({},l),{websiteUrl:"https://marrybaby.vn"}))},D=function(n,e,l){return(e||"https://staging.marrybaby.vn/")+"wp-json/api/"+o(u.FOOTER,t({},l))},U=function(n,e,l){return(e||"https://staging.marrybaby.vn/")+"wp-json/api/"+o(u.HEALTH_TOOLS,t({},l))},L=function(t){var n,e=t.type,o=t.specialtySlug,i=t.locale;return"/".concat(l[i].ALL,"/").concat((null===(n=l[i])||void 0===n?void 0:n[e])||"doctor","/").concat(null!=o?o:"")},M=function(t){return t?{id:t.ID,name:t.name,permalink:t.permalink,image:(null==t?void 0:t.small_banner)||(null==t?void 0:t.image)||"",imageMedium:(null==t?void 0:t.image_medium)||null,imageThumbnail:(null==t?void 0:t.image_thumbnail)||null,startDate:null==t?void 0:t.start_date,endDate:null==t?void 0:t.end_date}:{}},A=function(t){var n=new Date;if(null==t?void 0:t.startDate){var e=new Date(t.startDate);if(n.getTime()<e.getTime())return!1}if(null==t?void 0:t.endDate){var l=new Date(t.endDate);if(n.getTime()>l.getTime())return!1}return!0};export{s as NaContext,A as checkAvailableSpotlight,_ as formatCategory,d as formatCommunity,f as formatFaqsCategory,b as formatHealthTool,T as formatHealthToolTypeCategory,g as formatReviewedCategory,v as formatSponsor,M as formatSpotlightsList,h as formatTogetherTopic,w as getCareDefaultSpecialtiesApiPath,L as getCareSearchUrl,y as getDiscoverDefaultCategoriesApiPath,F as getDiscoverDefaultFooterApiPath,E as getDiscoverDefaultHealthToolsByCategoryApiPath,I as getDiscoverDefaultSpotlightsApiPath,D as getMarryBabyDefaultFooterApiPath,U as getMarryBabyDefaultHealthToolsApiPath,O as getTogetherDefaultCommunitiesApiPath,C as getTogetherDefaultCommunitiesSubMenuApiPath,k as getTogetherMarryBabyCommunitiesApiPath,j as getTogetherMarryBabyCommunitiesSubMenuApiPath,S as getTogetherUserPostsApiPath,p as useTranslation};
+//# sourceMappingURL=utils.js.map

package/build/esm/components/organisms/navigationLayout/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/organisms/navigationLayout/utils.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react'\n\nimport { LOCALIZED_SLUGS } from 'care/interfaces/constants'\nimport { LocaleType } from 'interfaces/types'\nimport formatString from 'string-format'\n\n\nimport {\n  CARE_PATHS,\n  DISCOVER_PATHS,\n  domainLocales,\n  MARRY_BABY_PATH,\n  TOGETHER_PATHS,\n} from './constants'\nimport { defaultTranslation } from './languages/default'\n// import { defaultTranslation } from './languages/default'\nimport {\n  CategoryHealthToolApi,\n  Community,\n  CommunityApi,\n  HealthTool,\n  HealthToolApi,\n  HealthToolByCategory,\n  LocalisedSlugsType,\n  NavContext,\n  SpotlightSummary,\n  SpotlightSummaryApi,\n  TopicApi,\n} from './types'\n\nconst BREAK_POINT = 768\n\nexport const spLayout = () => {\n  return (style: TemplateStringsArray) =>\n    `@media (max-width: ${BREAK_POINT - 1}px) { ${style} }`\n}\nexport const pcLayout = () => {\n  return (style: TemplateStringsArray) =>\n    `@media (min-width: ${BREAK_POINT}px) { ${style} }`\n}\n\nexport const NaContext = createContext({} as NavContext)\n\nexport const useTranslation = () => {\n  const naContext = useContext(NaContext)\n\n  return (key: string, option?: { [key: string]: any }) => {\n    const translation = naContext.translation || {}\n\n    const translationContent = translation[key] || defaultTranslation[key]\n\n    return translationContent\n      ? option\n        ? formatString(translationContent, option)\n        : translationContent\n      : (() => {\n          throw Error('missing translation ' + key)\n        })()\n    // key\n  }\n}\n\nexport const formatCommunity = (community: CommunityApi): Community => {\n  if (!community) return {} as Community\n\n  return {\n    title: community?.name || '',\n    thumbnail: community?.thumbnail || '',\n    communitySlug: community?.slug || '',\n    communityId: community?.id,\n    color: community?.color,\n  } as Community\n}\n\nexport const formatTogetherTopic = (topic: TopicApi): Community => {\n  if (!topic) return {} as Community\n  return {\n    title: topic?.name || '',\n    thumbnail: topic?.thumbnail || '',\n    communitySlug: `${topic?.community?.slug}/${topic?.slug}`,\n    communityId: topic?.id,\n  }\n}\n\nexport const formatSponsor = (sponsor: any): any => {\n  if (!sponsor) return {} as any\n\n  return {\n    title: sponsor.title,\n    logo: sponsor.logo,\n    link: sponsor.link,\n  } as any\n}\n\nexport const formatReviewedCategory = (data: any): any => {\n  return {\n    postTitle: data.post_title,\n    permalink: data.permalink,\n  }\n}\n\nexport const formatFaqsCategory = (data: any): any => {\n  return {\n    title: data.title,\n    content: data.content,\n  }\n}\n\nexport const formatCategory = (category: any): any => {\n  if (!category) return {} as any\n\n  return {\n    termId: category.term_id || null,\n    sponsor: category.sponsor ? formatSponsor(category.sponsor) : null,\n    isSponsored: category.is_sponsored || null,\n    categoryName: category.cat_name || category.name || null,\n    name: category.name || null,\n    iconUrl: category.icon || '',\n    slugName: category.category_nicename || null,\n    description: category.description || null,\n    featureImage: category.thumbnail || category.image || null,\n    displayName: category.name || null,\n    parent: category.parent || null,\n    permalink: category.permalink || null,\n    slug: category.slug || null,\n    childCates:\n      category.child_cates?.map((childCate) => {\n        return formatCategory(childCate)\n      }) || [],\n    thumnailColor:\n      category.thumnail_color ||\n      ['#FFEAF1', '#E0E9FB', '#FFF9EB', '#F2FCF7', '#F3F3F3'][\n        (Math.random() * 5) | 0\n      ],\n    colorFeatureImage: category.color_feature_image || null,\n    imageColor: category.image_color || null,\n    textColor: category.text_color || null,\n    catParent: category.cat_parent?.name\n      ? {\n          name: category.cat_parent.name,\n          permalink: category.cat_parent.permalink,\n        }\n      : {},\n    metaTag: category.meta_tag || '',\n    reviewedBy: category.reviewed_by\n      ? formatReviewedCategory(category.reviewed_by)\n      : null,\n    reviewedDate: category.reviewed_date || '',\n    faqs: category.faqs\n      ? category.faqs.map((faq) => formatFaqsCategory(faq))\n      : null,\n  } as any\n}\n\nexport const formatHealthTool = (healthTool: HealthToolApi): HealthTool => {\n  if (!healthTool) return {} as HealthTool\n\n  return {\n    icon: healthTool.icon,\n    link:\n      // healthTool.link.startsWith('http')\n      //   ?\n      healthTool.link,\n    // : '/health-tools' + healthTool.link,\n    subtitle: healthTool.subtitle,\n    title: healthTool.title,\n  }\n}\nexport const formatHealthToolTypeCategory = (\n  category: CategoryHealthToolApi,\n): HealthToolByCategory => {\n  if (!category) return {} as HealthToolByCategory\n\n  return {\n    termId: category?.term_id || 0,\n    name: category?.name || '',\n    healthTools:\n      category?.health_tools?.map((tool: HealthTool) =>\n        formatHealthTool(tool),\n      ) ?? [],\n  }\n}\n\nexport const getCareDefaultSpecialtiesApiPath = (\n  locale: LocaleType,\n  apiDomain?: string,\n  params?: { [key: string]: string | number },\n) => {\n  const apiUrl =\n    apiDomain || 'https://service-health-care.hellohealthgroup.com/'\n  return (\n    apiUrl +\n    formatString(CARE_PATHS.SPECIALTIES, {\n      ...params,\n      domain: domainLocales[locale],\n    })\n  )\n}\n\nexport const getDiscoverDefaultCategoriesApiPath = (\n  locale: LocaleType,\n  apiDomain?: string,\n  params?: { [key: string]: string | number },\n) => {\n  const apiUrl = apiDomain || `https://wp.${domainLocales[locale]}/`\n  return (\n    apiUrl +\n    'wp-json/api/' +\n    formatString(DISCOVER_PATHS.CATEGORIES, { ...params })\n  )\n}\n\nexport const getDiscoverDefaultHealthToolsApiPath = (\n  locale: LocaleType,\n  apiDomain?: string,\n  params?: { [key: string]: string | number },\n) => {\n  const apiUrl = apiDomain || `https://wp.${domainLocales[locale]}/`\n  return (\n    apiUrl +\n    'wp-json/api/' +\n    formatString(DISCOVER_PATHS.HEALTH_TOOLS, { ...params })\n  )\n}\nexport const getDiscoverDefaultHealthToolsByCategoryApiPath = (\n  locale: LocaleType,\n  apiDomain?: string,\n  params?: { [key: string]: string | number },\n) => {\n  const apiUrl = apiDomain || `https://wp.${domainLocales[locale]}/`\n  return (\n    apiUrl +\n    'wp-json/api/' +\n    formatString(DISCOVER_PATHS.HEALTH_TOOLS_BY_CATEGORY, { ...params })\n  )\n}\n\nexport const getDiscoverDefaultSpotlightsApiPath = (\n  locale: LocaleType,\n  apiDomain?: string,\n  params?: { [key: string]: string | number },\n) => {\n  const apiUrl = apiDomain || `https://wp.${domainLocales[locale]}/`\n  return (\n    apiUrl +\n    'wp-json/api/' +\n    formatString(DISCOVER_PATHS.SPOTLIGHTS, {\n      ...params,\n    })\n  )\n}\n\nexport const getDiscoverDefaultFooterApiPath = (\n  locale: LocaleType,\n  apiDomain?: string,\n  params?: { [key: string]: string | number },\n) => {\n  const apiUrl = apiDomain || `https://wp.${domainLocales[locale]}/`\n  return (\n    apiUrl +\n    'wp-json/api/' +\n    formatString(DISCOVER_PATHS.FOOTER, {\n      ...params,\n    })\n  )\n}\n\nexport const getTogetherDefaultCommunitiesApiPath = (\n  locale: LocaleType,\n  apiDomain?: string,\n  params?: { [key: string]: string | number },\n) => {\n  const apiUrl = apiDomain || `https://together.hellohealthgroup.com/`\n  return (\n    apiUrl +\n    'api/v1/' +\n    formatString(TOGETHER_PATHS.COMMUNITIES, {\n      ...params,\n      websiteUrl: `https://${domainLocales[locale]}`,\n    })\n  )\n}\n\nexport const getTogetherUserPostsApiPath = (\n  locale: LocaleType,\n  isMarryBaby: boolean,\n  apiDomain?: string,\n  params?: { [key: string]: string | number },\n) => {\n  const apiUrl = apiDomain || `https://together.hellohealthgroup.com/`\n  return (\n    apiUrl +\n    'api/v1/' +\n    formatString(TOGETHER_PATHS.GET_USER_POSTS, {\n      ...params,\n      websiteUrl: isMarryBaby\n        ? 'https://marrybaby.vn'\n        : `https://${domainLocales[locale]}`,\n    })\n  )\n}\n\nexport const getTogetherMarryBabyCommunitiesApiPath = (\n  locale: LocaleType,\n  apiDomain?: string,\n  params?: { [key: string]: string | number },\n) => {\n  const apiUrl = apiDomain || `https://together.hellohealthgroup.com/`\n  return (\n    apiUrl +\n    'api/v1/' +\n    formatString(TOGETHER_PATHS.COMMUNITIES, {\n      ...params,\n      websiteUrl: `https://marrybaby.vn`,\n    })\n  )\n}\n\nexport const getTogetherDefaultCommunitiesSubMenuApiPath = (\n  locale: LocaleType,\n  apiDomain?: string,\n  params?: { [key: string]: string | number },\n) => {\n  const apiUrl = apiDomain || `https://together.hellohealthgroup.com/`\n  return (\n    apiUrl +\n    'api/v1/' +\n    formatString(TOGETHER_PATHS.MENU_TOPIC, {\n      ...params,\n      websiteUrl: `https://${domainLocales[locale]}`,\n    })\n  )\n}\n\nexport const getTogetherMarryBabyCommunitiesSubMenuApiPath = (\n  locale: LocaleType,\n  apiDomain?: string,\n  params?: { [key: string]: string | number },\n) => {\n  const apiUrl = apiDomain || `https://together.hellohealthgroup.com/`\n  return (\n    apiUrl +\n    'api/v1/' +\n    formatString(TOGETHER_PATHS.MENU_TOPIC, {\n      ...params,\n      websiteUrl: `https://marrybaby.vn`,\n    })\n  )\n}\n\nexport const getMarryBabyDefaultFooterApiPath = (\n  locale: LocaleType,\n  apiDomain?: string,\n  params?: { [key: string]: string | number },\n) => {\n  const apiUrl = apiDomain || `https://staging.marrybaby.vn/`\n  return (\n    apiUrl +\n    'wp-json/api/' +\n    formatString(MARRY_BABY_PATH.FOOTER, {\n      ...params,\n    })\n  )\n}\n\nexport const getMarryBabyDefaultHealthToolsApiPath = (\n  locale: LocaleType,\n  apiDomain?: string,\n  params?: { [key: string]: string | number },\n) => {\n  const apiUrl = apiDomain || `https://staging.marrybaby.vn/`\n  return (\n    apiUrl +\n    'wp-json/api/' +\n    formatString(MARRY_BABY_PATH.HEALTH_TOOLS, {\n      ...params,\n    })\n  )\n}\n\nexport const getCareSearchUrl = ({\n  type,\n  specialtySlug,\n  locale,\n}: {\n  type: LocalisedSlugsType\n  cityId?: string | number\n  specialtySlug: string\n  locale: LocaleType\n}) => {\n  return `/${LOCALIZED_SLUGS[locale].ALL}/${\n    LOCALIZED_SLUGS[locale]?.[type] || 'doctor'\n  }/${specialtySlug ?? ''}`\n}\n\nexport const formatSpotlightsList = (\n  spotlight: SpotlightSummaryApi,\n): SpotlightSummary => {\n  if (!spotlight) return {} as SpotlightSummary\n\n  return {\n    id: spotlight.ID,\n    name: spotlight.name,\n    permalink: spotlight.permalink,\n    image: spotlight?.small_banner || spotlight?.image || '',\n    imageMedium: spotlight?.image_medium || null,\n    imageThumbnail: spotlight?.image_thumbnail || null,\n    startDate: spotlight?.start_date,\n    endDate: spotlight?.end_date,\n  }\n}\n\nexport const checkAvailableSpotlight = (spotlight: SpotlightSummary) => {\n  const today = new Date()\n  if (spotlight?.startDate) {\n    const startDate = new Date(spotlight.startDate)\n    if (today.getTime() < startDate.getTime()) return false\n  }\n  if (spotlight?.endDate) {\n    const endDate = new Date(spotlight.endDate)\n    if (today.getTime() > endDate.getTime()) return false\n  }\n  return true\n}\n"],"names":["NaContext","createContext","useTranslation","naContext","useContext","key","option","translationContent","translation","defaultTranslation","formatString","Error","formatCommunity","community","title","name","thumbnail","communitySlug","slug","communityId","id","color","formatTogetherTopic","topic","_a","concat","formatSponsor","sponsor","logo","link","formatReviewedCategory","data","postTitle","post_title","permalink","formatFaqsCategory","content","formatCategory","category","termId","term_id","isSponsored","is_sponsored","categoryName","cat_name","iconUrl","icon","slugName","category_nicename","description","featureImage","image","displayName","parent","childCates","child_cates","map","childCate","thumnailColor","thumnail_color","Math","random","colorFeatureImage","color_feature_image","imageColor","image_color","textColor","text_color","catParent","_b","cat_parent","metaTag","meta_tag","reviewedBy","reviewed_by","reviewedDate","reviewed_date","faqs","faq","formatHealthTool","healthTool","subtitle","formatHealthToolTypeCategory","healthTools","health_tools","tool","getCareDefaultSpecialtiesApiPath","locale","apiDomain","params","CARE_PATHS","SPECIALTIES","domain","domainLocales","getDiscoverDefaultCategoriesApiPath","DISCOVER_PATHS","CATEGORIES","getDiscoverDefaultHealthToolsByCategoryApiPath","HEALTH_TOOLS_BY_CATEGORY","getDiscoverDefaultSpotlightsApiPath","SPOTLIGHTS","getDiscoverDefaultFooterApiPath","FOOTER","getTogetherDefaultCommunitiesApiPath","TOGETHER_PATHS","COMMUNITIES","__assign","websiteUrl","getTogetherUserPostsApiPath","isMarryBaby","GET_USER_POSTS","getTogetherMarryBabyCommunitiesApiPath","getTogetherDefaultCommunitiesSubMenuApiPath","MENU_TOPIC","getTogetherMarryBabyCommunitiesSubMenuApiPath","getMarryBabyDefaultFooterApiPath","MARRY_BABY_PATH","getMarryBabyDefaultHealthToolsApiPath","HEALTH_TOOLS","getCareSearchUrl","type","specialtySlug","LOCALIZED_SLUGS","ALL","formatSpotlightsList","spotlight","ID","small_banner","imageMedium","image_medium","imageThumbnail","image_thumbnail","startDate","start_date","endDate","end_date","checkAvailableSpotlight","today","Date","getTime"],"mappings":"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"}

package/build/esm/components/organisms/navigationLogoutPopup/index.js

@@ -0,0 +1,2 @@
+import o,{useEffect as e}from"react";import t from"../../../assets/svg/arrowDoor.svg.js";import l from"../../../assets/svg/closeLight.svg.js";import{Button as s}from"../../atoms/button/index.js";import{Popup as n}from"../../molecules/popup/index.js";import{useTranslations as r}from"../../../hooks/useTranslations.js";import{StyledPopup as c,StyledButtonGroup as a}from"./index.styled.js";var i=function(i){var m=i.openLogoutPopup,p=i.onCloseHandler,u=i.onLogoutHandler,g=i.siteType,d=void 0===g?"helloSites":g,f=r().t;return e((function(){document.body.classList.toggle("noscroll",m)}),[m]),o.createElement(n,{type:"confirm",isOpen:m,closeIcon:o.createElement("img",{src:l,style:{width:24,height:24},alt:"close-icon"}),onClose:p},o.createElement(c,null,"helloSites"===d&&o.createElement("img",{src:t,className:"cancle-img",alt:"close-account"}),o.createElement("h2",null,f("helloSites"===d?"logout.popup.ask1":"logout.popup.ask.mb")),o.createElement("p",null,f("logout.popup.ask2")),o.createElement(a,{siteType:d},o.createElement(s,{className:"logout-button",color:"tertiary",size:"lg",onClick:u},f("logout.popup.button.logout")),o.createElement(s,{className:"cancel-button",color:"primary",size:"lg",onClick:p},f("logout.popup.button.cancel")))))};export{i as NavigationLogoutPopup};
+//# sourceMappingURL=index.js.map

package/build/esm/components/organisms/navigationLogoutPopup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/organisms/navigationLogoutPopup/index.tsx"],"sourcesContent":["import React from 'react'\nimport { useEffect } from 'react'\n\nimport { ArrowDoorIcon, CloseLightIcon } from 'assets/svg'\nimport { Button } from 'components/atoms/button'\nimport { Popup } from 'components/molecules/popup'\nimport { useTranslations } from 'src/hooks/useTranslations'\n\nimport { StyledPopup, StyledButtonGroup } from './index.styled'\n\nexport type Props = {\n  openLogoutPopup: boolean\n  onCloseHandler: () => void\n  onLogoutHandler: () => void\n  siteType: 'helloSites' | 'marryBaby'\n}\n\nconst NavigationLogoutPopup = ({\n  openLogoutPopup,\n  onCloseHandler,\n  onLogoutHandler,\n  siteType = 'helloSites',\n}: Props) => {\n  const { t } = useTranslations()\n\n  useEffect(() => {\n    document.body.classList.toggle('noscroll', openLogoutPopup)\n  }, [openLogoutPopup])\n\n  return (\n    <Popup\n      type=\"confirm\"\n      isOpen={openLogoutPopup}\n      closeIcon={\n        <img\n          src={CloseLightIcon}\n          style={{ width: 24, height: 24 }}\n          alt=\"close-icon\"\n        />\n      }\n      onClose={onCloseHandler}\n    >\n      <StyledPopup>\n        {siteType === 'helloSites' && (\n          <img src={ArrowDoorIcon} className=\"cancle-img\" alt=\"close-account\" />\n        )}\n        <h2>\n          {t(\n            siteType === 'helloSites'\n              ? 'logout.popup.ask1'\n              : 'logout.popup.ask.mb',\n          )}\n        </h2>\n        <p>{t('logout.popup.ask2')}</p>\n        <StyledButtonGroup siteType={siteType}>\n          <Button\n            className=\"logout-button\"\n            color=\"tertiary\"\n            size=\"lg\"\n            onClick={onLogoutHandler}\n          >\n            {t('logout.popup.button.logout')}\n          </Button>\n          <Button\n            className=\"cancel-button\"\n            color=\"primary\"\n            size=\"lg\"\n            onClick={onCloseHandler}\n          >\n            {t('logout.popup.button.cancel')}\n          </Button>\n        </StyledButtonGroup>\n      </StyledPopup>\n    </Popup>\n  )\n}\n\nexport { NavigationLogoutPopup }\n"],"names":["NavigationLogoutPopup","_a","openLogoutPopup","onCloseHandler","onLogoutHandler","_b","siteType","t","useTranslations","useEffect","document","body","classList","toggle","React","createElement","Popup","type","isOpen","closeIcon","src","CloseLightIcon","style","width","height","alt","onClose","StyledPopup","ArrowDoorIcon","className","StyledButtonGroup","Button","color","size","onClick"],"mappings":"qYAiBM,IAAAA,EAAwB,SAACC,GAC7B,IAAAC,EAAeD,EAAAC,gBACfC,EAAcF,EAAAE,eACdC,EAAeH,EAAAG,gBACfC,EAAuBJ,EAAAK,SAAvBA,OAAQ,IAAAD,EAAG,aAAYA,EAEfE,EAAMC,MAMd,OAJAC,GAAU,WACRC,SAASC,KAAKC,UAAUC,OAAO,WAAYX,KAC1C,CAACA,IAGFY,EAACC,cAAAC,EACC,CAAAC,KAAK,UACLC,OAAQhB,EACRiB,UACEL,EACEC,cAAA,MAAA,CAAAK,IAAKC,EACLC,MAAO,CAAEC,MAAO,GAAIC,OAAQ,IAC5BC,IAAI,eAGRC,QAASvB,GAETW,EAAAC,cAACY,EAAW,KACI,eAAbrB,GACCQ,EAAAC,cAAA,MAAA,CAAKK,IAAKQ,EAAeC,UAAU,aAAaJ,IAAI,kBAEtDX,EAAAC,cAAA,KAAA,KACGR,EACc,eAAbD,EACI,oBACA,wBAGRQ,EAAAC,cAAA,IAAA,KAAIR,EAAE,sBACNO,EAAAC,cAACe,EAAiB,CAACxB,SAAUA,GAC3BQ,EAACC,cAAAgB,GACCF,UAAU,gBACVG,MAAM,WACNC,KAAK,KACLC,QAAS9B,GAERG,EAAE,+BAELO,EAACC,cAAAgB,EACC,CAAAF,UAAU,gBACVG,MAAM,UACNC,KAAK,KACLC,QAAS/B,GAERI,EAAE"}

package/build/esm/components/organisms/navigationLogoutPopup/index.styled.js

@@ -0,0 +1,2 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as t}from"../../../misc/utils.js";import o from"styled-components";var e,i,p=o.div(e||(e=n(["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"],["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"])),t.mbDown,t.mbUp,(function(n){return n.theme.colors.gray800}),t.mbDown,t.mbUp,(function(n){return n.theme.colors.gray600}),t.mbDown,t.mbUp),r=o.div(i||(i=n(["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"],["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"])),t.mbDown,t.mbUp,(function(n){return"marryBaby"===n.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""}));export{r as StyledButtonGroup,p as StyledPopup};
+//# sourceMappingURL=index.styled.js.map

package/build/esm/components/organisms/navigationLogoutPopup/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../src/components/organisms/navigationLogoutPopup/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledPopup = styled.div`\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    ${MediaQueries.mbDown} {\n      width: 80px;\n      height: 80px;\n    }\n\n    ${MediaQueries.mbUp} {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ${(props: ThemeProps) => props.theme.colors.gray800};\n    font-style: normal;\n    font-weight: bold;\n    ${MediaQueries.mbDown} {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    ${MediaQueries.mbUp} {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ${(props: ThemeProps) => props.theme.colors.gray600};\n    font-style: normal;\n    font-weight: normal;\n    ${MediaQueries.mbDown} {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    ${MediaQueries.mbUp} {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n`\ntype StyledButtonGroupProps = {\n  siteType: 'helloSites' | 'marryBaby'\n}\nexport const StyledButtonGroup = styled.div<StyledButtonGroupProps>`\n  display: flex;\n\n  ${MediaQueries.mbDown} {\n    margin-top: 24px;\n  }\n\n  ${MediaQueries.mbUp} {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ${(props) =>\n    props.siteType === 'marryBaby'\n      ? `\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      `\n      : ''}\n`\n"],"names":["StyledPopup","styled","div","templateObject_1","__makeTemplateObject","MediaQueries","mbDown","mbUp","props","theme","colors","gray800","gray600","StyledButtonGroup","templateObject_2","siteType"],"mappings":"uKAIa,QAAAA,EAAcC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,oGAAA,6DAAA,0GAAA,2DAAA,sEAAA,+GAAA,6DAAA,sEAAA,sEAAA,CAAA,oGAKZ,6DAKF,0GAQuC,2DAGrC,sEAKF,+GAQuC,6DAGrC,sEAKF,wEArCjBC,EAAaC,OAKbD,EAAaE,MAQN,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,UAGjDN,EAAaC,OAKbD,EAAaE,MAQN,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,UAGjDP,EAAaC,OAKbD,EAAaE,MASNM,EAAoBZ,EAAOC,IAAGY,IAAAA,EAAAV,EAAA,CAAA,2BAAA,uCAAA,0HAAA,MAAA,CAAwB,2BAG5C,uCAIF,0HAuBX,QA3BNC,EAAaC,OAIbD,EAAaE,MASb,SAACC,GACD,MAAmB,cAAnBA,EAAMO,SACF,0RAYA"}

package/build/esm/components/organisms/navigationProfileButton/index.js

@@ -0,0 +1,2 @@
+import{__awaiter as e,__generator as t,__assign as o}from"../../../node_modules/tslib/tslib.es6.js";import s,{useState as i,useEffect as r}from"react";import n from"../../../assets/svg/lock.png.js";import a from"../../../assets/svg/login.svg.js";import{Text as m}from"../../atoms/text/index.js";import"../../atoms/alert/index.styled.js";import{Avatar as l}from"../../atoms/avatar/index.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import{Button as d}from"../../atoms/button/index.js";import"../../atoms/divider/index.styled.js";import"../../atoms/fileDropdown/index.styled.js";import"../../atoms/flag/index.styled.js";import"../../atoms/grid/index.styled.js";import"../../atoms/heading/index.styled.js";import"../../atoms/label/index.js";import"../../atoms/input/index.styled.js";import"../../atoms/logo/index.js";import"../../../misc/utils.js";import"../../atoms/pagination/index.styled.js";import"../../atoms/pureInput/index.js";import"../../atoms/radio/index.styled.js";import"../../atoms/shadow/index.styled.js";import"react-range";import"../../atoms/slider/index.styled.js";import"../../atoms/tag/index.styled.js";import"../../atoms/toggle/index.styled.js";import"../../atoms/underlinedLink/index.styled.js";import"../../atoms/uploader/index.styled.js";import"../../atoms/textArea/index.js";import"../../atoms/container/index.styled.js";import"../../atoms/checkbox/index.styled.js";import"../../atoms/textDivider/index.js";import"../../atoms/rateStars/index.styled.js";import"../../atoms/icons/Ask.js";import"../../atoms/icons/BarChart.js";import"../../atoms/icons/Booking.js";import"../../atoms/icons/Bookmark.js";import"../../atoms/icons/Community.js";import"../../atoms/icons/EditSpecial.js";import"../../atoms/icons/Family.js";import"../../atoms/icons/Font.js";import"../../atoms/icons/Heart.js";import"../../atoms/icons/Home.js";import"../../atoms/icons/Like.js";import"../../atoms/icons/MyCommunity.js";import"../../atoms/icons/PlusSpecial.js";import"../../atoms/icons/Recalculate.js";import"../../atoms/icons/Scale.js";import"../../atoms/icons/Share.js";import"../../atoms/icons/Stethoscope.js";import"../../atoms/progress/index.styled.js";import{useCSSFocusPopupHelper as p}from"../../../hooks/useCSSFocusPopupHelper.js";import{useTranslations as c}from"../../../hooks/useTranslations.js";import{theme as u}from"../../../misc/theme.js";import{NavigationLogoutPopup as g}from"../navigationLogoutPopup/index.js";import{StyledImageWrapper as j,StyledLoggedOutAnchor as y,StyledAvatar as x}from"./index.styled.js";import{ProfilePopup as f}from"./profilePopup.js";var h=function(h){var v=h.userInfo,b=h.siteType,E=h.isAmp,k=h.goToLogin,C=h.SSO_URL,L=h.currentUrl,P=h.isMinifyLogin,S=h.enableCare,B=h.enableTogether,H=h.enableEcom,U=h.isUserProfileNavigatorMenuHidden,w=h.UP_BASEPATH,A=h.isMyHealthEnabled,T=h.togetherApiDomain,F=h.onLogout,M=h.style,N=h.userProfileRouterPush,R=c().t,D=i(!1),_=D[0],I=D[1],z=(null==v?void 0:v.name)||(null==v?void 0:v.username),O=i(!1),J=O[0],W=O[1];r((function(){W(!0)}),[]);var q=p(),G=q.containerRef,K=q.onContainerFocus,Q=q.onContainerBlur,V=q.onButtonClick,X=q.onClose;return(null==v?void 0:v.id)?s.createElement(s.Fragment,null,s.createElement(j,{ref:G,href:E?"".concat(C,"user/profile"):void 0,style:M,tabIndex:0,onFocus:K,onBlur:Q},s.createElement("div",{onClick:V},s.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"user-close-icon"},s.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),s.createElement(l,{type:"rounded",size:"medium",className:"user-avatar",avatarUrl:null==v?void 0:v.avatar,firstLetter:z&&z.length?z[0].toUpperCase():"A",backgroundColor:"marryBaby"===b?u.mbColors.pink:u.colors.secondaryBase,isAmp:E})),!E&&s.createElement(f,{UP_BASEPATH:w,SSO_URL:C,dispatchLogout:function(){return I(!0)},isOpen:!1,isMyHealthEnabled:A,enableCare:S,enableTogether:B,enableEcom:H,closePopup:X,userInfo:v,siteType:b,isUserProfileNavigatorMenuHidden:U,togetherApiDomain:T,userProfileRouterPush:N})),!E&&s.createElement(g,{openLogoutPopup:_,onCloseHandler:function(){return I(!1)},siteType:b,onLogoutHandler:function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return[4,F()];case 1:return e.sent(),I(!1),[2]}}))}))}})):s.createElement(y,{style:o({textDecoration:"none"},M),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":L,href:E?"".concat(C,"?returnUrl=").concat(L.replace("?amp=1","")):J?void 0:"".concat(C,"?returnUrl=").concat(L),"data-site-type":b},P?s.createElement(x,{onClick:k},s.createElement("img",{src:n,className:"avatar",alt:"avatar"})):s.createElement(s.Fragment,null,"helloSites"===b&&s.createElement("img",{className:"mobile-only",src:a,style:{cursor:"pointer",height:24,width:24},onClick:k}),s.createElement(d,{className:"login-btn",size:"md",color:"tertiary",onClick:k,theme:b,icon:s.createElement("img",{src:a,width:18,height:18,style:{marginRight:8}})},R("navigation.loginJoin")),"marryBaby"===b&&s.createElement("div",{className:"mobile-only",onClick:k,style:{paddingLeft:16}},s.createElement(m,{size:"p3"},R("navigation.loginJoin")))))};export{h as NavigationProfileButton};
+//# sourceMappingURL=index.js.map

package/build/esm/components/organisms/navigationProfileButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/organisms/navigationProfileButton/index.tsx"],"sourcesContent":["import React, { CSSProperties, useState, useEffect, useRef } from 'react'\n\nimport { LockIcon, LoginIcon } from 'src/assets/svg'\nimport { Avatar, Button, Text } from 'src/components/atoms'\nimport { useCSSFocusPopupHelper } from 'src/hooks/useCSSFocusPopupHelper'\nimport { useTranslations } from 'src/hooks/useTranslations'\nimport { SiteType, UserInfo } from 'src/interfaces/types'\nimport { theme } from 'src/misc/theme'\n\nimport { NavigationLogoutPopup } from '../navigationLogoutPopup'\nimport {\n  StyledAvatar,\n  StyledImageWrapper,\n  StyledLoggedOutAnchor,\n} from './index.styled'\nimport { ProfilePopup } from './profilePopup'\n\nexport type Props = {\n  userInfo: UserInfo\n  siteType: SiteType\n  isAmp?: boolean\n  goToLogin?: () => void\n  SSO_URL?: string\n  currentUrl?: string\n  isMinifyLogin?: boolean\n\n  enableCare?: boolean\n  enableTogether?: boolean\n  enableEcom?: boolean\n  isUserProfileNavigatorMenuHidden?: boolean\n  isMyHealthEnabled?: boolean\n  UP_BASEPATH?: string\n  togetherApiDomain?: string\n  onLogout?: () => void\n  style?: CSSProperties\n  userProfileRouterPush?: (s: string) => void\n}\n\nexport const NavigationProfileButton = ({\n  userInfo,\n  siteType,\n  isAmp,\n  goToLogin,\n  SSO_URL,\n  currentUrl,\n  isMinifyLogin,\n  enableCare,\n  enableTogether,\n  enableEcom,\n  isUserProfileNavigatorMenuHidden,\n  UP_BASEPATH,\n  isMyHealthEnabled,\n  togetherApiDomain,\n  onLogout,\n  style,\n  userProfileRouterPush,\n}: Props) => {\n  const { t } = useTranslations()\n  const [isLogoutConfirmOpen, setIsLogoutConfirmOpen] = useState(false)\n  const name = userInfo?.name || userInfo?.username\n  const [init, setInit] = useState(false)\n  useEffect(() => {\n    setInit(true)\n  }, [])\n\n  const {\n    containerRef,\n    onContainerFocus,\n    onContainerBlur,\n    onButtonClick,\n    onClose,\n  } = useCSSFocusPopupHelper<HTMLAnchorElement>()\n  return userInfo?.id ? (\n    <>\n      <StyledImageWrapper\n        ref={containerRef}\n        href={isAmp ? `${SSO_URL}user/profile` : undefined}\n        style={style}\n        tabIndex={0}\n        onFocus={onContainerFocus}\n        onBlur={onContainerBlur}\n      >\n        <div onClick={onButtonClick}>\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            className=\"user-close-icon\"\n          >\n            <path\n              d=\"M18 6L6 18M18 18L6 6\"\n              stroke=\"#3E3F58\"\n              strokeWidth=\"1.3\"\n              strokeLinecap=\"round\"\n            />\n          </svg>\n          <Avatar\n            type=\"rounded\"\n            size=\"medium\"\n            className=\"user-avatar\"\n            avatarUrl={userInfo?.avatar}\n            firstLetter={name && name.length ? name[0].toUpperCase() : 'A'}\n            backgroundColor={\n              siteType === 'marryBaby'\n                ? theme.mbColors.pink\n                : theme.colors.secondaryBase\n            }\n            isAmp={isAmp}\n          />\n        </div>\n        {!isAmp && (\n          <ProfilePopup\n            UP_BASEPATH={UP_BASEPATH}\n            SSO_URL={SSO_URL}\n            dispatchLogout={() => setIsLogoutConfirmOpen(true)}\n            isOpen={false}\n            isMyHealthEnabled={isMyHealthEnabled}\n            enableCare={enableCare}\n            enableTogether={enableTogether}\n            enableEcom={enableEcom}\n            closePopup={onClose}\n            userInfo={userInfo}\n            siteType={siteType}\n            isUserProfileNavigatorMenuHidden={isUserProfileNavigatorMenuHidden}\n            togetherApiDomain={togetherApiDomain}\n            userProfileRouterPush={userProfileRouterPush}\n          />\n        )}\n      </StyledImageWrapper>\n\n      {!isAmp && (\n        <NavigationLogoutPopup\n          openLogoutPopup={isLogoutConfirmOpen}\n          onCloseHandler={() => setIsLogoutConfirmOpen(false)}\n          siteType={siteType}\n          onLogoutHandler={async () => {\n            await onLogout()\n            setIsLogoutConfirmOpen(false)\n          }}\n        />\n      )}\n    </>\n  ) : (\n    <StyledLoggedOutAnchor\n      style={{ textDecoration: 'none', ...style }}\n      data-event-category=\"Sign Up\"\n      data-event-action=\"Button Click\"\n      data-event-label={currentUrl}\n      href={\n        isAmp\n          ? `${SSO_URL}?returnUrl=${currentUrl.replace('?amp=1', '')}`\n          : !init\n          ? `${SSO_URL}?returnUrl=${currentUrl}`\n          : undefined\n      }\n      data-site-type={siteType}\n    >\n      {isMinifyLogin ? (\n        <StyledAvatar onClick={goToLogin}>\n          <img src={LockIcon} className=\"avatar\" alt=\"avatar\" />\n        </StyledAvatar>\n      ) : (\n        // LOGIC:\n        // - DEsktop: always show button\n        // - Mobile: show button only for helloSites, show text for MarryBaby\n        <>\n          {siteType === 'helloSites' && (\n            <img\n              className=\"mobile-only\"\n              src={LoginIcon}\n              style={{\n                cursor: 'pointer',\n                height: 24,\n                width: 24,\n              }}\n              onClick={goToLogin}\n            />\n          )}\n          <Button\n            className=\"login-btn\"\n            size=\"md\"\n            color=\"tertiary\"\n            onClick={goToLogin}\n            theme={siteType}\n            icon={\n              <img\n                src={LoginIcon}\n                width={18}\n                height={18}\n                style={{ marginRight: 8 }}\n              />\n            }\n          >\n            {t('navigation.loginJoin')}\n          </Button>\n          {siteType === 'marryBaby' && (\n            <div\n              className=\"mobile-only\"\n              onClick={goToLogin}\n              style={{\n                paddingLeft: 16,\n              }}\n            >\n              <Text size=\"p3\">{t('navigation.loginJoin')}</Text>\n            </div>\n          )}\n        </>\n      )}\n    </StyledLoggedOutAnchor>\n  )\n}\n"],"names":["NavigationProfileButton","_a","userInfo","siteType","isAmp","goToLogin","SSO_URL","currentUrl","isMinifyLogin","enableCare","enableTogether","enableEcom","isUserProfileNavigatorMenuHidden","UP_BASEPATH","isMyHealthEnabled","togetherApiDomain","onLogout","style","userProfileRouterPush","t","useTranslations","_b","useState","isLogoutConfirmOpen","setIsLogoutConfirmOpen","name","username","_c","init","setInit","useEffect","_d","useCSSFocusPopupHelper","containerRef","onContainerFocus","onContainerBlur","onButtonClick","onClose","id","React","createElement","Fragment","StyledImageWrapper","ref","href","concat","undefined","tabIndex","onFocus","onBlur","onClick","width","height","viewBox","fill","xmlns","className","d","stroke","strokeWidth","strokeLinecap","Avatar","type","size","avatarUrl","avatar","firstLetter","length","toUpperCase","backgroundColor","theme","mbColors","pink","colors","secondaryBase","ProfilePopup","dispatchLogout","isOpen","closePopup","NavigationLogoutPopup","openLogoutPopup","onCloseHandler","onLogoutHandler","__awaiter","sent","StyledLoggedOutAnchor","__assign","textDecoration","replace","StyledAvatar","src","LockIcon","alt","LoginIcon","cursor","Button","color","icon","marginRight","paddingLeft","Text"],"mappings":"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"}

package/build/esm/components/organisms/navigationProfileButton/index.styled.js

@@ -0,0 +1,2 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{theme as t}from"../../../misc/theme.js";import{MediaQueries as e}from"../../../misc/utils.js";import i from"styled-components";var o,a,r,p,d,h=i.div(o||(o=n(["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    max-height: calc(100vh - var(--header-height, 64px));\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px\n        ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      top: var(--header-height, 69px);\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"],["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    max-height: calc(100vh - var(--header-height, 64px));\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px\n        ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      top: var(--header-height, 69px);\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),e.mbDown,e.mbUp,e.mbDown,e.mbUp,e.mbUp,(function(n){return n.theme.colors.gray200}),e.mbDown,t.colors.neutral100,e.mbUp),l=i.div(a||(a=n(["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-height, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-height, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"])),e.mbUp,e.mbDown),s=i.div(r||(r=n(["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.theme.colors.secondaryBase})),x=i.a(p||(p=n(["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    "," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: var(--header-height, 69px);\n        }\n      }\n    }\n    "," {\n      display: initial;\n    }\n  }\n"],["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    "," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: var(--header-height, 69px);\n        }\n      }\n    }\n    "," {\n      display: initial;\n    }\n  }\n"])),h,e.mbDown,l),g=i.a(d||(d=n(["\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"],["\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"])),e.mbUp,e.mbUp);export{s as StyledAvatar,x as StyledImageWrapper,g as StyledLoggedOutAnchor,h as StyledPopup,l as StyledPopupWrapper};
+//# sourceMappingURL=index.styled.js.map

package/build/esm/components/organisms/navigationProfileButton/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../src/components/organisms/navigationProfileButton/index.styled.tsx"],"sourcesContent":["import { theme, ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledPopup = styled.div`\n  position: absolute;\n  right: 0;\n  background-color: ${(props: ThemeProps) => props.theme.colors.white};\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    ${MediaQueries.mbDown} {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    ${MediaQueries.mbUp} {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    ${MediaQueries.mbDown} {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    ${MediaQueries.mbUp} {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    max-height: calc(100vh - var(--header-height, 64px));\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    ${MediaQueries.mbUp} {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px\n        ${(props: ThemeProps) => props.theme.colors.gray200};\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    ${MediaQueries.mbDown} {\n      position: fixed;\n      left: 0;\n      top: var(--header-height, 69px);\n      width: 100%;\n      border-top: 1px solid ${theme.colors.neutral100};\n    }\n    ${MediaQueries.mbUp} {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n`\n\nexport const StyledPopupWrapper = styled.div`\n  position: fixed;\n  z-index: 150;\n  top: var(--header-height, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  ${MediaQueries.mbUp} {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  ${MediaQueries.mbDown} {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n`\n\nexport const StyledAvatar = styled.div`\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ${(props: ThemeProps) =>\n      props.theme.colors.secondaryBase};\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n`\n\nexport const StyledImageWrapper = styled.a`\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    ${StyledPopup} {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        ${MediaQueries.mbDown} {\n          top: var(--header-height, 69px);\n        }\n      }\n    }\n    ${StyledPopupWrapper} {\n      display: initial;\n    }\n  }\n`\nexport const StyledLoggedOutAnchor = styled.a`\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    ${MediaQueries.mbUp} {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    ${MediaQueries.mbUp} {\n      display: block;\n    }\n  }\n`\n"],"names":["StyledPopup","styled","div","props","theme","colors","white","MediaQueries","mbDown","mbUp","gray200","neutral100","StyledPopupWrapper","templateObject_2","__makeTemplateObject","StyledAvatar","templateObject_3","secondaryBase","StyledImageWrapper","a","templateObject_4","StyledLoggedOutAnchor","templateObject_5"],"mappings":"oOAIaA,EAAcC,EAAOC,uyEAAG,6DAGgC,gbA6B5C,iGAMF,+NAYE,2HAOF,+hBA8BA,yEAGoC,sWAclC,uIAK4B,iBAE9B,8QA5GD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,QA6B1DC,EAAaC,OAMbD,EAAaE,KAYbF,EAAaC,OAObD,EAAaE,KA8BbF,EAAaE,MAGT,SAACN,GAAsB,OAAAA,EAAMC,MAAMC,OAAOK,UAc9CH,EAAaC,OAKWJ,EAAMC,OAAOM,WAErCJ,EAAaE,MAqBNG,EAAqBX,EAAOC,IAAGW,IAAAA,EAAAC,EAAA,CAAA,uJAAA,mNAAA,0JAAA,CAAA,uJASvB,mNAUE,4JAVnBP,EAAaE,KAUbF,EAAaC,QAaJO,EAAed,EAAOC,IAAGc,IAAAA,EAAAF,EAAA,CAAA,6SAAA,sGAAA,CAAA,6SAoBA,yGADd,SAACX,GACnB,OAAAA,EAAMC,MAAMC,OAAOY,iBAQZC,EAAqBjB,EAAOkB,EAACC,IAAAA,EAAAN,EAAA,CAAA,yXAAA,8JAAA,kFAAA,6CAAA,CAAA,yXAqBzB,8JAOY,kFAKL,+CAZlBd,EAOIO,EAAaC,OAKjBI,GAKOS,EAAwBpB,EAAOkB,EAACG,IAAAA,EAAAR,EAAA,CAAA,0IAAA,oIAAA,2CAAA,CAAA,0IAMtB,oIAQA,6CARjBP,EAAaE,KAQbF,EAAaE"}

package/build/esm/components/organisms/navigationProfileButton/popupWrapper.js

@@ -0,0 +1,2 @@
+import e from"react";import{StyledPopup as a,StyledPopupWrapper as t}from"./index.styled.js";var n=function(n){var o=n.type,r=void 0===o?"lead":o,c=n.closeIcon,i=n.isOpen,l=void 0===i||i,d=n.onClose,m=n.children,p=n.enableAnimation,s=void 0===p||p,v=n.targetAvatar,u=n.id,E=n.className;return e.createElement(e.Fragment,null,e.createElement(a,{"data-open":l,"data-type":r,"data-animation":s,"data-target":v,id:u,className:E},e.createElement("div",{className:"popup-content"},!!c&&e.createElement("div",{className:"close-button",onClick:d},c),m)),e.createElement(t,{"data-type":r,"data-open":l,onClick:d,id:u?"wrapper-".concat(u):void 0,className:"".concat(E||"","-wrapper")}))};export{n as Popup};
+//# sourceMappingURL=popupWrapper.js.map

package/build/esm/components/organisms/navigationProfileButton/popupWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popupWrapper.js","sources":["../../../../../src/components/organisms/navigationProfileButton/popupWrapper.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\n\nimport { StyledPopup, StyledPopupWrapper } from './index.styled'\n\nexport type Props = {\n  type: 'lead' | 'form' | 'confirm' | 'profile' | 'welcome' | 'due-date'\n  closeIcon?: JSX.Element\n  onClose?: () => void\n  isOpen?: boolean\n  children?: ReactNode\n  enableAnimation?: boolean\n  targetAvatar?: string\n  id?: string\n  className?: string\n}\n\nconst Popup = ({\n  type = 'lead',\n  closeIcon,\n  isOpen = true,\n  onClose,\n  children,\n  enableAnimation = true,\n  targetAvatar,\n  id,\n  className,\n}: Props) => {\n  return (\n    <>\n      <StyledPopup\n        data-open={isOpen}\n        data-type={type}\n        data-animation={enableAnimation}\n        data-target={targetAvatar}\n        id={id}\n        className={className}\n      >\n        <div className=\"popup-content\">\n          {!!closeIcon && (\n            <div className=\"close-button\" onClick={onClose}>\n              {closeIcon}\n            </div>\n          )}\n          {children}\n        </div>\n      </StyledPopup>\n      <StyledPopupWrapper\n        data-type={type}\n        data-open={isOpen}\n        onClick={onClose}\n        id={id ? `wrapper-${id}` : undefined}\n        className={`${className || ''}-wrapper`}\n      />\n    </>\n  )\n}\n\nexport { Popup }\n"],"names":["Popup","_a","_b","type","closeIcon","_c","isOpen","onClose","children","_d","enableAnimation","targetAvatar","id","className","React","createElement","Fragment","StyledPopup","onClick","StyledPopupWrapper","concat","undefined"],"mappings":"6FAgBM,IAAAA,EAAQ,SAACC,GACb,IAAAC,EAAAD,EAAAE,KAAAA,OAAI,IAAAD,EAAG,OAAMA,EACbE,EAASH,EAAAG,UACTC,EAAAJ,EAAAK,OAAAA,OAAM,IAAAD,GAAOA,EACbE,EAAON,EAAAM,QACPC,aACAC,EAAAR,EAAAS,gBAAAA,cAAsBD,EACtBE,iBACAC,EAAEX,EAAAW,GACFC,EAASZ,EAAAY,UAET,OACEC,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAACE,EACY,CAAA,YAAAX,EACA,YAAAH,mBACKO,EAAe,cAClBC,EACbC,GAAIA,EACJC,UAAWA,GAEXC,EAAKC,cAAA,MAAA,CAAAF,UAAU,mBACVT,GACDU,uBAAKD,UAAU,eAAeK,QAASX,GACpCH,GAGJI,IAGLM,EAAAC,cAACI,EAAkB,CAAA,YACNhB,EAAI,YACJG,EACXY,QAASX,EACTK,GAAIA,EAAK,WAAAQ,OAAWR,QAAOS,EAC3BR,UAAW,GAAGO,OAAAP,GAAa,GAAE"}

package/build/esm/components/organisms/navigationProfileButton/profilePopup.js

@@ -0,0 +1,2 @@
+import e from"react";import{UserProfileNavigation as o}from"../userProfileNavigation/index.js";import{Popup as n}from"./popupWrapper.js";var t=function(t){var i=t.SSO_URL,a=t.UP_BASEPATH,r=t.isOpen,l=t.targetAvatar,c=t.userInfo,p=t.enableCare,s=t.enableTogether,u=t.enableEcom,f=t.closePopup,m=t.siteType,d=void 0===m?"helloSites":m,g=t.dispatchLogout,h=t.userProfileRouterPush,P=t.isUserProfileNavigatorMenuHidden,v=t.isMyHealthEnabled,b=void 0!==v&&v,A=t.togetherApiDomain,C=function(e){h?h("/".concat(e)):i&&(window.location.href="".concat(i).concat(a,"/").concat(e))},E=function(e){C(e),f()};return e.createElement(n,{isOpen:r,type:"profile",enableAnimation:!0,targetAvatar:l,onClose:f},e.createElement(o,{SSO_URL:i,UP_BASEPATH:a,themeName:d,userInfo:c,enableCare:p,enableTogether:s,enableEcom:u,onClickLogout:function(){g&&(g(),f())},onClickMenuItem:E,onClickNavigationCard:E,onClickMyProfileButton:function(){C("profile"),f()},isUserProfileNavigatorMenuHidden:P,isMyHealthEnabled:b,togetherApiDomain:A}))};export{t as ProfilePopup};
+//# sourceMappingURL=profilePopup.js.map

package/build/esm/components/organisms/navigationProfileButton/profilePopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profilePopup.js","sources":["../../../../../src/components/organisms/navigationProfileButton/profilePopup.tsx"],"sourcesContent":["import React from 'react'\n\nimport { UserInfo } from 'interfaces/types'\n\nimport { UserProfileNavigation } from '../userProfileNavigation'\nimport { Popup } from './popupWrapper'\n\nexport type Props = {\n  SSO_URL?: string\n  UP_BASEPATH?: string\n  isOpen: boolean\n  targetAvatar?: string\n  userInfo?: UserInfo\n\n  enableCare?: boolean\n  enableTogether?: boolean\n  enableEcom?: boolean\n  closePopup: () => void\n  dispatchLogout: () => void\n  userProfileRouterPush?: (s: string) => void\n  siteType: 'marryBaby' | 'helloSites'\n  isUserProfileNavigatorMenuHidden?: boolean\n  isMyHealthEnabled?: boolean\n  togetherApiDomain?: string\n}\n\nconst ProfilePopup = ({\n  SSO_URL,\n  UP_BASEPATH,\n  isOpen,\n  targetAvatar,\n  userInfo,\n  enableCare,\n  enableTogether,\n  enableEcom,\n  closePopup,\n  siteType = 'helloSites',\n  dispatchLogout,\n  userProfileRouterPush,\n  isUserProfileNavigatorMenuHidden,\n  isMyHealthEnabled = false,\n  togetherApiDomain,\n}: Props) => {\n  const push = (link: string) => {\n    if (userProfileRouterPush) {\n      userProfileRouterPush(`/${link}`)\n    } else if (SSO_URL) {\n      window.location.href = `${SSO_URL}${UP_BASEPATH}/${link}`\n    }\n  }\n\n  const handleClickOnMenu = (link: string) => {\n    push(link)\n    closePopup()\n  }\n\n  const handleClickMyProfileButton = () => {\n    push('profile')\n    closePopup()\n  }\n\n  const handleClickLogout = () => {\n    if (dispatchLogout) {\n      dispatchLogout()\n      closePopup()\n    }\n  }\n\n  return (\n    <Popup\n      isOpen={isOpen}\n      type=\"profile\"\n      enableAnimation={true}\n      targetAvatar={targetAvatar}\n      onClose={closePopup}\n    >\n      <UserProfileNavigation\n        SSO_URL={SSO_URL}\n        UP_BASEPATH={UP_BASEPATH}\n        themeName={siteType}\n        userInfo={userInfo}\n        enableCare={enableCare}\n        enableTogether={enableTogether}\n        enableEcom={enableEcom}\n        onClickLogout={handleClickLogout}\n        onClickMenuItem={handleClickOnMenu}\n        onClickNavigationCard={handleClickOnMenu}\n        onClickMyProfileButton={handleClickMyProfileButton}\n        isUserProfileNavigatorMenuHidden={isUserProfileNavigatorMenuHidden}\n        isMyHealthEnabled={isMyHealthEnabled}\n        togetherApiDomain={togetherApiDomain}\n      />\n    </Popup>\n  )\n}\n\nexport { ProfilePopup }\n"],"names":["ProfilePopup","_a","SSO_URL","UP_BASEPATH","isOpen","targetAvatar","userInfo","enableCare","enableTogether","enableEcom","closePopup","_b","siteType","dispatchLogout","userProfileRouterPush","isUserProfileNavigatorMenuHidden","_c","isMyHealthEnabled","togetherApiDomain","push","link","concat","window","location","href","handleClickOnMenu","React","Popup","type","enableAnimation","onClose","createElement","UserProfileNavigation","themeName","onClickLogout","onClickMenuItem","onClickNavigationCard","onClickMyProfileButton"],"mappings":"yIA0BM,IAAAA,EAAe,SAACC,OACpBC,EAAOD,EAAAC,QACPC,EAAWF,EAAAE,YACXC,EAAMH,EAAAG,OACNC,EAAYJ,EAAAI,aACZC,EAAQL,EAAAK,SACRC,EAAUN,EAAAM,WACVC,mBACAC,EAAUR,EAAAQ,WACVC,EAAUT,EAAAS,WACVC,EAAuBV,EAAAW,SAAvBA,OAAW,IAAAD,EAAA,eACXE,EAAcZ,EAAAY,eACdC,EAAqBb,EAAAa,sBACrBC,EAAgCd,EAAAc,iCAChCC,EAAAf,EAAAgB,kBAAAA,cAAyBD,EACzBE,EAAiBjB,EAAAiB,kBAEXC,EAAO,SAACC,GACRN,EACFA,EAAsB,IAAAO,OAAID,IACjBlB,IACToB,OAAOC,SAASC,KAAO,GAAAH,OAAGnB,GAAOmB,OAAGlB,EAAW,KAAAkB,OAAID,KAIjDK,EAAoB,SAACL,GACzBD,EAAKC,GACLV,KAeF,OACEgB,gBAACC,EAAK,CACJvB,OAAQA,EACRwB,KAAK,UACLC,iBAAiB,EACjBxB,aAAcA,EACdyB,QAASpB,GAETgB,EAAAK,cAACC,EAAqB,CACpB9B,QAASA,EACTC,YAAaA,EACb8B,UAAWrB,EACXN,SAAUA,EACVC,WAAYA,EACZC,eAAgBA,EAChBC,WAAYA,EACZyB,cAvBoB,WACpBrB,IACFA,IACAH,MAqBEyB,gBAAiBV,EACjBW,sBAAuBX,EACvBY,uBA/B6B,WACjClB,EAAK,WACLT,KA8BIK,iCAAkCA,EAClCE,kBAAmBA,EACnBC,kBAAmBA"}

package/build/esm/components/organisms/navigationV2/components/atoms/ClosePopupIcon.js

@@ -0,0 +1,2 @@
+import e from"react";function t(t){var r=t.className;return e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:r},e.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))}export{t as ClosePopupIcon};
+//# sourceMappingURL=ClosePopupIcon.js.map

package/build/esm/components/organisms/navigationV2/components/atoms/ClosePopupIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClosePopupIcon.js","sources":["../../../../../../../src/components/organisms/navigationV2/components/atoms/ClosePopupIcon.tsx"],"sourcesContent":["import React from 'react'\n\nexport function ClosePopupIcon({ className }: { className?: string }) {\n  return (\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      className={className}\n    >\n      <path\n        d=\"M18 6L6 18M18 18L6 6\"\n        stroke=\"#3E3F58\"\n        strokeWidth=\"1.3\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  )\n}\n"],"names":["ClosePopupIcon","_a","className","React","createElement","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap"],"mappings":"qBAEM,SAAUA,EAAeC,GAAE,IAAAC,EAASD,EAAAC,UACxC,OACEC,EACEC,cAAA,MAAA,CAAAC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BACNP,UAAWA,GAEXC,EAAAC,cAAA,OAAA,CACEM,EAAE,uBACFC,OAAO,UACPC,YAAY,MACZC,cAAc"}

package/build/esm/components/organisms/navigationV2/components/atoms/HamburgerIcon.js

@@ -0,0 +1,2 @@
+import e from"react";import t from"../../../../../assets/svg/hamburgerMenuNew.svg.js";import a from"../../../../../assets/svg/hamburgerMenuNewWithSearch.svg.js";function s(s){var r=s.siteType,l=s.type,i=s.enableSearch,n=s.className;return"helloSites"===r?e.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:i?a:t,style:{width:"24px",height:"24px"},alt:l,className:n}):e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.34961 15C3.34961 14.641 3.64062 14.35 3.99961 14.35L13.9996 14.35C14.3586 14.35 14.6496 14.641 14.6496 15C14.6496 15.359 14.3586 15.65 13.9996 15.65L3.99961 15.65C3.64062 15.65 3.34961 15.359 3.34961 15ZM3.34961 8.99999C3.34961 8.64101 3.64062 8.34999 3.99961 8.34999L19.9992 8.34999C20.3582 8.34999 20.6492 8.64101 20.6492 8.99999C20.6492 9.35898 20.3582 9.64999 19.9992 9.64999L3.99961 9.64999C3.64062 9.64999 3.34961 9.35898 3.34961 8.99999Z",fill:"#3E3F58"}))}export{s as HamburgerIcon};
+//# sourceMappingURL=HamburgerIcon.js.map

package/build/esm/components/organisms/navigationV2/components/atoms/HamburgerIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HamburgerIcon.js","sources":["../../../../../../../src/components/organisms/navigationV2/components/atoms/HamburgerIcon.tsx"],"sourcesContent":["import React from 'react'\n\nimport {\n  HamburgerMenuIconNew,\n  HamburgerMenuIconNewWithSearch,\n} from 'assets/svg'\n\nimport { SiteType } from '../../types'\nimport { TypeProps } from '../molecules/navigationBar'\n\ntype Props = {\n  siteType: SiteType\n  type: TypeProps\n  enableSearch?: boolean\n  className?: string\n}\n\nexport function HamburgerIcon({\n  siteType,\n  type,\n  enableSearch,\n  className,\n}: Props) {\n  if (siteType === 'helloSites') {\n    return (\n      <img\n        data-list-type=\"Header\"\n        data-content-type=\"Navigation\"\n        data-content-topic=\"Hamburger\"\n        src={\n          enableSearch ? HamburgerMenuIconNewWithSearch : HamburgerMenuIconNew\n        }\n        style={{ width: '24px', height: '24px' }}\n        alt={type}\n        className={className}\n      />\n    )\n  }\n\n  /** Marry Baby */\n  return (\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      className={className}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M3.34961 15C3.34961 14.641 3.64062 14.35 3.99961 14.35L13.9996 14.35C14.3586 14.35 14.6496 14.641 14.6496 15C14.6496 15.359 14.3586 15.65 13.9996 15.65L3.99961 15.65C3.64062 15.65 3.34961 15.359 3.34961 15ZM3.34961 8.99999C3.34961 8.64101 3.64062 8.34999 3.99961 8.34999L19.9992 8.34999C20.3582 8.34999 20.6492 8.64101 20.6492 8.99999C20.6492 9.35898 20.3582 9.64999 19.9992 9.64999L3.99961 9.64999C3.64062 9.64999 3.34961 9.35898 3.34961 8.99999Z\"\n        fill=\"#3E3F58\"\n      />\n    </svg>\n  )\n}\n"],"names":["HamburgerIcon","_a","siteType","type","enableSearch","className","React","createElement","src","HamburgerMenuIconNewWithSearch","HamburgerMenuIconNew","style","width","height","alt","viewBox","fill","xmlns","fillRule","clipRule","d"],"mappings":"iKAiBM,SAAUA,EAAcC,OAC5BC,EAAQD,EAAAC,SACRC,EAAIF,EAAAE,KACJC,EAAYH,EAAAG,aACZC,EAASJ,EAAAI,UAET,MAAiB,eAAbH,EAEAI,EACiBC,cAAA,MAAA,CAAA,iBAAA,6BACG,aAAY,qBACX,YACnBC,IACEJ,EAAeK,EAAiCC,EAElDC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,QAChCC,IAAKX,EACLE,UAAWA,IAOfC,EACEC,cAAA,MAAA,CAAAK,MAAM,KACNC,OAAO,KACPE,QAAQ,YACRC,KAAK,OACLC,MAAM,6BACNZ,UAAWA,GAEXC,EAAAC,cAAA,OAAA,CACEW,SAAS,UACTC,SAAS,UACTC,EAAE,kcACFJ,KAAK"}

package/build/esm/components/organisms/navigationV2/components/atoms/ItemNav/index.js

@@ -0,0 +1,2 @@
+import e from"react";import{useCSSFocusPopupHelper as o}from"../../../../../../hooks/useCSSFocusPopupHelper.js";import{useIsInit as n}from"../../../../../../hooks/useIsInit.js";import{StyledHeaderMenuItem as t,StyledMenuButton as r,StyledMenuIconWrapper as l}from"./index.styled.js";var i=function(i){var s=i.item,a=i.menu,m=o({allowBgScroll:!0}),c=m.containerRef,u=m.onContainerFocus,d=m.onContainerBlur,p=m.onButtonClick,h=m.onClose,k=n();return e.createElement(t,{ref:c,className:k?"":"menu-handler-".concat(s.id),tabIndex:0,key:s.id,onFocus:u,onBlur:d},e.createElement(r,{onClick:p},s.name,e.createElement(l,null,e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),e.isValidElement(a)?e.cloneElement(a,{onClose:h}):null)};export{i as ItemMenu};
+//# sourceMappingURL=index.js.map

package/build/esm/components/organisms/navigationV2/components/atoms/ItemNav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/organisms/navigationV2/components/atoms/ItemNav/index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\n\nimport { useCSSFocusPopupHelper } from 'src/hooks/useCSSFocusPopupHelper'\nimport { useIsInit } from 'src/hooks/useIsInit'\n\nimport { MenuItemType } from '../../../types'\nimport {\n  StyledHeaderMenuItem,\n  StyledMenuButton,\n  StyledMenuIconWrapper,\n} from './index.styled'\n\nexport type Props = {\n  item: MenuItemType\n  menu: ReactNode\n}\n\nconst ItemMenu = ({ item, menu }: Props) => {\n  const {\n    containerRef,\n    onContainerFocus,\n    onContainerBlur,\n    onButtonClick,\n    onClose,\n  } = useCSSFocusPopupHelper<HTMLDivElement>({\n    allowBgScroll: true,\n  })\n\n  const isInit = useIsInit()\n\n  return (\n    <StyledHeaderMenuItem\n      ref={containerRef}\n      className={!isInit ? `menu-handler-${item.id}` : ''}\n      tabIndex={0}\n      key={item.id}\n      onFocus={onContainerFocus}\n      onBlur={onContainerBlur}\n    >\n      <StyledMenuButton onClick={onButtonClick}>\n        {item.name}\n        <StyledMenuIconWrapper>\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=\"#202135\"\n              strokeWidth=\"1.33\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        </StyledMenuIconWrapper>\n      </StyledMenuButton>\n      {React.isValidElement(menu)\n        ? React.cloneElement<{\n            onClose?: () => void\n          }>(menu, {\n            onClose,\n          })\n        : null}\n    </StyledHeaderMenuItem>\n  )\n}\n\nexport { ItemMenu }\n"],"names":["ItemMenu","_a","item","menu","_b","useCSSFocusPopupHelper","allowBgScroll","containerRef","onContainerFocus","onContainerBlur","onButtonClick","onClose","isInit","useIsInit","React","createElement","StyledHeaderMenuItem","ref","className","concat","id","tabIndex","key","onFocus","onBlur","StyledMenuButton","onClick","name","StyledMenuIconWrapper","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","isValidElement","cloneElement"],"mappings":"2RAiBM,IAAAA,EAAW,SAACC,OAAEC,EAAID,EAAAC,KAAEC,EAAIF,EAAAE,KACtBC,EAMFC,EAAuC,CACzCC,eAAe,IANfC,EAAYH,EAAAG,aACZC,EAAgBJ,EAAAI,iBAChBC,EAAeL,EAAAK,gBACfC,EAAaN,EAAAM,cACbC,YAKIC,EAASC,IAEf,OACEC,EAACC,cAAAC,GACCC,IAAKV,EACLW,UAAYN,EAAqC,GAA5B,gBAAgBO,OAAAjB,EAAKkB,IAC1CC,SAAU,EACVC,IAAKpB,EAAKkB,GACVG,QAASf,EACTgB,OAAQf,GAERK,EAAAC,cAACU,EAAgB,CAACC,QAAShB,GACxBR,EAAKyB,KACNb,EAAAC,cAACa,EAAqB,KACpBd,EAAAC,cAAA,MAAA,CACEc,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENnB,EACEC,cAAA,OAAA,CAAAmB,EAAE,yBACFC,OAAO,UACPC,YAAY,OACZC,cAAc,QACdC,eAAe,aAKtBxB,EAAMyB,eAAepC,GAClBW,EAAM0B,aAEHrC,EAAM,CACPQ,QAAOA,IAET"}

package/build/esm/components/organisms/navigationV2/components/atoms/ItemNav/index.styled.js

@@ -0,0 +1,2 @@
+import{__makeTemplateObject as n}from"../../../../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";import{StyledMenuPopupWrapper as t}from"../PopupWrapper/index.styled.js";var o,r,i,s=e.div(o||(o=n(["\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-bottom: 1px solid #ffffff;\n  & > div {\n    display: flex;\n    align-items: center;\n\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    user-select: none;\n  }\n\n  color: ",";\n\n  div[data-site-type='marryBaby'] & {\n    color: ",";\n  }\n  &:focus-within {\n    color: ",";\n    border-bottom: 1px solid\n      ",";\n    div[data-site-type='marryBaby'] & {\n      color: ",";\n    }\n    svg path {\n      stroke: ",";\n    }\n    "," {\n      display: unset;\n    }\n  }\n\n  .care-navigator {\n    color: ",";\n    font-size: 14px;\n    font-weight: 700;\n  }\n"],["\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-bottom: 1px solid #ffffff;\n  & > div {\n    display: flex;\n    align-items: center;\n\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    user-select: none;\n  }\n\n  color: ",";\n\n  div[data-site-type='marryBaby'] & {\n    color: ",";\n  }\n  &:focus-within {\n    color: ",";\n    border-bottom: 1px solid\n      ",";\n    div[data-site-type='marryBaby'] & {\n      color: ",";\n    }\n    svg path {\n      stroke: ",";\n    }\n    "," {\n      display: unset;\n    }\n  }\n\n  .care-navigator {\n    color: ",";\n    font-size: 14px;\n    font-weight: 700;\n  }\n"])),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.secondaryDark}),(function(n){return n.theme.mbColors.dark}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.colors.primaryBase}),t,(function(n){return n.theme.colors.secondaryDark})),a=e.div(r||(r=n(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),l=e.div(i||(i=n(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));export{s as StyledHeaderMenuItem,l as StyledMenuButton,a as StyledMenuIconWrapper};
+//# sourceMappingURL=index.styled.js.map

package/build/esm/components/organisms/navigationV2/components/atoms/ItemNav/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../../../../src/components/organisms/navigationV2/components/atoms/ItemNav/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nimport { StyledMenuPopupWrapper } from '../PopupWrapper/index.styled'\n\nexport const StyledHeaderMenuItem = styled.div`\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-bottom: 1px solid #ffffff;\n  & > div {\n    display: flex;\n    align-items: center;\n\n    font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n    font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n    line-height: 22px;\n\n    user-select: none;\n  }\n\n  color: ${(props: ThemeProps) => props.theme.colors.secondaryDark};\n\n  div[data-site-type='marryBaby'] & {\n    color: ${(props: ThemeProps) => props.theme.mbColors.dark};\n  }\n  &:focus-within {\n    color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n    border-bottom: 1px solid\n      ${(props: ThemeProps) => props.theme.colors.primaryBase};\n    div[data-site-type='marryBaby'] & {\n      color: ${(props: ThemeProps) => props.theme.mbColors.pink};\n    }\n    svg path {\n      stroke: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n    }\n    ${StyledMenuPopupWrapper} {\n      display: unset;\n    }\n  }\n\n  .care-navigator {\n    color: ${(props: ThemeProps) => props.theme.colors.secondaryDark};\n    font-size: 14px;\n    font-weight: 700;\n  }\n`\nexport const StyledMenuIconWrapper = styled.div`\n  display: flex;\n  align-items: center;\n`\nexport const StyledMenuButton = styled.div`\n  cursor: pointer;\n`\n"],"names":["StyledHeaderMenuItem","styled","div","templateObject_1","__makeTemplateObject","props","theme","sizes","fsParagraph4","fwBold","colors","secondaryDark","mbColors","dark","primaryBase","pink","StyledMenuPopupWrapper","StyledMenuIconWrapper","templateObject_2","StyledMenuButton","templateObject_3"],"mappings":"mMAKa,UAAAA,EAAuBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,6MAAA,uBAAA,wEAAA,0DAAA,0CAAA,0CAAA,4DAAA,2CAAA,iBAAA,4EAAA,yDAAA,CAAA,6MAUwB,uBACJ,wEAMA,0DAGL,0CAGK,0CAEL,4DAEE,2CAGM,iBAEzC,4EAMwC,4DA5BnD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,MAAMC,gBACvC,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,MAAME,UAMjD,SAACJ,GAAsB,OAAAA,EAAMC,MAAMI,OAAOC,iBAGxC,SAACN,GAAsB,OAAAA,EAAMC,MAAMM,SAASC,QAG5C,SAACR,GAAsB,OAAAA,EAAMC,MAAMI,OAAOI,eAE/C,SAACT,GAAsB,OAAAA,EAAMC,MAAMI,OAAOI,eAEnC,SAACT,GAAsB,OAAAA,EAAMC,MAAMM,SAASG,QAG3C,SAACV,GAAsB,OAAAA,EAAMC,MAAMI,OAAOI,cAEpDE,GAMO,SAACX,GAAsB,OAAAA,EAAMC,MAAMI,OAAOC,iBAK1CM,EAAwBhB,EAAOC,IAAGgB,IAAAA,EAAAd,EAAA,CAAA,gDAAA,CAAA,mDAIlCe,EAAmBlB,EAAOC,IAAGkB,IAAAA,EAAAhB,EAAA,CAAA,0BAAA,CAAA"}

package/build/esm/components/organisms/navigationV2/components/atoms/PopupWrapper/btnClosePopup.js

@@ -0,0 +1,2 @@
+import e from"react";import{StyledCloseWrapper as t}from"./index.styled.js";var r=function(r){var o=r.onClosePopup;return e.createElement(t,{onClick:o},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))};export{r as BtnClosePopup};
+//# sourceMappingURL=btnClosePopup.js.map

package/build/esm/components/organisms/navigationV2/components/atoms/PopupWrapper/btnClosePopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"btnClosePopup.js","sources":["../../../../../../../../src/components/organisms/navigationV2/components/atoms/PopupWrapper/btnClosePopup.tsx"],"sourcesContent":["import React from 'react'\n\nimport { StyledCloseWrapper } from './index.styled'\n\nexport type Props = {\n  onClosePopup: () => void\n}\n\nconst BtnClosePopup = ({ onClosePopup }: Props) => {\n  return (\n    <StyledCloseWrapper onClick={onClosePopup}>\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  )\n}\n\nexport { BtnClosePopup }\n"],"names":["BtnClosePopup","_a","onClosePopup","React","createElement","StyledCloseWrapper","onClick","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap"],"mappings":"4EAQM,IAAAA,EAAgB,SAACC,GAAE,IAAAC,EAAYD,EAAAC,aACnC,OACEC,EAACC,cAAAC,EAAmB,CAAAC,QAASJ,GAC3BC,EAAAC,cAAA,MAAA,CACEG,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENR,EAAAC,cAAA,OAAA,CACEQ,EAAE,uBACFC,OAAO,UACPC,YAAY,MACZC,cAAc"}

package/build/esm/components/organisms/navigationV2/components/atoms/PopupWrapper/index.js

@@ -0,0 +1,2 @@
+import e from"react";import{Container as t}from"../../../../../atoms/container/index.js";import{BtnClosePopup as n}from"./btnClosePopup.js";import{StyledMenuPopupWrapper as o,StyledContainer as l,StyledGridContainer as a}from"./index.styled.js";var r=function(r){var s=r.onClosePopup,m=r.isDisplay,i=r.children,p=r.isNavMenu,u=r.hideCloseBtn;return e.createElement(o,{className:"top-menu-health-tools","data-is-display":!!m,"data-is-nav-menu":!!p},e.createElement(t,null,!u&&e.createElement(l,null,e.createElement(n,{onClosePopup:s})),e.createElement(a,null,i)))};export{r as PopupWrapper};
+//# sourceMappingURL=index.js.map

package/build/esm/components/organisms/navigationV2/components/atoms/PopupWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/organisms/navigationV2/components/atoms/PopupWrapper/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Container } from 'components/atoms/container'\n\nimport { BtnClosePopup } from './btnClosePopup'\nimport {\n  StyledGridContainer,\n  StyledMenuPopupWrapper,\n  StyledContainer,\n} from './index.styled'\n\nexport type Props = {\n  onClosePopup?: () => void\n  isDisplay?: boolean\n  hideCloseBtn?: boolean\n  isNavMenu?: boolean\n  children?: JSX.Element | JSX.Element[]\n}\n\nconst PopupWrapper = ({\n  onClosePopup,\n  isDisplay,\n  children,\n  isNavMenu,\n  hideCloseBtn,\n}: Props) => {\n  return (\n    <StyledMenuPopupWrapper\n      className=\"top-menu-health-tools\"\n      data-is-display={!!isDisplay}\n      data-is-nav-menu={!!isNavMenu}\n    >\n      <Container>\n        {!hideCloseBtn && (\n          <StyledContainer>\n            <BtnClosePopup onClosePopup={onClosePopup} />\n          </StyledContainer>\n        )}\n        <StyledGridContainer>{children}</StyledGridContainer>\n      </Container>\n    </StyledMenuPopupWrapper>\n  )\n}\n\nexport { PopupWrapper }\n"],"names":["PopupWrapper","_a","onClosePopup","isDisplay","children","isNavMenu","hideCloseBtn","React","createElement","StyledMenuPopupWrapper","className","Container","StyledContainer","BtnClosePopup","StyledGridContainer"],"mappings":"qPAmBM,IAAAA,EAAe,SAACC,GACpB,IAAAC,EAAYD,EAAAC,aACZC,EAASF,EAAAE,UACTC,EAAQH,EAAAG,SACRC,EAASJ,EAAAI,UACTC,EAAYL,EAAAK,aAEZ,OACEC,EAAAC,cAACC,EAAsB,CACrBC,UAAU,wBACO,oBAAEP,EACD,qBAAEE,GAEpBE,EAAAC,cAACG,EAAS,MACNL,GACAC,EAAAC,cAACI,EAAe,KACdL,EAAAC,cAACK,EAAc,CAAAX,aAAcA,KAGjCK,EAAAC,cAACM,EAAqB,KAAAV"}

package/build/esm/components/organisms/navigationV2/components/atoms/PopupWrapper/index.styled.js

@@ -0,0 +1,2 @@
+import{__makeTemplateObject as t}from"../../../../../../node_modules/tslib/tslib.es6.js";import"react";import"../../../../../atoms/text/index.styled.js";import"../../../../../atoms/alert/index.styled.js";import"../../../../../atoms/avatar/index.styled.js";import"../../../../../atoms/badge/index.styled.js";import"../../../../../atoms/borderHeading/index.styled.js";import"../../../../../atoms/button/index.styled.js";import"../../../../../atoms/divider/index.styled.js";import"../../../../../atoms/fileDropdown/index.styled.js";import"../../../../../atoms/flag/index.styled.js";import"../../../../../atoms/grid/index.styled.js";import"../../../../../atoms/heading/index.styled.js";import"../../../../../atoms/label/index.js";import"../../../../../atoms/input/index.styled.js";import"../../../../../atoms/logo/index.js";import{MediaQueries as o}from"../../../../../../misc/utils.js";import"../../../../../atoms/pagination/index.styled.js";import"../../../../../atoms/pureInput/index.js";import"../../../../../atoms/radio/index.styled.js";import"../../../../../atoms/shadow/index.styled.js";import"react-range";import"../../../../../atoms/slider/index.styled.js";import"../../../../../atoms/tag/index.styled.js";import"../../../../../atoms/toggle/index.styled.js";import"../../../../../atoms/underlinedLink/index.styled.js";import"../../../../../atoms/uploader/index.styled.js";import"../../../../../atoms/textArea/index.js";import{Container as i}from"../../../../../atoms/container/index.js";import"../../../../../atoms/checkbox/index.styled.js";import"../../../../../atoms/textDivider/index.js";import"../../../../../atoms/rateStars/index.styled.js";import"../../../../../atoms/icons/Ask.js";import"../../../../../atoms/icons/BarChart.js";import"../../../../../atoms/icons/Booking.js";import"../../../../../atoms/icons/Bookmark.js";import"../../../../../atoms/icons/Community.js";import"../../../../../atoms/icons/EditSpecial.js";import"../../../../../atoms/icons/Family.js";import"../../../../../atoms/icons/Font.js";import"../../../../../atoms/icons/Heart.js";import"../../../../../atoms/icons/Home.js";import"../../../../../atoms/icons/Like.js";import"../../../../../atoms/icons/MyCommunity.js";import"../../../../../atoms/icons/PlusSpecial.js";import"../../../../../atoms/icons/Recalculate.js";import"../../../../../atoms/icons/Scale.js";import"../../../../../atoms/icons/Share.js";import"../../../../../atoms/icons/Stethoscope.js";import"../../../../../atoms/progress/index.styled.js";import n from"styled-components";import{Z_INDEX as s}from"../../../constants.js";var e=n(i)(r||(r=t(["\n  padding-bottom: 1rem;\n\n  "," {\n    display: block;\n    padding: 0;\n  }\n  "," {\n    display: grid;\n    grid-template-columns: 1fr 3fr;\n    grid-gap: 10px;\n  }\n"],["\n  padding-bottom: 1rem;\n\n  "," {\n    display: block;\n    padding: 0;\n  }\n  "," {\n    display: grid;\n    grid-template-columns: 1fr 3fr;\n    grid-gap: 10px;\n  }\n"])),o.mbDown,o.mbUp);n.div(a||(a=t(["\n  padding-right: 1rem;\n  border-right: 1px solid #e4e8ec;\n"],["\n  padding-right: 1rem;\n  border-right: 1px solid #e4e8ec;\n"])));var r,a,m,p,d,l=n.div(m||(m=t(["\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: ",";\n  &[data-is-display='false'] {\n    display: none;\n  }\n  padding: 0.5rem;\n  &[data-is-nav-menu='true'] {\n    position: absolute;\n    top: 100%;\n    height: unset;\n    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),\n      0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\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: ",";\n  &[data-is-display='false'] {\n    display: none;\n  }\n  padding: 0.5rem;\n  &[data-is-nav-menu='true'] {\n    position: absolute;\n    top: 100%;\n    height: unset;\n    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),\n      0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n"])),s.menuCategoryPopupWrapper,(function(t){return t.theme.colors.white})),x=n.div(p||(p=t(["\n  position: relative;\n  z-index: 1;\n"],["\n  position: relative;\n  z-index: 1;\n"]))),g=n.div(d||(d=t(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"])));export{g as StyledCloseWrapper,x as StyledContainer,e as StyledGridContainer,l as StyledMenuPopupWrapper};
+//# sourceMappingURL=index.styled.js.map

package/build/esm/components/organisms/navigationV2/components/atoms/PopupWrapper/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../../../../src/components/organisms/navigationV2/components/atoms/PopupWrapper/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { Container } from 'src/components/atoms'\nimport { MediaQueries } from 'src/misc/utils'\nimport styled from 'styled-components'\n\nimport { Z_INDEX } from '../../../constants'\n\nexport const StyledGridContainer = styled(Container)`\n  padding-bottom: 1rem;\n\n  ${MediaQueries.mbDown} {\n    display: block;\n    padding: 0;\n  }\n  ${MediaQueries.mbUp} {\n    display: grid;\n    grid-template-columns: 1fr 3fr;\n    grid-gap: 10px;\n  }\n`\nexport const StyledItemGridLeft = styled.div`\n  padding-right: 1rem;\n  border-right: 1px solid #e4e8ec;\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: ${(props: ThemeProps) => props.theme.colors.white};\n  &[data-is-display='false'] {\n    display: none;\n  }\n  padding: 0.5rem;\n  &[data-is-nav-menu='true'] {\n    position: absolute;\n    top: 100%;\n    height: unset;\n    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),\n      0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n`\n\nexport const StyledContainer = styled.div`\n  position: relative;\n  z-index: 1;\n`\n\nexport const StyledCloseWrapper = styled.div`\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n`\n"],"names":["StyledGridContainer","styled","Container","templateObject_1","__makeTemplateObject","MediaQueries","mbDown","mbUp","div","templateObject_2","StyledMenuPopupWrapper","templateObject_3","Z_INDEX","menuCategoryPopupWrapper","props","theme","colors","white","StyledContainer","templateObject_4","StyledCloseWrapper","templateObject_5"],"mappings":"ghFAOaA,EAAsBC,EAAOC,EAAPD,CAAiBE,IAAAA,EAAAC,EAAA,CAAA,kCAAA,oDAAA,2FAAA,CAAA,kCAG7B,oDAIF,6FAJjBC,EAAaC,OAIbD,EAAaE,MAMiBN,EAAOO,IAAGC,IAAAA,EAAAL,EAAA,CAAA,kEAAA,CAAA,qEAKrC,cAAMM,EAAyBT,EAAOO,IAAGG,IAAAA,EAAAP,EAAA,CAAA,oCAAA,6GAAA,mTAAA,CAAA,oCAEH,6GAMwB,qTANxDQ,EAAQC,0BAMC,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,SAcnDC,EAAkBjB,EAAOO,IAAGW,IAAAA,EAAAf,EAAA,CAAA,4CAAA,CAAA,+CAK5BgB,EAAqBnB,EAAOO,IAAGa,IAAAA,EAAAjB,EAAA,CAAA,mHAAA,CAAA"}

package/build/esm/components/organisms/navigationV2/components/atoms/SearchIcon.js

@@ -0,0 +1,2 @@
+import e from"react";var t=function(){return e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#8C8C8C"}))};export{t as SearchIcon};
+//# sourceMappingURL=SearchIcon.js.map

package/build/esm/components/organisms/navigationV2/components/atoms/SearchIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchIcon.js","sources":["../../../../../../../src/components/organisms/navigationV2/components/atoms/SearchIcon.tsx"],"sourcesContent":["import React from 'react'\n\nconst SearchIcon = () => {\n  return (\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        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z\"\n        fill=\"#8C8C8C\"\n      />\n    </svg>\n  )\n}\n\nexport { SearchIcon }\n"],"names":["SearchIcon","React","width","height","viewBox","fill","xmlns","createElement","fillRule","clipRule","d"],"mappings":"qBAEA,IAAMA,EAAa,WACjB,OACEC,uBACEC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENL,EAAAM,cAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,qiBACFL,KAAK"}

package/build/esm/components/organisms/navigationV2/components/atoms/searchInput/index.js

@@ -0,0 +1,2 @@
+import t,{useContext as o}from"react";import"../../../../../atoms/text/index.styled.js";import"../../../../../atoms/alert/index.styled.js";import"../../../../../atoms/avatar/index.styled.js";import"../../../../../atoms/badge/index.styled.js";import"../../../../../atoms/borderHeading/index.styled.js";import"../../../../../atoms/button/index.styled.js";import"../../../../../atoms/divider/index.styled.js";import"../../../../../atoms/fileDropdown/index.styled.js";import"../../../../../atoms/flag/index.styled.js";import"../../../../../atoms/grid/index.styled.js";import"../../../../../atoms/heading/index.styled.js";import"../../../../../atoms/label/index.js";import"../../../../../atoms/input/index.styled.js";import"../../../../../atoms/logo/index.js";import"../../../../../../misc/utils.js";import"../../../../../atoms/pagination/index.styled.js";import{PureInput as s}from"../../../../../atoms/pureInput/index.js";import"../../../../../atoms/radio/index.styled.js";import"../../../../../atoms/shadow/index.styled.js";import"react-range";import"../../../../../atoms/slider/index.styled.js";import"../../../../../atoms/tag/index.styled.js";import"../../../../../atoms/toggle/index.styled.js";import"../../../../../atoms/underlinedLink/index.styled.js";import"../../../../../atoms/uploader/index.styled.js";import"../../../../../atoms/textArea/index.js";import"../../../../../atoms/container/index.styled.js";import"../../../../../atoms/checkbox/index.styled.js";import"../../../../../atoms/textDivider/index.js";import"../../../../../atoms/rateStars/index.styled.js";import"../../../../../atoms/icons/Ask.js";import"../../../../../atoms/icons/BarChart.js";import"../../../../../atoms/icons/Booking.js";import"../../../../../atoms/icons/Bookmark.js";import"../../../../../atoms/icons/Community.js";import"../../../../../atoms/icons/EditSpecial.js";import"../../../../../atoms/icons/Family.js";import"../../../../../atoms/icons/Font.js";import"../../../../../atoms/icons/Heart.js";import"../../../../../atoms/icons/Home.js";import"../../../../../atoms/icons/Like.js";import"../../../../../atoms/icons/MyCommunity.js";import"../../../../../atoms/icons/PlusSpecial.js";import"../../../../../atoms/icons/Recalculate.js";import"../../../../../atoms/icons/Scale.js";import"../../../../../atoms/icons/Share.js";import"../../../../../atoms/icons/Stethoscope.js";import"../../../../../atoms/progress/index.styled.js";import{useTranslations as e}from"../../../../../../hooks/useTranslations.js";import{LOCALE_SPECS as i}from"../../../../../../interfaces/constants.js";import{NavigationContext as m}from"../../../navigationContext.js";import{SearchIcon as a}from"../SearchIcon.js";var r=function(){var r=o(m),n=r.locale,d=r.configs.statics,p=e().t;return t.createElement(s,{className:"fake-search-input",name:"search-input-menu-service",size:"md",placeholder:p("home.search",{site:i[n||"en-PH"]?i[n||"en-PH"].SITE_NAME:""}),onChange:function(){},onKeyDown:function(t){return"Enter"===t.key&&(window.location.href="".concat(d.HOME_PAGE_URL,"/search/?s=").concat(t.target.value))},type:"search",autoFocus:!1,onFocus:function(t){t.preventDefault()},displayIcon:t.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},t.createElement(a,null))})};export{r as SearchInput};
+//# sourceMappingURL=index.js.map

package/build/esm/components/organisms/navigationV2/components/atoms/searchInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/organisms/navigationV2/components/atoms/searchInput/index.tsx"],"sourcesContent":["import React, { useContext } from 'react'\n\nimport { PureInput } from 'src/components/atoms'\nimport { useTranslations } from 'src/hooks/useTranslations'\nimport { LOCALE_SPECS } from 'src/interfaces/constants'\n\nimport { NavigationContext } from '../../../navigationContext'\nimport { SearchIcon } from '../SearchIcon'\n\nexport const SearchInput = () => {\n  const {\n    locale,\n    configs: { statics },\n  } = useContext(NavigationContext)\n  const { t } = useTranslations()\n  return (\n    <PureInput\n      className=\"fake-search-input\"\n      name={'search-input-' + 'menu-service'}\n      size=\"md\"\n      placeholder={t('home.search', {\n        site: LOCALE_SPECS[locale || 'en-PH']\n          ? LOCALE_SPECS[locale || 'en-PH'].SITE_NAME\n          : '',\n      })}\n      onChange={() => undefined}\n      onKeyDown={(e) =>\n        e.key === 'Enter' &&\n        (window.location.href = `${statics.HOME_PAGE_URL}/search/?s=${\n          (e.target as HTMLInputElement).value\n        }`)\n      }\n      type=\"search\"\n      autoFocus={false}\n      onFocus={(e) => {\n        e.preventDefault()\n      }}\n      displayIcon={\n        <a data-event-category=\"Search Button\" data-event-action=\"Click\">\n          <SearchIcon />\n        </a>\n      }\n    />\n  )\n}\n"],"names":["SearchInput","_a","useContext","NavigationContext","locale","statics","configs","t","useTranslations","React","PureInput","className","name","size","placeholder","site","LOCALE_SPECS","SITE_NAME","onChange","onKeyDown","e","key","window","location","href","concat","HOME_PAGE_URL","target","value","type","autoFocus","onFocus","preventDefault","displayIcon","createElement","SearchIcon"],"mappings":"gnFASa,IAAAA,EAAc,WACnB,IAAAC,EAGFC,EAAWC,GAFbC,EAAMH,EAAAG,OACKC,EAAOJ,EAAAK,QAAAD,QAEZE,EAAMC,MACd,OACEC,gBAACC,EAAS,CACRC,UAAU,oBACVC,KAAM,4BACNC,KAAK,KACLC,YAAaP,EAAE,cAAe,CAC5BQ,KAAMC,EAAaZ,GAAU,SACzBY,EAAaZ,GAAU,SAASa,UAChC,KAENC,SAAU,aACVC,UAAW,SAACC,GACV,MAAU,UAAVA,EAAEC,MACDC,OAAOC,SAASC,KAAO,GAAGC,OAAApB,EAAQqB,oCAChCN,EAAEO,OAA4BC,SAGnCC,KAAK,SACLC,WAAW,EACXC,QAAS,SAACX,GACRA,EAAEY,kBAEJC,YACExB,EAAuByB,cAAA,IAAA,CAAA,sBAAA,oCAAkC,SACvDzB,EAAAyB,cAACC,EAAU"}

package/build/esm/components/organisms/navigationV2/components/molecules/Categories/index.js

@@ -0,0 +1,2 @@
+import e from"react";import{Heading as t}from"../../../../../atoms/heading/index.js";import a from"../../../../../../assets/svg/chevronRight.svg.js";import n from"../../../../../../assets/svg/chevronRightActive.svg.js";import{StyledItemGridLeft as i,StyledHeading as l,StyledItem as r,StyledIconNav as o,StyledViewMore as c,StyledItemAll as m,StyledImageWrapper as s}from"./index.styled.js";var g=function(g){var h=g.hrefViewMore,d=g.siteType,v=g.titleBtnViewMore,p=g.UrlFE,u=g.onClosePopup,E=g.menuItems,f=g.headingTitle;return e.createElement(i,null,e.createElement(l,null,e.createElement(t,{tag:"h6",as:"h2",fontWeight:"semibold"},f)),null==E?void 0:E.slice(0,6).map((function(t,n){var i=(null==t?void 0:t.link)?(null==t?void 0:t.link.startsWith("http"))?null==t?void 0:t.link:"".concat(p,"/").concat(null==t?void 0:t.link.split("/").filter(Boolean).join("/"),"/"):"/";return e.createElement(r,{key:n,onClick:u},e.createElement("a",{className:"iconMenu","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":i,"data-is-heading-category":!1,href:i},e.createElement("img",{alt:t.name,src:t.thumbnail||"/images/avatar.jpg",style:{width:"32px",height:"32px"}}),e.createElement("p",null,t.name),e.createElement(o,null,e.createElement("img",{src:a,style:{width:"16px",height:"16px"}}))))})),v&&e.createElement(c,{style:{textDecoration:"none"},href:h},e.createElement(m,{onClick:u,"data-theme":d,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":h,"data-is-heading-category":!1},v,e.createElement(s,null,e.createElement("img",{src:n,style:{width:"16px",height:"16px"}})))))};export{g as Categories};
+//# sourceMappingURL=index.js.map

package/build/esm/components/organisms/navigationV2/components/molecules/Categories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/organisms/navigationV2/components/molecules/Categories/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Heading } from 'components/atoms/heading'\nimport { chevronRight, chevronRightActive } from 'src/assets/svg'\n\nimport {\n  StyledItemGridLeft,\n  StyledItem,\n  StyledHeading,\n  StyledIconNav,\n  StyledItemAll,\n  StyledImageWrapper,\n  StyledViewMore,\n} from './index.styled'\nexport type Props = {\n  hrefViewMore?: string\n  siteType?: string\n  titleBtnViewMore?: string\n  UrlFE?: string\n  onClosePopup?: () => void\n  menuItems?: {\n    name?: string\n    thumbnail?: string\n    link?: string\n    slug?: string\n  }[]\n  headingTitle?: string\n}\n\nconst Categories = ({\n  hrefViewMore,\n  siteType,\n  titleBtnViewMore,\n  UrlFE,\n  onClosePopup,\n  menuItems,\n  headingTitle,\n}: Props) => {\n  return (\n    <StyledItemGridLeft>\n      <StyledHeading>\n        <Heading tag=\"h6\" as=\"h2\" fontWeight=\"semibold\">\n          {headingTitle}\n        </Heading>\n      </StyledHeading>\n      {menuItems?.slice(0, 6).map((item, index) => {\n        const href = item?.link\n          ? item?.link.startsWith('http')\n            ? item?.link\n            : `${UrlFE}/${item?.link.split('/').filter(Boolean).join('/')}/`\n          : '/'\n        return (\n          <StyledItem key={index} onClick={onClosePopup}>\n            <a\n              className=\"iconMenu\"\n              data-event-category=\"Hamburger Navigation\"\n              data-event-action=\"Click\"\n              data-event-label={href}\n              data-is-heading-category={false}\n              href={href}\n            >\n              <img\n                alt={item.name}\n                src={item.thumbnail || '/images/avatar.jpg'}\n                style={{ width: '32px', height: '32px' }}\n              />\n              <p>{item.name}</p>\n              <StyledIconNav>\n                {\n                  <img\n                    src={chevronRight}\n                    style={{ width: '16px', height: '16px' }}\n                  />\n                }\n              </StyledIconNav>\n            </a>\n          </StyledItem>\n        )\n      })}\n      {titleBtnViewMore && (\n        <StyledViewMore style={{ textDecoration: 'none' }} href={hrefViewMore}>\n          <StyledItemAll\n            onClick={onClosePopup}\n            data-theme={siteType}\n            data-event-category=\"Hamburger Navigation\"\n            data-event-action=\"Click\"\n            data-event-label={hrefViewMore}\n            data-is-heading-category={false}\n          >\n            {titleBtnViewMore}\n            <StyledImageWrapper>\n              <img\n                src={chevronRightActive}\n                style={{ width: '16px', height: '16px' }}\n              />\n            </StyledImageWrapper>\n          </StyledItemAll>\n        </StyledViewMore>\n      )}\n    </StyledItemGridLeft>\n  )\n}\n\nexport { Categories }\n"],"names":["Categories","_a","hrefViewMore","siteType","titleBtnViewMore","UrlFE","onClosePopup","menuItems","headingTitle","React","StyledItemGridLeft","createElement","StyledHeading","Heading","tag","as","fontWeight","slice","map","item","index","href","link","startsWith","concat","split","filter","Boolean","join","StyledItem","key","onClick","className","alt","name","src","thumbnail","style","width","height","StyledIconNav","chevronRight","StyledViewMore","textDecoration","StyledItemAll","StyledImageWrapper","chevronRightActive"],"mappings":"uYA6BM,IAAAA,EAAa,SAACC,GAClB,IAAAC,iBACAC,aACAC,qBACAC,EAAKJ,EAAAI,MACLC,EAAYL,EAAAK,aACZC,EAASN,EAAAM,UACTC,EAAYP,EAAAO,aAEZ,OACEC,gBAACC,EAAkB,KACjBD,EAAAE,cAACC,EAAa,KACZH,EAACE,cAAAE,GAAQC,IAAI,KAAKC,GAAG,KAAKC,WAAW,YAClCR,IAGJD,aAAS,EAATA,EAAWU,MAAM,EAAG,GAAGC,KAAI,SAACC,EAAMC,GACjC,IAAMC,GAAOF,aAAI,EAAJA,EAAMG,OACfH,aAAI,EAAJA,EAAMG,KAAKC,WAAW,SACpBJ,aAAA,EAAAA,EAAMG,KACN,GAAGE,OAAAnB,EAAS,KAAAmB,OAAAL,aAAI,EAAJA,EAAMG,KAAKG,MAAM,KAAKC,OAAOC,SAASC,KAAK,KAAO,KAChE,IACJ,OACEnB,EAACE,cAAAkB,EAAW,CAAAC,IAAKV,EAAOW,QAASzB,GAC/BG,EAAAE,cAAA,IAAA,CACEqB,UAAU,WAAU,sBACA,uBACF,oBAAA,QACA,mBAAAX,EACQ,4BAAA,EAC1BA,KAAMA,GAENZ,EACEE,cAAA,MAAA,CAAAsB,IAAKd,EAAKe,KACVC,IAAKhB,EAAKiB,WAAa,qBACvBC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,UAElC9B,EAAIE,cAAA,IAAA,KAAAQ,EAAKe,MACTzB,EAACE,cAAA6B,OAEG/B,EACEE,cAAA,MAAA,CAAAwB,IAAKM,EACLJ,MAAO,CAAEC,MAAO,OAAQC,OAAQ,gBAQ7CnC,GACCK,EAACE,cAAA+B,GAAeL,MAAO,CAAEM,eAAgB,QAAUtB,KAAMnB,GACvDO,EAAAE,cAACiC,EAAa,CACZb,QAASzB,EACG,aAAAH,EACQ,sBAAA,uBACF,oBAAA,QACA,mBAAAD,8BACQ,GAEzBE,EACDK,EAAAE,cAACkC,EAAkB,KACjBpC,EACEE,cAAA,MAAA,CAAAwB,IAAKW,EACLT,MAAO,CAAEC,MAAO,OAAQC,OAAQ"}

package/build/esm/components/organisms/navigationV2/components/molecules/Categories/index.styled.js

@@ -0,0 +1,2 @@
+import{__makeTemplateObject as n}from"../../../../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as e}from"../../../../../../misc/utils.js";import i from"styled-components";var t,o,r,p,a,s,d,l=i.div(t||(t=n(["\n  padding-right: 1rem;\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  "," {\n    border-right: 1px solid #e4e8ec;\n  }\n"],["\n  padding-right: 1rem;\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  "," {\n    border-right: 1px solid #e4e8ec;\n  }\n"])),e.mbUp),f=i.div(o||(o=n(["\n  padding: 10px 0;\n  position: relative;\n  p {\n    font-size: 16px;\n    font-weight: 400;\n    padding: 0 0.4rem;\n  }\n  a {\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    color: ",";\n  }\n"],["\n  padding: 10px 0;\n  position: relative;\n  p {\n    font-size: 16px;\n    font-weight: 400;\n    padding: 0 0.4rem;\n  }\n  a {\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.gray800})),g=i.div(r||(r=n(["\n  margin: 15px 0;\n  "," {\n    display: none;\n  }\n"],["\n  margin: 15px 0;\n  "," {\n    display: none;\n  }\n"])),e.mbDown),x=i.div(p||(p=n(["\n  display: flex;\n  position: absolute;\n  right: 0;\n  "," {\n    display: none;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  right: 0;\n  "," {\n    display: none;\n  }\n"])),e.mbUp),m=i.div(a||(a=n(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n  font-size: 14px;\n  font-weight: 600;\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n  font-size: 14px;\n  font-weight: 600;\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})),c=i.div(s||(s=n(["\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n"]))),y=i.a(d||(d=n(["\n  border: 1px solid ",";\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n  border-radius: 5px;\n  margin-top: 20px;\n  "," {\n    display: none;\n  }\n"],["\n  border: 1px solid ",";\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n  border-radius: 5px;\n  margin-top: 20px;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),e.mbDown);export{g as StyledHeading,x as StyledIconNav,c as StyledImageWrapper,f as StyledItem,m as StyledItemAll,l as StyledItemGridLeft,y as StyledViewMore};
+//# sourceMappingURL=index.styled.js.map

package/build/esm/components/organisms/navigationV2/components/molecules/Categories/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../../../../src/components/organisms/navigationV2/components/molecules/Categories/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'src/misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledItemGridLeft = styled.div`\n  padding-right: 1rem;\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  ${MediaQueries.mbUp} {\n    border-right: 1px solid #e4e8ec;\n  }\n`\nexport const StyledItem = styled.div`\n  padding: 10px 0;\n  position: relative;\n  p {\n    font-size: 16px;\n    font-weight: 400;\n    padding: 0 0.4rem;\n  }\n  a {\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    color: ${(props: ThemeProps) => props.theme.colors.gray800};\n  }\n`\nexport const StyledHeading = styled.div`\n  margin: 15px 0;\n  ${MediaQueries.mbDown} {\n    display: none;\n  }\n`\nexport const StyledIconNav = styled.div`\n  display: flex;\n  position: absolute;\n  right: 0;\n  ${MediaQueries.mbUp} {\n    display: none;\n  }\n`\n\nexport const StyledItemAll = styled.div`\n  display: flex;\n  align-items: center;\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  font-size: 14px;\n  font-weight: 600;\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n`\nexport const StyledImageWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n`\nexport const StyledViewMore = styled.a`\n  border: 1px solid ${(props: ThemeProps) => props.theme.colors.primaryBase};\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n  border-radius: 5px;\n  margin-top: 20px;\n  ${MediaQueries.mbDown} {\n    display: none;\n  }\n`\n"],"names":["StyledItemGridLeft","styled","div","templateObject_1","__makeTemplateObject","MediaQueries","mbUp","StyledItem","templateObject_2","props","theme","colors","gray800","StyledHeading","templateObject_3","mbDown","StyledIconNav","templateObject_4","StyledItemAll","templateObject_5","primaryBase","sizes","fsParagraph4","fwBold","StyledImageWrapper","templateObject_6","StyledViewMore","a","templateObject_7"],"mappings":"yLAIa,kBAAAA,EAAqBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,kGAAA,mDAAA,CAAA,kGAKvB,qDAAjBC,EAAaC,MAIJC,EAAaN,EAAOC,IAAGM,IAAAA,EAAAJ,EAAA,CAAA,6NAAA,YAAA,CAAA,6NAY0B,eAAjD,SAACK,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,WAG1CC,EAAgBZ,EAAOC,IAAGY,IAAAA,EAAAV,EAAA,CAAA,0BAAA,iCAAA,CAAA,0BAEhB,mCAAnBC,EAAaU,QAIJC,EAAgBf,EAAOC,IAAGe,IAAAA,EAAAb,EAAA,CAAA,6DAAA,iCAAA,CAAA,6DAIlB,mCAAjBC,EAAaC,MAKJY,EAAgBjB,EAAOC,IAAGiB,IAAAA,EAAAf,EAAA,CAAA,wDAAA,mBAAA,qBAAA,oIAAA,CAAA,wDAGyB,mBACI,qBACJ,uIAFrD,SAACK,GAAsB,OAAAA,EAAMC,MAAMC,OAAOS,eACtC,SAACX,GAAsB,OAAAA,EAAMC,MAAMW,MAAMC,gBACvC,SAACb,GAAsB,OAAAA,EAAMC,MAAMW,MAAME,UAQ7CC,EAAqBvB,EAAOC,IAAGuB,IAAAA,EAAArB,EAAA,CAAA,sEAAA,CAAA,yEAK/BsB,EAAiBzB,EAAO0B,EAACC,IAAAA,EAAAxB,EAAA,CAAA,yBAAA,kKAAA,iCAAA,CAAA,yBACqC,kKAQpD,oCARD,SAACK,GAAsB,OAAAA,EAAMC,MAAMC,OAAOS,cAQ5Df,EAAaU"}

package/build/esm/components/organisms/navigationV2/components/molecules/Spotlights/index.js

@@ -0,0 +1,2 @@
+import e from"react";import{Heading as t}from"../../../../../atoms/heading/index.js";import a from"../../../../../../assets/svg/chevronRightActive.svg.js";import{StyledItemGridRight as r,StyledHeading as i,StyledViewMore as n}from"./index.styled.js";var o=function(o){var l=o.title,m=o.viewMore,c=o.children,s=o.link,v=o.dataEventAction,d=void 0===v?"":v;return e.createElement(r,null,e.createElement(i,null,e.createElement(t,{tag:"h6",as:"h2",fontWeight:"semibold"},l),m&&e.createElement(n,{"data-event-category":"Hamburger Navigation","data-event-action":d,"data-event-label":s,href:s},m,e.createElement("img",{src:a,style:{width:"16px",height:"16px"}}))),c)};export{o as Spotlights};
+//# sourceMappingURL=index.js.map

package/build/esm/components/organisms/navigationV2/components/molecules/Spotlights/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/organisms/navigationV2/components/molecules/Spotlights/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Heading } from 'components/atoms/heading'\nimport { chevronRightActive } from 'src/assets/svg'\n\nimport {\n  StyledItemGridRight,\n  StyledHeading,\n  StyledViewMore,\n} from './index.styled'\n\nexport type dataType = {\n  link: string\n  nameViewMore: string\n  name: string\n}\n\nexport type Props = {\n  children?: JSX.Element | JSX.Element[]\n  title?: string\n  viewMore?: string\n  link?: string\n  dataEventAction?: string\n}\n\nconst Spotlights = ({\n  title,\n  viewMore,\n  children,\n  link,\n  dataEventAction = '',\n}: Props) => {\n  return (\n    <StyledItemGridRight>\n      <StyledHeading>\n        <Heading tag=\"h6\" as=\"h2\" fontWeight=\"semibold\">\n          {title}\n        </Heading>\n\n        {viewMore && (\n          <StyledViewMore\n            data-event-category=\"Hamburger Navigation\"\n            data-event-action={dataEventAction}\n            data-event-label={link}\n            href={link}\n          >\n            {viewMore}\n            <img\n              src={chevronRightActive}\n              style={{ width: '16px', height: '16px' }}\n            />\n          </StyledViewMore>\n        )}\n      </StyledHeading>\n      {children}\n    </StyledItemGridRight>\n  )\n}\n\nexport { Spotlights }\n"],"names":["Spotlights","_a","title","viewMore","children","link","_b","dataEventAction","React","StyledItemGridRight","createElement","StyledHeading","Heading","tag","as","fontWeight","StyledViewMore","href","src","chevronRightActive","style","width","height"],"mappings":"0PAyBM,IAAAA,EAAa,SAACC,GAClB,IAAAC,UACAC,EAAQF,EAAAE,SACRC,EAAQH,EAAAG,SACRC,EAAIJ,EAAAI,KACJC,EAAoBL,EAAAM,gBAApBA,OAAe,IAAAD,EAAG,GAAEA,EAEpB,OACEE,gBAACC,EAAmB,KAClBD,EAAAE,cAACC,EAAa,KACZH,EAAAE,cAACE,EAAO,CAACC,IAAI,KAAKC,GAAG,KAAKC,WAAW,YAClCb,GAGFC,GACCK,EAACE,cAAAM,EACqB,CAAA,sBAAA,uBACD,oBAAAT,EACD,mBAAAF,EAClBY,KAAMZ,GAELF,EACDK,EAAAE,cAAA,MAAA,CACEQ,IAAKC,EACLC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,YAKvClB"}

package/build/esm/components/organisms/navigationV2/components/molecules/Spotlights/index.styled.js

@@ -0,0 +1,2 @@
+import{__makeTemplateObject as n}from"../../../../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as t}from"../../../../../../misc/utils.js";import o from"styled-components";var e,i,p,r=o.div(e||(e=n(["\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  position: relative;\n  "," {\n    &:after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: ",";\n      content: '';\n    }\n  }\n"],["\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  position: relative;\n  "," {\n    &:after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: ",";\n      content: '';\n    }\n  }\n"])),t.mbDown,(function(n){return n.theme.colors.neutral100})),a=o.div(i||(i=n(["\n  margin: 15px 0;\n  display: flex;\n"],["\n  margin: 15px 0;\n  display: flex;\n"]))),f=o.a(p||(p=n(["\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 14px;\n  color: ",";\n  img {\n    padding-left: 5px;\n  }\n  "," {\n    margin-left: auto;\n  }\n"],["\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 14px;\n  color: ",";\n  img {\n    padding-left: 5px;\n  }\n  "," {\n    margin-left: auto;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),t.mbDown);export{a as StyledHeading,r as StyledItemGridRight,f as StyledViewMore};
+//# sourceMappingURL=index.styled.js.map

package/build/esm/components/organisms/navigationV2/components/molecules/Spotlights/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../../../../src/components/organisms/navigationV2/components/molecules/Spotlights/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'src/misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledItemGridRight = styled.div`\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  position: relative;\n  ${MediaQueries.mbDown} {\n    &:after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: ${(props: ThemeProps) => props.theme.colors.neutral100};\n      content: '';\n    }\n  }\n`\nexport const StyledHeading = styled.div`\n  margin: 15px 0;\n  display: flex;\n`\nexport const StyledViewMore = styled.a`\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 14px;\n  color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n  img {\n    padding-left: 5px;\n  }\n  ${MediaQueries.mbDown} {\n    margin-left: auto;\n  }\n`\n"],"names":["StyledItemGridRight","styled","div","templateObject_1","__makeTemplateObject","MediaQueries","mbDown","props","theme","colors","neutral100","StyledHeading","templateObject_2","StyledViewMore","a","templateObject_3","primaryBase"],"mappings":"yLAIO,UAAMA,EAAsBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,iGAAA,gJAAA,uCAAA,CAAA,iGAKtB,gJAOuD,yCAP1EC,EAAaC,QAOS,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAKvDC,EAAgBV,EAAOC,IAAGU,IAAAA,EAAAR,EAAA,CAAA,2CAAA,CAAA,8CAI1BS,EAAiBZ,EAAOa,EAACC,IAAAA,EAAAX,EAAA,CAAA,kJAAA,8CAAA,qCAAA,CAAA,kJAO0B,8CAIzC,wCAJZ,SAACG,GAAsB,OAAAA,EAAMC,MAAMC,OAAOO,cAIjDX,EAAaC"}