npm - @hhgtech/hhg-components - Versions diffs - 1.18.46 → 1.18.48 - Mend

@hhgtech/hhg-components 1.18.46 → 1.18.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2623) hide show

package/build/esm/components/organisms/navigationLayout/navigationBar/NavigationBarMobile.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NavigationBarMobile.js","sources":["../../../../../../src/components/organisms/navigationLayout/navigationBar/NavigationBarMobile.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport { Button } from 'components/atoms/button'\nimport { Heading } from 'components/atoms/heading'\nimport { Logo } from 'components/atoms/logo'\nimport { PureInput } from 'components/atoms/pureInput'\nimport { Text } from 'components/atoms/text'\nimport { debounce } from 'lodash'\n\nimport { useHeaderHeightHook } from '.'\nimport { SehatBadge, LockIcon } from '../assets'\nimport { useTranslation } from '../utils'\nimport { ArrowLeftPopupIcon } from './ArrowLeftPopupIcon'\nimport { ClosePopupIcon } from './ClosePopupIcon'\nimport { HamburgerIcon } from './HamburgerIcon'\nimport {\n StyledHeaderContainer,\n StyledHeaderMenuItem,\n StyledImageWrapper,\n StyledMenuContainer,\n StyledMenuIcon,\n StyledMenuSearchInput,\n StyledProfileMenu,\n StyledAvatar,\n} from './index.styled'\nimport { NavigationBarMobileProps } from './NavigationBar.types'\n\nexport function NavigationBarMobile({\n type,\n isStatic,\n isAmp,\n isDisplayed,\n siteType,\n isCollapsed,\n sitewideBannerShown,\n sitewideBanner,\n sitewideBannerClosed,\n setSitewideBannerClosed,\n isMobile,\n onMenuClick,\n menu,\n isSearchIconDisplayed,\n statics: { DISCOVER_URL_FE, SSO_URL, HOME_PAGE_URL, CARE_URL_FE },\n basePath,\n languageMenu,\n enabledExperimentalCareHeader,\n onCareHeaderClick,\n logoType,\n locale,\n isInit,\n title,\n sponsorComponent,\n currentUrl,\n userInfo,\n currentPopupType,\n avatar,\n profileMenu,\n isLoginButtonDisplayed,\n goToLogin,\n isSearchBarDisplay,\n searchPlaceholder,\n onSearchValueChanged,\n keyPressed,\n}: NavigationBarMobileProps) {\n const f = useTranslation()\n const isSponsored = !!sponsorComponent\n const hasSponsoredBanners = !!sponsorComponent?.props?.sponsoredBy?.length\n const isSiteWide = !!sitewideBanner && !sitewideBannerClosed\n\n const isShowingSiteWideBanner =\n sitewideBannerShown && !!sitewideBanner && !sitewideBannerClosed\n const { headerRef, headerHeight } = useHeaderHeightHook({\n isSiteWide,\n isShowingSiteWideBanner,\n isSponsored,\n hasSponsoredBanners,\n isMobile: true,\n })\n return (\n <>\n <StyledHeaderContainer\n data-header-type={type}\n data-collapsed={isStatic ? false : isCollapsed}\n data-with-search-input={type !== 'popup-sub-level'}\n data-is-displayed={isDisplayed}\n data-is-amp={isAmp}\n data-sponsored={isSponsored}\n data-site-type={siteType}\n data-sitewide-banner-shown={isShowingSiteWideBanner}\n id=\"site-header\"\n ref={headerRef}\n >\n {/* {type === 'popup' && (\n // <Link href=\"/\">\n <a\n href=\"/\"\n style={{\n position: 'absolute',\n left: '50%',\n transform: 'translateX(-50%)',\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n }}\n >\n <Logo\n type={logoType}\n height={'27px'}\n width={'104px'}\n style={{\n display: 'flex',\n alignItems: 'center',\n }}\n />\n </a>\n // </Link>\n )} */}\n {sitewideBanner\n ? !React.isValidElement(sitewideBanner)\n ? sitewideBanner\n : React.cloneElement<{\n isCollapsed?: boolean\n isAmp?: boolean\n isMobile?: boolean\n setBannerClosed?: (v: boolean) => void\n }>(sitewideBanner, {\n isCollapsed,\n setBannerClosed: setSitewideBannerClosed,\n isAmp,\n isMobile,\n })\n : null}\n\n <div\n style={{\n position: 'relative',\n height: 64,\n display: 'flex',\n alignItems: 'center',\n justifyContent: siteType === 'helloSites' ? 'center' : 'flex-start',\n background: 'white',\n ...(siteType === 'marryBaby'\n ? {\n paddingLeft: 66,\n }\n : {}),\n\n ...(typeof languageMenu !== 'undefined' ||\n enabledExperimentalCareHeader\n ? {\n paddingLeft: enabledExperimentalCareHeader ? 48 : 64,\n gap: 24,\n justifyContent: 'unset',\n }\n : {}),\n }}\n >\n <StyledMenuContainer>\n <StyledMenuIcon\n on=\"tap:discover-amp-sidebar\"\n role=\"button\"\n className=\"menu-handler\"\n tabIndex={0}\n >\n <div onClick={() => onMenuClick?.('categories')}>\n {/* On mobile: Click Humburger icon to open menu popup */}\n {type === 'home' && (\n <a\n data-event-category=\"Hamburger Navigation\"\n data-event-action=\"Click\"\n data-event-label=\"Hamburger Navigation URL\"\n >\n <HamburgerIcon siteType={siteType} type={type} />\n </a>\n )}\n\n {/* On mobile: Click a category menu to open sub level and render arrow left popup icon to go back */}\n {type === 'popup' && <ClosePopupIcon />}\n {type === 'popup-sub-level' && <ArrowLeftPopupIcon />}\n </div>\n {menu}\n </StyledMenuIcon>\n {isSearchIconDisplayed &&\n siteType === 'helloSites' &&\n type === 'home' && (\n <StyledMenuIcon style={{ paddingRight: 16 }}>\n <a\n data-event-category=\"Search Button\"\n data-event-action=\"Click\"\n style={{\n paddingRight: 16,\n paddingTop: 8,\n position: 'relative',\n }}\n href={`${HOME_PAGE_URL}/search?s=&page=1`}\n >\n <img\n src={`${basePath}/images/search.svg`}\n style={{ width: '24px', height: '24px' }}\n alt={type}\n />\n {/* fake input */}\n <input\n style={{\n width: '32px',\n height: '32px',\n position: 'absolute',\n left: '-2px',\n bottom: '0',\n opacity: 0,\n zIndex: 10000,\n }}\n />\n </a>\n </StyledMenuIcon>\n )}\n </StyledMenuContainer>\n {/* profile avatar */}\n {type !== 'popup' && (\n <StyledProfileMenu\n data-is-profile={true}\n className={!isInit ? 'menu-handler-health-tools' : ''}\n >\n <div className=\"menu-handler-item\">\n {isSearchIconDisplayed &&\n siteType === 'marryBaby' &&\n type === 'home' && (\n <StyledMenuIcon\n style={{\n justifySelf: 'flex-end',\n }}\n >\n {/* <Link href={`${DISCOVER_URL_FE}/search?s=&page=1`}> */}\n <a\n data-event-category=\"Search Button\"\n data-event-action=\"Click\"\n style={{\n display: 'flex',\n }}\n href={`${DISCOVER_URL_FE}/search?s=&page=1`}\n >\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M3.31573 13.7811L3.94855 13.6326L3.31573 13.7811ZM3.31573 8.324L3.94855 8.47244L3.31573 8.324ZM18.7893 8.324L19.4221 8.17556L18.7893 8.324ZM18.7893 13.781L19.4221 13.9295L18.7893 13.781ZM13.781 18.7893L13.6326 18.1565L13.781 18.7893ZM8.324 18.7893L8.17556 19.4221L8.324 18.7893ZM8.324 3.31573L8.17556 2.6829L8.324 3.31573ZM13.781 3.31573L13.9295 2.6829L13.781 3.31573ZM20.5404 21.4596C20.7942 21.7135 21.2058 21.7135 21.4596 21.4596C21.7135 21.2058 21.7135 20.7942 21.4596 20.5404L20.5404 21.4596ZM3.94855 13.6326C3.55048 11.9356 3.55048 10.1695 3.94855 8.47244L2.6829 8.17556C2.23903 10.0679 2.23903 12.0372 2.68291 13.9295L3.94855 13.6326ZM18.1565 8.47244C18.5546 10.1695 18.5546 11.9356 18.1565 13.6326L19.4221 13.9295C19.866 12.0372 19.866 10.0679 19.4221 8.17556L18.1565 8.47244ZM13.6326 18.1565C11.9356 18.5546 10.1695 18.5546 8.47244 18.1565L8.17556 19.4221C10.0679 19.866 12.0372 19.866 13.9295 19.4221L13.6326 18.1565ZM8.47244 3.94855C10.1695 3.55048 11.9356 3.55048 13.6326 3.94855L13.9295 2.6829C12.0372 2.23903 10.0679 2.23903 8.17556 2.6829L8.47244 3.94855ZM8.47244 18.1565C6.22776 17.63 4.47508 15.8773 3.94855 13.6326L2.68291 13.9295C3.32219 16.6549 5.45019 18.7829 8.17556 19.4221L8.47244 18.1565ZM13.9295 19.4221C16.6549 18.7829 18.7829 16.6549 19.4221 13.9295L18.1565 13.6326C17.63 15.8773 15.8773 17.63 13.6326 18.1565L13.9295 19.4221ZM13.6326 3.94855C15.8773 4.47508 17.63 6.22775 18.1565 8.47244L19.4221 8.17556C18.7829 5.45019 16.6549 3.32219 13.9295 2.6829L13.6326 3.94855ZM8.17556 2.6829C5.45019 3.32219 3.32219 5.45018 2.6829 8.17556L3.94855 8.47244C4.47508 6.22775 6.22775 4.47508 8.47244 3.94855L8.17556 2.6829ZM16.8755 17.7948L20.5404 21.4596L21.4596 20.5404L17.7948 16.8755L16.8755 17.7948Z\"\n fill=\"#3E3F58\"\n />\n </svg>\n {/* fake input */}\n <input\n style={{\n width: '32px',\n height: '32px',\n position: 'absolute',\n left: '-2px',\n bottom: '0',\n opacity: 0,\n zIndex: 10000,\n }}\n />\n </a>\n {/* </Link> */}\n </StyledMenuIcon>\n )}\n\n {enabledExperimentalCareHeader && (\n <>\n {onCareHeaderClick ? (\n <Button\n size=\"sm\"\n color={'primary'}\n dataEventCategory=\"Care\"\n dataEventAction=\"Navigation Bar Click\"\n dataEventLabel={currentUrl}\n onClick={onCareHeaderClick}\n >\n {f('login.booking')}\n </Button>\n ) : (\n <a href={CARE_URL_FE} className=\"care-button\">\n <Button\n size=\"sm\"\n color={'primary'}\n dataEventCategory=\"Care\"\n dataEventAction=\"Navigation Bar Click\"\n dataEventLabel={currentUrl}\n >\n {f('login.booking')}\n </Button>\n </a>\n )}\n </>\n )}\n\n {userInfo?.id ? (\n <StyledImageWrapper style={{ position: 'relative' }}>\n <div onClick={() => onMenuClick && onMenuClick('profile')}>\n {currentPopupType === 'profile' ? (\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 ) : (\n avatar\n )}\n </div>\n {profileMenu}\n </StyledImageWrapper>\n ) : !isAmp ? (\n isLoginButtonDisplayed && (\n <a\n data-event-category=\"Sign Up\"\n data-event-action=\"Button Click\"\n data-event-label={currentUrl}\n >\n {enabledExperimentalCareHeader ? (\n <StyledAvatar onClick={goToLogin}>\n <img src={LockIcon} className=\"avatar\" alt=\"avatar\" />\n </StyledAvatar>\n ) : siteType === 'helloSites' ? (\n <Button\n className=\"login-btn-mobile\"\n size=\"sm\"\n color=\"secondary\"\n onClick={goToLogin}\n >\n {f('navigation.loginJoin')}\n </Button>\n ) : (\n <div\n className=\"login-btn-mobile\"\n onClick={goToLogin}\n style={{\n paddingLeft: 16,\n }}\n >\n <Text size=\"p3\">{f('navigation.loginJoin')}</Text>\n </div>\n )}\n </a>\n )\n ) : (\n <a\n data-vars-event-category=\"Sign Up\"\n data-vars-event-action=\"Button Click\"\n data-vars-event-label={currentUrl}\n href={`${SSO_URL}?returnUrl=${currentUrl.replace(\n '?amp=1',\n '',\n )}`}\n style={{ textDecoration: 'none' }}\n >\n {locale === 'vi-VN' ? (\n <StyledAvatar onClick={goToLogin}>\n <img src={LockIcon} className=\"avatar\" alt=\"avatar\" />\n </StyledAvatar>\n ) : (\n <Button\n className=\"login-btn-mobile\"\n size=\"sm\"\n color={'secondary'}\n onClick={goToLogin}\n >\n {f('navigation.loginJoin')}\n </Button>\n )}\n </a>\n )}\n </div>\n </StyledProfileMenu>\n )}\n {(type === 'home' || type === 'popup') && (\n <a href={HOME_PAGE_URL || ''}>\n <Logo\n type={logoType}\n height=\"27px\"\n width=\"121px\"\n style={{\n display: 'flex',\n }}\n badge={\n locale === 'id-ID' ? (\n <img\n src={SehatBadge}\n style={{ width: 56, height: 23, maxWidth: 56 }}\n width=\"56\"\n height=\"23\"\n />\n ) : undefined\n }\n />\n </a>\n )}\n {typeof languageMenu !== 'undefined' && (\n <StyledHeaderMenuItem\n data-is-active={true}\n className={!isInit ? 'menu-handler-language' : ''}\n onClick={() => {\n onMenuClick && onMenuClick('language')\n }}\n >\n {languageMenu}\n </StyledHeaderMenuItem>\n )}\n {title && (\n <Heading className=\"top-bar-header\" tag=\"h5\">\n {title}\n </Heading>\n )}\n </div>\n\n {sponsorComponent\n ? !React.isValidElement(sponsorComponent)\n ? sponsorComponent\n : React.cloneElement<{\n isCollapsed?: boolean\n isMobile?: boolean\n isAmp?: boolean\n locale?: string\n }>(sponsorComponent, {\n isCollapsed,\n locale,\n isMobile,\n isAmp,\n })\n : null}\n </StyledHeaderContainer>\n {isSearchBarDisplay ? (\n <StyledMenuSearchInput\n data-header-type={type}\n data-is-displayed={isDisplayed}\n data-sitewide-banner-shown={sitewideBannerShown && !!sitewideBanner}\n >\n <PureInput\n style={{\n minHeight: 'auto',\n minWidth: '100%',\n padding: '0 16px',\n }}\n // value={searchValue}\n name={'search-input-' + type + (!isInit ? '-temp' : '')}\n size=\"md\"\n placeholder={searchPlaceholder}\n onChange={onSearchValueChanged}\n onKeyPress={keyPressed}\n type=\"search\"\n autoFocus={false}\n displayIcon={\n <a data-event-category=\"Search Button\" data-event-action=\"Click\">\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=\"M11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18Z\"\n stroke=\"#8C8C8C\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M20 20L16 16\"\n stroke=\"#8C8C8C\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </a>\n }\n />\n </StyledMenuSearchInput>\n ) : (\n <>\n {!isAmp && (\n <div\n style={{\n height: headerHeight,\n }}\n ></div>\n )}\n </>\n )}\n </>\n )\n}\n"],"names":["NavigationBarMobile","_a","type","isStatic","isAmp","isDisplayed","siteType","isCollapsed","sitewideBannerShown","sitewideBanner","sitewideBannerClosed","setSitewideBannerClosed","isMobile","onMenuClick","menu","isSearchIconDisplayed","_d","DISCOVER_URL_FE","SSO_URL","HOME_PAGE_URL","CARE_URL_FE","basePath","languageMenu","enabledExperimentalCareHeader","onCareHeaderClick","logoType","locale","isInit","title","sponsorComponent","currentUrl","userInfo","currentPopupType","avatar","profileMenu","isLoginButtonDisplayed","goToLogin","isSearchBarDisplay","searchPlaceholder","onSearchValueChanged","keyPressed","f","useTranslation","isSponsored","hasSponsoredBanners","_c","props","_b","sponsoredBy","length","isShowingSiteWideBanner","_e","useHeaderHeightHook","isSiteWide","headerRef","headerHeight","React","createElement","Fragment","StyledHeaderContainer","id","ref","isValidElement","cloneElement","setBannerClosed","style","__assign","position","height","display","alignItems","justifyContent","background","paddingLeft","gap","StyledMenuContainer","StyledMenuIcon","on","role","className","tabIndex","onClick","HamburgerIcon","ClosePopupIcon","ArrowLeftPopupIcon","paddingRight","paddingTop","href","concat","src","width","alt","left","bottom","opacity","zIndex","StyledProfileMenu","justifySelf","viewBox","fill","xmlns","d","Button","size","color","dataEventCategory","dataEventAction","dataEventLabel","StyledImageWrapper","stroke","strokeWidth","strokeLinecap","replace","textDecoration","StyledAvatar","LockIcon","Text","Logo","badge","SehatBadge","maxWidth","undefined","StyledHeaderMenuItem","Heading","tag","StyledMenuSearchInput","PureInput","minHeight","minWidth","padding","name","placeholder","onChange","onKeyPress","autoFocus","displayIcon","strokeLinejoin"],"mappings":"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"}

package/build/esm/components/organisms/navigationLayout/navigationBar/SearchIcon.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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};
2	+ //# sourceMappingURL=SearchIcon.js.map

package/build/esm/components/organisms/navigationLayout/navigationBar/SearchIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SearchIcon.js","sources":["../../../../../../src/components/organisms/navigationLayout/navigationBar/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/navigationLayout/navigationBar/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e,{useState as t,useRef as n,useMemo as a,useCallback as i,useEffect as o}from"react";import{Avatar as r}from"../../../atoms/avatar/index.js";import{Button as l}from"../../../atoms/button/index.js";import{Container as s}from"../../../atoms/container/index.js";import{Logo as c}from"../../../atoms/logo/index.js";import{PureInput as d}from"../../../atoms/pureInput/index.js";import{LOCALE_SPECS as m,domainLocales as u}from"../constants.js";import{throttle as h,debounce as v}from"lodash";import{theme as p}from"../../../../misc/theme.js";import g from"../assets/lock.png.js";import E from"../assets/sehat-badge.png.js";import{useTranslation as w}from"../utils.js";import{StyledHeaderMenuItem as f,StyledMenuIconWrapper as y,StyledDesktopHeaderWrapper as C,StyledDesktopHeader as L,StyledLeftGroup as b,StyledLogoWrapper as k,StyledDesktopMenuSearchInput as x,StyledRightGroup as B,StyledProfileMenu as M,StyledImageWrapper as S,StyledAvatar as I}from"./index.styled.js";import{NavigationBarMobile as Z}from"./NavigationBarMobile.js";var N=function(e){var r=e.hasSponsoredBanners,l=e.isSiteWide,s=e.isSponsored,c=e.isShowingSiteWideBanner,d=e.isMobile,m=n(null),u=t(0),h=u[0],p=u[1],g=i(v((function(){var e,t=(null===(e=m.current)\|\|void 0===e?void 0:e.clientHeight)\|\|0;window.scrollY<=t+30&&p(t)}),100),[]);o((function(){return window.addEventListener("resize",g),window.addEventListener("scroll",g),function(){window.removeEventListener("resize",g),window.removeEventListener("scroll",g)}}),[]),o((function(){g()}),[l,c,s,r,m.current]);var E=a((function(){var e=d?64:69;return c&&(e+=64),s&&(e+=40),e}),[d,c,s]);return{headerHeight:h\|\|E,headerRef:m}},j=function(v){var j,P,Y,H=v.siteType,T=v.basePath,A=v.statics,W=v.currentPopupType,z=void 0===W?"none":W,D=v.isDisplayed,R=void 0===D\|\|D,U=v.isSearchBarDisplay,F=void 0===U\|\|U,_=v.searchPlaceholder,O=void 0===_?"":_,K=v.openPopup,V=v.onTopBarAppears,G=v.onSearchChange,J=v.onSearchKeyPress,q=v.menu,Q=v.isAmp,X=v.profileMenu,$=v.isMobile,ee=void 0!==$&&$,te=v.isLoginButtonDisplayed,ne=v.title,ae=v.type,ie=void 0===ae?"home":ae,oe=v.onMenuClick,re=v.isStatic,le=void 0!==re&&re,se=v.routerAsPath,ce=v.locale,de=v.userInfo,me=v.marryBaby,ue=(void 0===me?{tone:"white"}:me).tone,he=v.menuItems,ve=void 0===he?[]:he,pe=v.isInit,ge=v.sitewideBanner,Ee=v.sitewideBannerShown,we=void 0===Ee\|\|Ee,fe=v.sponsorComponent,ye=v.languageMenu,Ce=v.isSearchIconDisplayed,Le=void 0!==Ce&&Ce,be=v.enabledExperimentalCareHeader,ke=v.onCareHeaderClick,xe=A.SSO_URL,Be=A.HOME_PAGE_URL,Me=A.CARE_URL_FE,Se=w(),Ie=!!fe,Ze=t(!1),Ne=Ze[0],je=Ze[1],Pe=t(!1),Ye=Pe[0],He=Pe[1],Te=t(!1),Ae=Te[0],We=Te[1],ze=t(pe\|\|!1),De=ze[0],Re=ze[1],Ue=n(47),Fe=n(!1),_e=n(!1),Oe="helloSites"===H?"https://".concat(u[ce]).concat(se):"https://www.marrybaby.vn".concat(se),Ke=a((function(){var t=(null==de?void 0:de.name)\|\|(null==de?void 0:de.username);return e.createElement(r,{type:"rounded",size:"small",avatarUrl:null==de?void 0:de.avatar,firstLetter:t&&t.length?t[0].toUpperCase():"A",backgroundColor:"marryBaby"===H?p.mbColors.pink:p.colors.secondaryBase,isAmp:Q})}),[null==de?void 0:de.username,null==de?void 0:de.name,null==de?void 0:de.avatar]),Ve=function(){var e=window.location.href;window.location.href=xe?"".concat(xe,"?returnUrl=").concat(e):e},Ge="helloSites"===H?null===(j=m[ce])\|\|void 0===j?void 0:j.LOGO_TYPE:H,Je="undefined"!=typeof window,qe=function(e){null==G\|\|G(e)},Qe=i(h((function(){var e;if("home"===ie){var t=window,n=null===(e=document.querySelector(".sticky-container"))\|\|void 0===e?void 0:e.clientHeight;Je&&t&&(t.scrollY>Ue.current&&t.scrollY>64&&!Fe.current&&(Fe.current=!0,je(!0)),t.scrollY<Ue.current&&Fe.current&&(Fe.current=!1,je(!1),n&&t.scrollY),t.scrollY<Ue.current&&n&&t.scrollY,F?(t.scrollY<64&&t.scrollY<Ue.current&&_e.current&&(_e.current=!1),t.scrollY>8&&t.scrollY>Ue.current&&!_e.current&&(_e.current=!0)):_e.current=!0,t.scrollY>=0&&(Ue.current=t.scrollY))}}),300),[]);o((function(){null==V\|\|V(!Ne)}),[Ne]);var Xe=function(e){var t,n;J&&J(e,null!==(n=null===(t=document.getElementById("search-input-"+ie))\|\|void 0===t?void 0:t.value)&&void 0!==n?n:"")};o((function(){ee&&Qe()}),[]),o((function(){return window.addEventListener("scroll",Qe,{passive:!0}),function(){window.removeEventListener("scroll",Qe)}}),[]),o((function(){Re(!0)}),[]),o((function(){"undefined"!=typeof window&&We(Boolean(Ae))}),[]);var $e=e.createElement(e.Fragment,null,ve.find((function(e){return"categories"===e.id}))&&e.createElement(f,{"data-is-active":"categories"===z,className:De?"":"menu-handler-categories",tabIndex:0,onClick:function(){null==K\|\|K("categories"),setTimeout((function(){var e,t;null===(t=null===(e=document.getElementsByClassName("top-menu-categories"))\|\|void 0===e?void 0:e[0])\|\|void 0===t\|\|t.focus()}),100)}},e.createElement("div",{className:"menu-handler-item"},Se("home.navigator.menuItem.discover"),e.createElement(y,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"})))),"categories"===z&&e.createElement("div",null,q)),ve.find((function(e){return"healthTools"===e.id}))&&e.createElement(f,{"data-is-active":"tools"===z,className:De?"":"menu-handler-health-tools",tabIndex:0},e.createElement("div",{className:"menu-handler-item",onClick:function(){K&&K("tools")}},Se("home.navigator.menuItem.healthTools"),e.createElement(y,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"})))),"tools"===z&&e.createElement("div",null,q)),ve.find((function(e){return"care"===e.id}))&&!be&&e.createElement(f,{"data-is-active":"care"===z,className:De?"":"menu-handler-care-specialties",tabIndex:0},e.createElement("div",{className:"menu-handler-item",onClick:function(){K&&K("care")}},Se("home.navigator.menuItem.helloCare"),e.createElement(y,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"})))),"care"===z&&e.createElement("div",null,q)),ve.find((function(e){return"together"===e.id}))&&e.createElement(f,{"data-is-active":"communities"===z,className:De?"":"menu-handler-communities",tabIndex:0},e.createElement("div",{className:"menu-handler-item",onClick:function(){K&&K("communities")}},Se("home.navigator.menuItem.helloTogether"),e.createElement(y,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"})))),"communities"===z&&e.createElement("div",null,q))),et=!!(null===(Y=null===(P=null==fe?void 0:fe.props)\|\|void 0===P?void 0:P.sponsoredBy)\|\|void 0===Y?void 0:Y.length),tt=we&&!!ge&&!Ye,nt=N({isSiteWide:!!ge&&!Ye,isShowingSiteWideBanner:tt,isSponsored:Ie,hasSponsoredBanners:et}),at=nt.headerRef,it=nt.headerHeight;return ee?e.createElement(Z,{type:ie,isStatic:le,isAmp:Q,isDisplayed:R,siteType:H,isCollapsed:Ne,sitewideBannerShown:we,sitewideBanner:ge,sitewideBannerClosed:Ye,setSitewideBannerClosed:He,isMobile:ee,onMenuClick:oe,menu:q,isSearchIconDisplayed:Le,statics:A,basePath:T,languageMenu:ye,enabledExperimentalCareHeader:be,logoType:Ge,locale:ce,isInit:De,title:ne,sponsorComponent:fe,currentUrl:Oe,userInfo:de,currentPopupType:z,avatar:Ke,profileMenu:X,isLoginButtonDisplayed:te,goToLogin:Ve,isSearchBarDisplay:F,searchPlaceholder:O,onSearchValueChanged:qe,keyPressed:Xe}):e.createElement(e.Fragment,null,e.createElement("div",{style:{height:it}}),e.createElement(C,{ref:at,"data-site-type":H,"data-marry-baby-tone":"marryBaby"===H&&ue,"data-sponsored":Ie,"data-sitewide-banner-shown":tt},ge?e.isValidElement(ge)?e.cloneElement(ge,{isCollapsed:Ne,setBannerClosed:He}):ge:null,e.createElement(s,{style:{height:69,padding:"0 16px"},type:H},e.createElement(L,null,e.createElement(b,null,e.createElement("a",{href:Be},e.createElement(k,{"data-is-having-border":"helloSites"===H},e.createElement(c,{style:{display:"flex"},type:Ge,height:"27px",width:"121px",badge:"id-ID"===ce?e.createElement("img",{src:E,style:{width:56,height:23,maxWidth:56},width:"56",height:"23"}):void 0}))),F&&"helloSites"===H&&e.createElement(x,{"data-header-type":ie,"data-is-displayed":R,"data-sitewide-banner-shown":we&&!!ge},e.createElement(d,{style:{minHeight:"32px",maxHeight:"32px",minWidth:"100%",backgroundColor:p.colors.white},name:"search-input-"+ie+(De?"":"-temp"),autoFocus:!1,size:"sm",placeholder:O,onChange:qe,onKeyPress:Xe,displayIcon:e.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{width:"24px",height:"24px",transform:"scale(0.8)"}},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:"M4.875 11C4.875 7.61726 7.61726 4.875 11 4.875C14.3827 4.875 17.125 7.61726 17.125 11C17.125 14.3827 14.3827 17.125 11 17.125C7.61726 17.125 4.875 14.3827 4.875 11ZM11 3.125C6.65076 3.125 3.125 6.65076 3.125 11C3.125 15.3492 6.65076 18.875 11 18.875C12.8594 18.875 14.5683 18.2306 15.9155 17.1529L19.3813 20.6187C19.723 20.9604 20.277 20.9604 20.6187 20.6187C20.9604 20.277 20.9604 19.723 20.6187 19.3813L17.1529 15.9155C18.2306 14.5683 18.875 12.8594 18.875 11C18.875 6.65076 15.3492 3.125 11 3.125Z",fill:"#8C8C8C"})))})),"marryBaby"===H&&e.createElement("div",{style:{marginLeft:28,display:"flex"}},$e)),e.createElement(B,null,"helloSites"===H&&$e,F&&"marryBaby"===H&&e.createElement(x,{"data-header-type":ie,"data-is-displayed":R,"data-is-styled-borderless":"marryBaby"===H,"data-marry-baby-theme":ue},e.createElement(d,{style:{minHeight:"40px",maxHeight:"40px",minWidth:"100%",borderRadius:16},name:"search-input-"+ie+(De?"":"-temp"),autoFocus:!1,size:"sm",placeholder:O,onChange:qe,onKeyPress:Xe,displayIcon:e.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",style:{width:"24px",height:"24px"}},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:"M3.31573 13.7811L3.94855 13.6326L3.31573 13.7811ZM3.31573 8.324L3.94855 8.47244L3.31573 8.324ZM18.7893 8.324L19.4221 8.17556L18.7893 8.324ZM18.7893 13.781L19.4221 13.9295L18.7893 13.781ZM13.781 18.7893L13.6326 18.1565L13.781 18.7893ZM8.324 18.7893L8.17556 19.4221L8.324 18.7893ZM8.324 3.31573L8.17556 2.6829L8.324 3.31573ZM13.781 3.31573L13.9295 2.6829L13.781 3.31573ZM20.5404 21.4596C20.7942 21.7135 21.2058 21.7135 21.4596 21.4596C21.7135 21.2058 21.7135 20.7942 21.4596 20.5404L20.5404 21.4596ZM3.94855 13.6326C3.55048 11.9356 3.55048 10.1695 3.94855 8.47244L2.6829 8.17556C2.23903 10.0679 2.23903 12.0372 2.68291 13.9295L3.94855 13.6326ZM18.1565 8.47244C18.5546 10.1695 18.5546 11.9356 18.1565 13.6326L19.4221 13.9295C19.866 12.0372 19.866 10.0679 19.4221 8.17556L18.1565 8.47244ZM13.6326 18.1565C11.9356 18.5546 10.1695 18.5546 8.47244 18.1565L8.17556 19.4221C10.0679 19.866 12.0372 19.866 13.9295 19.4221L13.6326 18.1565ZM8.47244 3.94855C10.1695 3.55048 11.9356 3.55048 13.6326 3.94855L13.9295 2.6829C12.0372 2.23903 10.0679 2.23903 8.17556 2.6829L8.47244 3.94855ZM8.47244 18.1565C6.22776 17.63 4.47508 15.8773 3.94855 13.6326L2.68291 13.9295C3.32219 16.6549 5.45019 18.7829 8.17556 19.4221L8.47244 18.1565ZM13.9295 19.4221C16.6549 18.7829 18.7829 16.6549 19.4221 13.9295L18.1565 13.6326C17.63 15.8773 15.8773 17.63 13.6326 18.1565L13.9295 19.4221ZM13.6326 3.94855C15.8773 4.47508 17.63 6.22775 18.1565 8.47244L19.4221 8.17556C18.7829 5.45019 16.6549 3.32219 13.9295 2.6829L13.6326 3.94855ZM8.17556 2.6829C5.45019 3.32219 3.32219 5.45018 2.6829 8.17556L3.94855 8.47244C4.47508 6.22775 6.22775 4.47508 8.47244 3.94855L8.17556 2.6829ZM16.8755 17.7948L20.5404 21.4596L21.4596 20.5404L17.7948 16.8755L16.8755 17.7948Z",fill:"#3E3F58"})))})),void 0!==ye&&e.createElement(f,{"data-is-active":!0,className:De?"":"menu-handler-language",onClick:function(){K&&K("language")}},ye),e.createElement(M,{"data-is-active":"profile"===z,"data-is-profile":!0,className:De?"":"menu-handler-health-tools",tabIndex:0},e.createElement("div",{className:"menu-handler-item"},be&&e.createElement(e.Fragment,null,ke?e.createElement(l,{className:"login-btn-mobile",size:"sm",color:"secondary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:Oe,onClick:ke},Se("login.booking")):e.createElement("a",{href:Me,className:"care-button no-replace-click"},e.createElement(l,{className:"login-btn-mobile",size:"sm",color:"secondary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:Oe},Se("login.booking")))),(null==de?void 0:de.id)?e.createElement(S,{style:{position:"relative"}},e.createElement("div",{onClick:function(){return K&&K("profile")}},Ke),X):te&&e.createElement("a",{"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":Oe},be?e.createElement(I,{onClick:Ve},e.createElement("img",{src:g,className:"avatar",alt:"avatar"})):"helloSites"===H?e.createElement(l,{size:"md",color:"secondary",onClick:Ve},Se("navigation.loginJoin")):e.createElement(l,{size:"md",color:"secondary",theme:"marryBaby",onClick:Ve},Se("navigation.loginJoin")))))))),fe?e.isValidElement(fe)?e.cloneElement(fe,{isCollapsed:Ne,locale:ce,isMobile:ee,isAmp:Q}):fe:null))};export{j as NavigationBar,N as useHeaderHeightHook};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/organisms/navigationLayout/navigationBar/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/organisms/navigationLayout/navigationBar/index.tsx"],"sourcesContent":["import React, {\n // useContext,\n useEffect,\n useRef,\n useState,\n useCallback,\n useMemo,\n} from 'react'\n\nimport { Avatar } from 'components/atoms/avatar'\nimport { Button } from 'components/atoms/button'\nimport { Container } from 'components/atoms/container'\nimport { Logo, TypeProps as LogoTypeProps } from 'components/atoms/logo'\nimport { PureInput } from 'components/atoms/pureInput'\nimport {\n domainLocales,\n LOCALE_SPECS,\n} from 'components/organisms/navigationLayout/constants'\nimport { debounce, throttle } from 'lodash'\nimport { theme } from 'misc/theme'\n\nimport { SehatBadge, LockIcon } from '../assets'\nimport { useTranslation } from '../utils'\nimport {\n StyledDesktopHeader,\n StyledDesktopHeaderWrapper,\n StyledDesktopMenuSearchInput,\n StyledHeaderMenuItem,\n StyledImageWrapper,\n StyledLeftGroup,\n StyledLogoWrapper,\n StyledRightGroup,\n StyledProfileMenu,\n StyledMenuIconWrapper,\n StyledAvatar,\n} from './index.styled'\nimport { Props } from './NavigationBar.types'\nimport { NavigationBarMobile } from './NavigationBarMobile'\n\nexport { Props } from './NavigationBar.types'\n\nexport const useHeaderHeightHook = ({\n hasSponsoredBanners,\n isSiteWide,\n isSponsored,\n isShowingSiteWideBanner,\n isMobile,\n}: {\n hasSponsoredBanners?: boolean\n isSiteWide?: boolean\n isSponsored?: boolean\n isShowingSiteWideBanner?: boolean\n isMobile?: boolean\n}) => {\n const headerRef = useRef<HTMLDivElement>(null)\n const [headerHeight, setHeaderHeight] = useState(0)\n const debounceSetHeader = useCallback(\n debounce(() => {\n const newHeaderHeight = headerRef.current?.clientHeight || 0\n if (window.scrollY <= newHeaderHeight + 30)\n setHeaderHeight(newHeaderHeight)\n }, 100),\n [],\n )\n useEffect(() => {\n window.addEventListener('resize', debounceSetHeader)\n window.addEventListener('scroll', debounceSetHeader)\n return () => {\n window.removeEventListener('resize', debounceSetHeader)\n window.removeEventListener('scroll', debounceSetHeader)\n }\n }, [])\n useEffect(() => {\n debounceSetHeader()\n }, [\n isSiteWide,\n isShowingSiteWideBanner,\n isSponsored,\n hasSponsoredBanners,\n headerRef.current,\n ])\n\n const defaultHeaderHeight = useMemo(() => {\n let res = isMobile ? 64 : 69\n if (isShowingSiteWideBanner) {\n res += 64\n }\n if (isSponsored) {\n res += 40\n }\n return res\n }, [isMobile, isShowingSiteWideBanner, isSponsored])\n return {\n headerHeight: headerHeight || defaultHeaderHeight,\n headerRef,\n }\n}\n\nconst NavigationBar = ({\n siteType,\n basePath,\n statics,\n currentPopupType = 'none',\n isDisplayed = true,\n isSearchBarDisplay = true,\n searchPlaceholder = '',\n openPopup,\n onTopBarAppears,\n onSearchChange,\n onSearchKeyPress,\n menu,\n isAmp,\n profileMenu,\n isMobile = false,\n isLoginButtonDisplayed,\n title,\n type = 'home',\n onMenuClick,\n isStatic = false,\n routerAsPath: asPath,\n locale,\n userInfo,\n marryBaby: { tone } = { tone: 'white' },\n menuItems = [],\n // className,\n isInit: _isInit,\n sitewideBanner,\n sitewideBannerShown = true,\n sponsorComponent,\n languageMenu,\n isSearchIconDisplayed = false,\n enabledExperimentalCareHeader,\n onCareHeaderClick,\n}: Props) => {\n const { SSO_URL, HOME_PAGE_URL, CARE_URL_FE } = statics\n const f = useTranslation()\n const isSponsored = !!sponsorComponent\n\n // const { locale = 'en-PH', asPath } = useRouter()\n const [isCollapsed, setIsCollapsed] = useState(false)\n // const [searchValue, setSearchValue] = useState('')\n const [sitewideBannerClosed, setSitewideBannerClosed] = useState(false)\n const [isCloseBookmarkTooltips, setIsCloseBookmarkTooltips] = useState(false)\n const [isInit, setIsInit] = useState(_isInit || false)\n const scrollY = useRef(47)\n const collapsedMenu = useRef<boolean>(false)\n const searchIconDisplayed = useRef<boolean>(false)\n\n const currentUrl =\n siteType === 'helloSites'\n ? `https://${domainLocales[locale]}${asPath}`\n : `https://www.marrybaby.vn${asPath}`\n\n // const { state } = useContext(AppContext)\n // const { userInfo } = state || {}\n\n const avatar = useMemo(() => {\n const name = userInfo?.name || userInfo?.username\n\n return (\n <Avatar\n type=\"rounded\"\n size=\"small\"\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 )\n }, [userInfo?.username, userInfo?.name, userInfo?.avatar])\n\n const goToLogin = () => {\n const currentLocation = window.location.href\n window.location.href = SSO_URL\n ? `${SSO_URL}?returnUrl=${currentLocation}`\n : currentLocation\n }\n\n const logoType =\n siteType === 'helloSites'\n ? (LOCALE_SPECS[locale]?.LOGO_TYPE as LogoTypeProps)\n : siteType\n const isBrowser = typeof window !== 'undefined'\n\n const onSearchValueChanged = (v: string) => {\n // setSearchValue(v)\n onSearchChange?.(v)\n }\n const scrolling = useCallback(\n throttle(() => {\n if (type === 'home') {\n const container = window\n const stickyContainerHeight =\n document.querySelector('.sticky-container')?.clientHeight\n\n if (isBrowser && container) {\n if (\n container.scrollY > scrollY.current &&\n container.scrollY > 64 &&\n !collapsedMenu.current\n ) {\n collapsedMenu.current = true\n setIsCollapsed(true)\n }\n\n if (container.scrollY < scrollY.current && collapsedMenu.current) {\n collapsedMenu.current = false\n setIsCollapsed(false)\n\n if (\n stickyContainerHeight &&\n stickyContainerHeight > container.scrollY\n ) {\n }\n }\n\n if (container.scrollY < scrollY.current) {\n if (\n stickyContainerHeight &&\n stickyContainerHeight > container.scrollY\n ) {\n }\n }\n\n if (isSearchBarDisplay) {\n if (\n container.scrollY < 64 &&\n container.scrollY < scrollY.current &&\n searchIconDisplayed.current\n ) {\n searchIconDisplayed.current = false\n }\n\n if (\n container.scrollY > 8 &&\n container.scrollY > scrollY.current &&\n !searchIconDisplayed.current\n ) {\n searchIconDisplayed.current = true\n }\n } else {\n searchIconDisplayed.current = true\n }\n\n container.scrollY >= 0 && (scrollY.current = container.scrollY)\n }\n\n // set collapse topbar\n\n // hide search input quickly\n // if (\n // container &&\n // container.scrollY > scrollY.current &&\n // container.scrollY > 48 &&\n // container.scrollY < 63 &&\n // !collapsedMenu.current\n // ) {\n // container.scrollTo({\n // top: 112,\n // left: 0,\n // behavior: 'smooth',\n // })\n // }\n\n // hide/display search icon\n }\n }, 300),\n [],\n )\n\n useEffect(() => {\n onTopBarAppears?.(!isCollapsed)\n }, [isCollapsed])\n\n const keyPressed = (e: React.KeyboardEvent<Element>) => {\n onSearchKeyPress &&\n onSearchKeyPress(\n e,\n (document.getElementById('search-input-' + type) as HTMLInputElement)\n ?.value ?? '',\n )\n }\n\n useEffect(() => {\n isMobile && scrolling()\n }, [])\n\n useEffect(() => {\n window.addEventListener('scroll', scrolling, { passive: true })\n return () => {\n window.removeEventListener('scroll', scrolling)\n }\n }, [])\n\n useEffect(() => {\n setIsInit(true)\n }, [])\n\n useEffect(() => {\n if (typeof window !== 'undefined') {\n setIsCloseBookmarkTooltips(Boolean(isCloseBookmarkTooltips))\n }\n }, [])\n\n const focusToMenu = () => {\n setTimeout(() => {\n ;(\n document.getElementsByClassName(\n 'top-menu-categories',\n )?.[0] as HTMLElement\n )?.focus()\n }, 100)\n }\n\n const desktopMenuItems = (\n <>\n {menuItems.find((i) => i.id === 'categories') && (\n <StyledHeaderMenuItem\n data-is-active={currentPopupType === 'categories'}\n className={!isInit ? 'menu-handler-categories' : ''}\n tabIndex={0}\n onClick={() => {\n openPopup?.('categories')\n focusToMenu()\n }}\n >\n <div className=\"menu-handler-item\">\n {f('home.navigator.menuItem.discover')}\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 </div>\n {currentPopupType === 'categories' && <div>{menu}</div>}\n </StyledHeaderMenuItem>\n )}\n {menuItems.find((i) => i.id === 'healthTools') && (\n <StyledHeaderMenuItem\n data-is-active={currentPopupType === 'tools'}\n className={!isInit ? 'menu-handler-health-tools' : ''}\n tabIndex={0}\n >\n <div\n className=\"menu-handler-item\"\n onClick={() => {\n openPopup && openPopup('tools')\n }}\n >\n {f('home.navigator.menuItem.healthTools')}\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 </div>\n {currentPopupType === 'tools' && <div>{menu}</div>}\n </StyledHeaderMenuItem>\n )}\n {menuItems.find((i) => i.id === 'care') &&\n !enabledExperimentalCareHeader && (\n <StyledHeaderMenuItem\n data-is-active={currentPopupType === 'care'}\n className={!isInit ? 'menu-handler-care-specialties' : ''}\n tabIndex={0}\n >\n <div\n className=\"menu-handler-item\"\n onClick={() => {\n openPopup && openPopup('care')\n }}\n >\n {f('home.navigator.menuItem.helloCare')}\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 </div>\n {currentPopupType === 'care' && <div>{menu}</div>}\n </StyledHeaderMenuItem>\n )}\n {menuItems.find((i) => i.id === 'together') && (\n <StyledHeaderMenuItem\n data-is-active={currentPopupType === 'communities'}\n className={!isInit ? 'menu-handler-communities' : ''}\n tabIndex={0}\n >\n <div\n className=\"menu-handler-item\"\n onClick={() => {\n openPopup && openPopup('communities')\n }}\n >\n {f('home.navigator.menuItem.helloTogether')}\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 </div>\n {currentPopupType === 'communities' && <div>{menu}</div>}\n </StyledHeaderMenuItem>\n )}\n </>\n )\n\n const hasSponsoredBanners = !!sponsorComponent?.props?.sponsoredBy?.length\n const isSiteWide = !!sitewideBanner && !sitewideBannerClosed\n\n const isShowingSiteWideBanner =\n sitewideBannerShown && !!sitewideBanner && !sitewideBannerClosed\n const { headerRef, headerHeight } = useHeaderHeightHook({\n isSiteWide,\n isShowingSiteWideBanner,\n isSponsored,\n hasSponsoredBanners,\n })\n\n if (isMobile) {\n return (\n <NavigationBarMobile\n type={type}\n isStatic={isStatic}\n isAmp={isAmp}\n isDisplayed={isDisplayed}\n siteType={siteType}\n isCollapsed={isCollapsed}\n sitewideBannerShown={sitewideBannerShown}\n sitewideBanner={sitewideBanner}\n sitewideBannerClosed={sitewideBannerClosed}\n setSitewideBannerClosed={setSitewideBannerClosed}\n isMobile={isMobile}\n onMenuClick={onMenuClick}\n menu={menu}\n isSearchIconDisplayed={isSearchIconDisplayed}\n statics={statics}\n basePath={basePath}\n languageMenu={languageMenu}\n enabledExperimentalCareHeader={enabledExperimentalCareHeader}\n logoType={logoType}\n locale={locale}\n isInit={isInit}\n title={title}\n sponsorComponent={sponsorComponent}\n currentUrl={currentUrl}\n userInfo={userInfo}\n currentPopupType={currentPopupType}\n avatar={avatar}\n profileMenu={profileMenu}\n isLoginButtonDisplayed={isLoginButtonDisplayed}\n goToLogin={goToLogin}\n isSearchBarDisplay={isSearchBarDisplay}\n searchPlaceholder={searchPlaceholder}\n onSearchValueChanged={onSearchValueChanged}\n keyPressed={keyPressed}\n />\n )\n }\n\n return (\n <>\n <div\n style={{\n height: headerHeight,\n }}\n ></div>\n <StyledDesktopHeaderWrapper\n ref={headerRef}\n data-site-type={siteType}\n data-marry-baby-tone={siteType === 'marryBaby' && tone}\n data-sponsored={isSponsored}\n data-sitewide-banner-shown={isShowingSiteWideBanner}\n >\n {sitewideBanner\n ? !React.isValidElement(sitewideBanner)\n ? sitewideBanner\n : React.cloneElement<{\n isCollapsed?: boolean\n setBannerClosed?: (v: boolean) => void\n }>(sitewideBanner, {\n isCollapsed,\n setBannerClosed: setSitewideBannerClosed,\n })\n : null}\n <Container\n style={{\n height: 69,\n padding: '0 16px',\n }}\n type={siteType}\n >\n <StyledDesktopHeader>\n <StyledLeftGroup>\n <a href={HOME_PAGE_URL}>\n <StyledLogoWrapper\n data-is-having-border={siteType === 'helloSites'}\n >\n <Logo\n style={{\n display: 'flex',\n }}\n type={logoType}\n height=\"27px\"\n width=\"121px\"\n badge={\n locale === 'id-ID' ? (\n <img\n src={SehatBadge}\n style={{\n width: 56,\n height: 23,\n maxWidth: 56,\n }}\n width=\"56\"\n height=\"23\"\n />\n ) : undefined\n }\n />\n </StyledLogoWrapper>\n </a>\n {isSearchBarDisplay && siteType === 'helloSites' && (\n <StyledDesktopMenuSearchInput\n data-header-type={type}\n data-is-displayed={isDisplayed}\n data-sitewide-banner-shown={\n sitewideBannerShown && !!sitewideBanner\n }\n >\n <PureInput\n style={{\n minHeight: '32px',\n maxHeight: '32px',\n minWidth: '100%',\n backgroundColor: theme.colors.white,\n }}\n // value={searchValue}\n name={'search-input-' + type + (!isInit ? '-temp' : '')}\n autoFocus={false}\n size=\"sm\"\n placeholder={searchPlaceholder}\n onChange={onSearchValueChanged}\n onKeyPress={keyPressed}\n displayIcon={\n <a\n data-event-category=\"Search Button\"\n data-event-action=\"Click\"\n style={{\n width: '24px',\n height: '24px',\n transform: 'scale(0.8)',\n }}\n >\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M4.875 11C4.875 7.61726 7.61726 4.875 11 4.875C14.3827 4.875 17.125 7.61726 17.125 11C17.125 14.3827 14.3827 17.125 11 17.125C7.61726 17.125 4.875 14.3827 4.875 11ZM11 3.125C6.65076 3.125 3.125 6.65076 3.125 11C3.125 15.3492 6.65076 18.875 11 18.875C12.8594 18.875 14.5683 18.2306 15.9155 17.1529L19.3813 20.6187C19.723 20.9604 20.277 20.9604 20.6187 20.6187C20.9604 20.277 20.9604 19.723 20.6187 19.3813L17.1529 15.9155C18.2306 14.5683 18.875 12.8594 18.875 11C18.875 6.65076 15.3492 3.125 11 3.125Z\"\n fill=\"#8C8C8C\"\n />\n </svg>\n </a>\n }\n />\n </StyledDesktopMenuSearchInput>\n )}\n {siteType === 'marryBaby' && (\n <div style={{ marginLeft: 28, display: 'flex' }}>\n {desktopMenuItems}\n </div>\n )}\n </StyledLeftGroup>\n <StyledRightGroup>\n {siteType === 'helloSites' && desktopMenuItems}\n {isSearchBarDisplay && siteType === 'marryBaby' && (\n <StyledDesktopMenuSearchInput\n data-header-type={type}\n data-is-displayed={isDisplayed}\n data-is-styled-borderless={siteType === 'marryBaby'}\n data-marry-baby-theme={tone}\n >\n <PureInput\n style={{\n minHeight: '40px',\n maxHeight: '40px',\n minWidth: '100%',\n borderRadius: 16,\n }}\n // value={searchValue}\n name={'search-input-' + type + (!isInit ? '-temp' : '')}\n autoFocus={false}\n size=\"sm\"\n placeholder={searchPlaceholder}\n onChange={onSearchValueChanged}\n onKeyPress={keyPressed}\n displayIcon={\n <a\n data-event-category=\"Search Button\"\n data-event-action=\"Click\"\n style={{ width: '24px', height: '24px' }}\n >\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M3.31573 13.7811L3.94855 13.6326L3.31573 13.7811ZM3.31573 8.324L3.94855 8.47244L3.31573 8.324ZM18.7893 8.324L19.4221 8.17556L18.7893 8.324ZM18.7893 13.781L19.4221 13.9295L18.7893 13.781ZM13.781 18.7893L13.6326 18.1565L13.781 18.7893ZM8.324 18.7893L8.17556 19.4221L8.324 18.7893ZM8.324 3.31573L8.17556 2.6829L8.324 3.31573ZM13.781 3.31573L13.9295 2.6829L13.781 3.31573ZM20.5404 21.4596C20.7942 21.7135 21.2058 21.7135 21.4596 21.4596C21.7135 21.2058 21.7135 20.7942 21.4596 20.5404L20.5404 21.4596ZM3.94855 13.6326C3.55048 11.9356 3.55048 10.1695 3.94855 8.47244L2.6829 8.17556C2.23903 10.0679 2.23903 12.0372 2.68291 13.9295L3.94855 13.6326ZM18.1565 8.47244C18.5546 10.1695 18.5546 11.9356 18.1565 13.6326L19.4221 13.9295C19.866 12.0372 19.866 10.0679 19.4221 8.17556L18.1565 8.47244ZM13.6326 18.1565C11.9356 18.5546 10.1695 18.5546 8.47244 18.1565L8.17556 19.4221C10.0679 19.866 12.0372 19.866 13.9295 19.4221L13.6326 18.1565ZM8.47244 3.94855C10.1695 3.55048 11.9356 3.55048 13.6326 3.94855L13.9295 2.6829C12.0372 2.23903 10.0679 2.23903 8.17556 2.6829L8.47244 3.94855ZM8.47244 18.1565C6.22776 17.63 4.47508 15.8773 3.94855 13.6326L2.68291 13.9295C3.32219 16.6549 5.45019 18.7829 8.17556 19.4221L8.47244 18.1565ZM13.9295 19.4221C16.6549 18.7829 18.7829 16.6549 19.4221 13.9295L18.1565 13.6326C17.63 15.8773 15.8773 17.63 13.6326 18.1565L13.9295 19.4221ZM13.6326 3.94855C15.8773 4.47508 17.63 6.22775 18.1565 8.47244L19.4221 8.17556C18.7829 5.45019 16.6549 3.32219 13.9295 2.6829L13.6326 3.94855ZM8.17556 2.6829C5.45019 3.32219 3.32219 5.45018 2.6829 8.17556L3.94855 8.47244C4.47508 6.22775 6.22775 4.47508 8.47244 3.94855L8.17556 2.6829ZM16.8755 17.7948L20.5404 21.4596L21.4596 20.5404L17.7948 16.8755L16.8755 17.7948Z\"\n fill=\"#3E3F58\"\n />\n </svg>\n </a>\n }\n />\n </StyledDesktopMenuSearchInput>\n )}\n {typeof languageMenu !== 'undefined' && (\n <StyledHeaderMenuItem\n data-is-active={true}\n className={!isInit ? 'menu-handler-language' : ''}\n onClick={() => {\n openPopup && openPopup('language')\n }}\n >\n {languageMenu}\n </StyledHeaderMenuItem>\n )}\n\n <StyledProfileMenu\n data-is-active={currentPopupType === 'profile'}\n data-is-profile={true}\n className={!isInit ? 'menu-handler-health-tools' : ''}\n tabIndex={0}\n >\n <div className=\"menu-handler-item\">\n {enabledExperimentalCareHeader && (\n <>\n {onCareHeaderClick ? (\n <Button\n className=\"login-btn-mobile\"\n size=\"sm\"\n color=\"secondary\"\n dataEventCategory=\"Care\"\n dataEventAction=\"Navigation Bar Click\"\n dataEventLabel={currentUrl}\n onClick={onCareHeaderClick}\n >\n {f('login.booking')}\n </Button>\n ) : (\n <a\n href={CARE_URL_FE}\n className=\"care-button no-replace-click\"\n >\n <Button\n className=\"login-btn-mobile\"\n size=\"sm\"\n color=\"secondary\"\n dataEventCategory=\"Care\"\n dataEventAction=\"Navigation Bar Click\"\n dataEventLabel={currentUrl}\n >\n {f('login.booking')}\n </Button>\n </a>\n )}\n </>\n )}\n {userInfo?.id ? (\n <StyledImageWrapper style={{ position: 'relative' }}>\n <div onClick={() => openPopup && openPopup('profile')}>\n {avatar}\n </div>\n {profileMenu}\n </StyledImageWrapper>\n ) : (\n isLoginButtonDisplayed && (\n <a\n data-event-category=\"Sign Up\"\n data-event-action=\"Button Click\"\n data-event-label={currentUrl}\n >\n {enabledExperimentalCareHeader ? (\n <StyledAvatar onClick={goToLogin}>\n <img\n src={LockIcon}\n className=\"avatar\"\n alt=\"avatar\"\n />\n </StyledAvatar>\n ) : siteType === 'helloSites' ? (\n <Button\n size=\"md\"\n color=\"secondary\"\n onClick={goToLogin}\n >\n {f('navigation.loginJoin')}\n </Button>\n ) : (\n <Button\n size=\"md\"\n color=\"secondary\"\n theme=\"marryBaby\"\n onClick={goToLogin}\n >\n {f('navigation.loginJoin')}\n </Button>\n )}\n </a>\n )\n )}\n </div>\n </StyledProfileMenu>\n </StyledRightGroup>\n </StyledDesktopHeader>\n </Container>\n {sponsorComponent\n ? !React.isValidElement(sponsorComponent)\n ? sponsorComponent\n : React.cloneElement<{\n isCollapsed?: boolean\n isMobile?: boolean\n isAmp?: boolean\n locale?: string\n }>(sponsorComponent, {\n isCollapsed,\n locale,\n isMobile,\n isAmp,\n })\n : null}\n </StyledDesktopHeaderWrapper>\n </>\n )\n}\n\nexport { NavigationBar }\n"],"names":["useHeaderHeightHook","_a","hasSponsoredBanners","isSiteWide","isSponsored","isShowingSiteWideBanner","isMobile","headerRef","useRef","_b","useState","headerHeight","setHeaderHeight","debounceSetHeader","useCallback","debounce","newHeaderHeight","current","clientHeight","window","scrollY","useEffect","addEventListener","removeEventListener","defaultHeaderHeight","useMemo","res","NavigationBar","siteType","basePath","statics","_e","currentPopupType","_f","isDisplayed","_g","isSearchBarDisplay","_h","searchPlaceholder","openPopup","onTopBarAppears","onSearchChange","onSearchKeyPress","menu","isAmp","profileMenu","_j","isLoginButtonDisplayed","title","_k","type","onMenuClick","_l","isStatic","asPath","routerAsPath","locale","userInfo","_m","marryBaby","tone","_p","menuItems","_isInit","isInit","sitewideBanner","_q","sitewideBannerShown","sponsorComponent","languageMenu","_r","isSearchIconDisplayed","enabledExperimentalCareHeader","onCareHeaderClick","SSO_URL","HOME_PAGE_URL","CARE_URL_FE","f","useTranslation","_s","isCollapsed","setIsCollapsed","_t","sitewideBannerClosed","setSitewideBannerClosed","_u","isCloseBookmarkTooltips","setIsCloseBookmarkTooltips","_v","setIsInit","collapsedMenu","searchIconDisplayed","currentUrl","domainLocales","concat","avatar","name","username","React","Avatar","size","avatarUrl","firstLetter","length","toUpperCase","backgroundColor","theme","mbColors","pink","colors","secondaryBase","goToLogin","currentLocation","location","href","logoType","LOCALE_SPECS","LOGO_TYPE","isBrowser","onSearchValueChanged","v","scrolling","throttle","container","stickyContainerHeight","document","querySelector","keyPressed","e","getElementById","value","passive","Boolean","desktopMenuItems","createElement","Fragment","find","i","id","StyledHeaderMenuItem","className","tabIndex","onClick","setTimeout","getElementsByClassName","focus","StyledMenuIconWrapper","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","_d","props","_c","sponsoredBy","_w","NavigationBarMobile","style","StyledDesktopHeaderWrapper","ref","isValidElement","cloneElement","setBannerClosed","Container","padding","StyledDesktopHeader","StyledLeftGroup","StyledLogoWrapper","Logo","display","badge","src","SehatBadge","maxWidth","undefined","StyledDesktopMenuSearchInput","PureInput","minHeight","maxHeight","minWidth","white","autoFocus","placeholder","onChange","onKeyPress","displayIcon","transform","fillRule","clipRule","marginLeft","StyledRightGroup","borderRadius","StyledProfileMenu","Button","color","dataEventCategory","dataEventAction","dataEventLabel","StyledImageWrapper","position","StyledAvatar","LockIcon","alt"],"mappings":"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"}

package/build/esm/components/organisms/navigationLayout/navigationBar/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as e}from"../../../../misc/utils.js";import t from"styled-components";import{Z_INDEX as i}from"../constants.js";var o=t.header(v\|\|(v=n(["\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n align-items: center;\n justify-content: center;\n /* overflow-x: hidden; /\n\n border-bottom: 1px solid\n ",";\n background-color: ",";\n\n &[data-site-type='marryBaby'] {\n border-bottom: none;\n }\n\n &[data-fixed-bar='true'] {\n position: fixed;\n top: 0;\n }\n\n &[data-fixed-bar='false'] {\n position: absolute;\n }\n\n &[data-collapsed='true'] {\n top: -100%;\n transition: top 0.5s;\n }\n\n &[data-collapsed='false'] {\n top: 0px;\n transition: top 0.5s;\n }\n\n .top-bar-header {\n line-height: normal;\n }\n\n &[data-header-type='home'] {\n position: fixed;\n z-index: ",";\n }\n\n &[data-header-type='popup'] {\n position: absolute;\n z-index: ",";\n }\n\n &[data-header-type='popup-sub-level'] {\n position: absolute;\n z-index: ",";\n }\n\n &[data-is-displayed='false'] {\n //display: none;\n visibility: hidden;\n }\n\n &[data-is-amp='true'] {\n position: relative;\n }\n\n .menu-handler:focus #categories-menu {\n left: 0;\n transition: left 0.1s;\n }\n"],["\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n align-items: center;\n justify-content: center;\n / overflow-x: hidden; /\n\n border-bottom: 1px solid\n ",";\n background-color: ",";\n\n &[data-site-type='marryBaby'] {\n border-bottom: none;\n }\n\n &[data-fixed-bar='true'] {\n position: fixed;\n top: 0;\n }\n\n &[data-fixed-bar='false'] {\n position: absolute;\n }\n\n &[data-collapsed='true'] {\n top: -100%;\n transition: top 0.5s;\n }\n\n &[data-collapsed='false'] {\n top: 0px;\n transition: top 0.5s;\n }\n\n .top-bar-header {\n line-height: normal;\n }\n\n &[data-header-type='home'] {\n position: fixed;\n z-index: ",";\n }\n\n &[data-header-type='popup'] {\n position: absolute;\n z-index: ",";\n }\n\n &[data-header-type='popup-sub-level'] {\n position: absolute;\n z-index: ",";\n }\n\n &[data-is-displayed='false'] {\n //display: none;\n visibility: hidden;\n }\n\n &[data-is-amp='true'] {\n position: relative;\n }\n\n .menu-handler:focus #categories-menu {\n left: 0;\n transition: left 0.1s;\n }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.white}),i.headerContainerHome,i.headerContainerPopup,i.headerContainerPopupSUbLevel),a=t.header(w\|\|(w=n(["\n position: absolute;\n bottom: 20px;\n left: 16px;\n display: flex;\n align-items: center;\n"],["\n position: absolute;\n bottom: 20px;\n left: 16px;\n display: flex;\n align-items: center;\n"]))),r=t.div(k\|\|(k=n(["\n margin-right: 8px;\n &[data-event-category] > {\n pointer-events: none;\n }\n"],["\n margin-right: 8px;\n &[data-event-category] > * {\n pointer-events: none;\n }\n"]))),s=t.div(z\|\|(z=n(["\n position: relative;\n display: flex;\n width: 100%;\n height: 64px;\n justify-content: center;\n\n padding: 8px 0;\n margin-top: 64px;\n &[data-sponsored='true'] {\n margin-top: 105px;\n }\n &[data-sitewide-banner-shown='true'] {\n margin-top: 128px;\n }\n\n background-color: ",";\n\n #search-input-home,\n #search-input-home-temp,\n #search-input-popup {\n position: relative;\n z-index: ",";\n width: 100%;\n box-shadow: 0px 0px 5px rgba(38, 38, 38, 0.08);\n }\n\n .displayIcon {\n z-index: ",";\n display: flex;\n width: 24px;\n height: 24px;\n align-items: center;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n opacity: 0;\n }\n\n &[data-is-displayed='true'] {\n opacity: 1;\n transition: opacity 0.2s;\n }\n\n &[data-header-type='popup'] {\n position: fixed;\n z-index: ",";\n left: 0;\n width: 100vw;\n }\n"],["\n position: relative;\n display: flex;\n width: 100%;\n height: 64px;\n justify-content: center;\n\n padding: 8px 0;\n margin-top: 64px;\n &[data-sponsored='true'] {\n margin-top: 105px;\n }\n &[data-sitewide-banner-shown='true'] {\n margin-top: 128px;\n }\n\n background-color: ",";\n\n #search-input-home,\n #search-input-home-temp,\n #search-input-popup {\n position: relative;\n z-index: ",";\n width: 100%;\n box-shadow: 0px 0px 5px rgba(38, 38, 38, 0.08);\n }\n\n .displayIcon {\n z-index: ",";\n display: flex;\n width: 24px;\n height: 24px;\n align-items: center;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n opacity: 0;\n }\n\n &[data-is-displayed='true'] {\n opacity: 1;\n transition: opacity 0.2s;\n }\n\n &[data-header-type='popup'] {\n position: fixed;\n z-index: ",";\n left: 0;\n width: 100vw;\n }\n"])),(function(n){return n.theme.colors.white}),i.menuSearchInputPopup,i.menuSearchInputDisplayIcon,i.menuSearchPopup),p=t.div(j\|\|(j=n(["\n position: fixed;\n z-index: 201;\n top: 0;\n left: 0;\n\n width: 100%;\n align-items: center;\n\n background-color: ",";\n\n transition: height 0.3s;\n\n .menu-handler-item {\n gap: 8px;\n a {\n text-decoration: none;\n }\n }\n\n &[data-site-type='helloSites'] {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-marry-baby-tone='pink'] {\n background-color: ",";\n }\n\n //categories\n .menu-handler-categories:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-categories:focus-within .top-menu-categories {\n display: block;\n }\n .menu-handler-categories:focus .top-menu-health-tools {\n display: none;\n }\n\n //health tools\n .menu-handler-health-tools:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-health-tools:focus-within .top-menu-health-tools {\n display: block;\n }\n .menu-handler-health-tools:focus .top-menu-categories {\n display: none;\n }\n\n //communities\n .menu-handler-communities:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-communities:focus-within .top-menu-communities {\n display: block;\n }\n .menu-handler-communities:focus .top-menu-care-specialties {\n display: none;\n }\n\n //care\n .menu-handler-care-specialties:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-care-specialties:focus-within .top-menu-care-specialties {\n display: block;\n }\n .menu-handler-care-specialties:focus .top-menu-communities {\n display: none;\n }\n"],["\n position: fixed;\n z-index: 201;\n top: 0;\n left: 0;\n\n width: 100%;\n align-items: center;\n\n background-color: ",";\n\n transition: height 0.3s;\n\n .menu-handler-item {\n gap: 8px;\n a {\n text-decoration: none;\n }\n }\n\n &[data-site-type='helloSites'] {\n border-bottom: 1px solid\n ",";\n }\n\n &[data-marry-baby-tone='pink'] {\n background-color: ",";\n }\n\n //categories\n .menu-handler-categories:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-categories:focus-within .top-menu-categories {\n display: block;\n }\n .menu-handler-categories:focus .top-menu-health-tools {\n display: none;\n }\n\n //health tools\n .menu-handler-health-tools:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-health-tools:focus-within .top-menu-health-tools {\n display: block;\n }\n .menu-handler-health-tools:focus .top-menu-categories {\n display: none;\n }\n\n //communities\n .menu-handler-communities:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-communities:focus-within .top-menu-communities {\n display: block;\n }\n .menu-handler-communities:focus .top-menu-care-specialties {\n display: none;\n }\n\n //care\n .menu-handler-care-specialties:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-care-specialties:focus-within .top-menu-care-specialties {\n display: block;\n }\n .menu-handler-care-specialties:focus .top-menu-communities {\n display: none;\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.mbColors.lightPink})),l=t.div(B\|\|(B=n(["\n display: flex;\n height: 100%;\n align-items: center;\n\n justify-content: space-between;\n padding: 0;\n"],["\n display: flex;\n height: 100%;\n align-items: center;\n\n justify-content: space-between;\n padding: 0;\n"]))),d=t.div(C\|\|(C=n(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),c=t.div(_\|\|(_=n(["\n padding-right: 16px;\n &[data-is-having-border='true'] {\n border-right: 1px solid\n ",";\n }\n"],["\n padding-right: 16px;\n &[data-is-having-border='true'] {\n border-right: 1px solid\n ",";\n }\n"])),(function(n){return n.theme.colors.neutral100})),h=t.div(P\|\|(P=n(["\n padding: 0 16px;\n\n & > div {\n background-color: ",";\n }\n\n &[data-marry-baby-theme='white'] > div {\n background-color: ",";\n }\n\n #search-input-home,\n #search-input-home-temp {\n height: 32px;\n box-sizing: border-box;\n padding: 0 16px 0 48px;\n border: 1px solid ",";\n border-radius: 6px;\n filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));\n outline: none;\n }\n\n &[data-is-styled-borderless='true'] {\n #search-input-home,\n #search-input-home-temp {\n height: 40px;\n border: 1px solid ",";\n border-radius: 16px;\n filter: none;\n }\n }\n"],["\n padding: 0 16px;\n\n & > div {\n background-color: ",";\n }\n\n &[data-marry-baby-theme='white'] > div {\n background-color: ",";\n }\n\n #search-input-home,\n #search-input-home-temp {\n height: 32px;\n box-sizing: border-box;\n padding: 0 16px 0 48px;\n border: 1px solid ",";\n border-radius: 6px;\n filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));\n outline: none;\n }\n\n &[data-is-styled-borderless='true'] {\n #search-input-home,\n #search-input-home-temp {\n height: 40px;\n border: 1px solid ",";\n border-radius: 16px;\n filter: none;\n }\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.mbColors.lightGray}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.white})),m=t.div(E\|\|(E=n(["\n display: flex;\n align-items: center;\n\n & > :not(:first-child) {\n margin-left: 6px;\n }\n"],["\n display: flex;\n align-items: center;\n\n & > :not(:first-child) {\n margin-left: 6px;\n }\n"]))),u=t.div(S\|\|(S=n(["\n display: flex;\n align-items: center;\n\n margin-left: 8px;\n"],["\n display: flex;\n align-items: center;\n\n margin-left: 8px;\n"]))),x=t.div(I\|\|(I=n(["\n display: flex;\n align-items: center;\n\n margin-left: 4px;\n"],["\n display: flex;\n align-items: center;\n\n margin-left: 4px;\n"]))),g=t.div(L\|\|(L=n(["\n margin-right: 8px;\n & > div {\n display: flex;\n align-items: center;\n\n cursor: pointer;\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n user-select: none;\n }\n\n &[data-is-active='true'] {\n color: ",";\n\n div[data-site-type='marryBaby'] & {\n color: ",";\n }\n }\n\n &[data-is-active='false'] {\n color: ",";\n\n div[data-site-type='marryBaby'] & {\n color: ",";\n }\n }\n .care-navigator {\n color: ",";\n font-size: 14px;\n font-weight: 700;\n }\n"],["\n margin-right: 8px;\n & > div {\n display: flex;\n align-items: center;\n\n cursor: pointer;\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n user-select: none;\n }\n\n &[data-is-active='true'] {\n color: ",";\n\n div[data-site-type='marryBaby'] & {\n color: ",";\n }\n }\n\n &[data-is-active='false'] {\n color: ",";\n\n div[data-site-type='marryBaby'] & {\n color: ",";\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.primaryBase}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.colors.secondaryDark}),(function(n){return n.theme.mbColors.dark}),(function(n){return n.theme.colors.secondaryDark})),f=t.div(D\|\|(D=n(["\n flex-shrink: 0;\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 position: absolute;\n right: 16px;\n bottom: 16px;\n height: 32px;\n display: flex;\n }\n .menu-handler-item {\n gap: 8px;\n .care-button {\n text-decoration: none;\n }\n }\n\n .login-btn-mobile[data-color='secondary'][data-size='sm'] {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n"],["\n flex-shrink: 0;\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 position: absolute;\n right: 16px;\n bottom: 16px;\n height: 32px;\n display: flex;\n }\n .menu-handler-item {\n gap: 8px;\n .care-button {\n text-decoration: none;\n }\n }\n\n .login-btn-mobile[data-color='secondary'][data-size='sm'] {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n"])),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),e.mbDown),b=t.div(A\|\|(A=n(["\n display: block;\n"],["\n display: block;\n"]))),y=t.div(M\|\|(M=n([""],[""])));t.div(G\|\|(G=n(["\n .amp-sidebar {\n width: 100vw;\n max-width: 100vw;\n background-color: ",";\n }\n\n .nav-card {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ",";\n\n span {\n margin-top: 4px;\n font-size: 13px;\n font-weight: ",";\n }\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ",";\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: ",";\n }\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n > div:first-child > amp-img {\n margin-left: 1rem;\n }\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n\n img {\n object-fit: contain;\n }\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n position: relative;\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ",";\n }\n\n &.health-tool {\n display: flex;\n align-items: center;\n\n amp-img {\n margin-right: 1rem;\n }\n + li {\n border-top: none;\n }\n\n a {\n display: flex;\n align-items: center;\n }\n }\n\n a {\n display: block;\n margin: 16px 0;\n color: ",";\n text-decoration: none;\n }\n\n &::after {\n position: absolute;\n top: 50%;\n right: 0;\n content: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n }\n }\n"],["\n .amp-sidebar {\n width: 100vw;\n max-width: 100vw;\n background-color: ",";\n }\n\n .nav-card {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ",";\n\n span {\n margin-top: 4px;\n font-size: 13px;\n font-weight: ",";\n }\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ",";\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: ",";\n }\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n > div:first-child > amp-img {\n margin-left: 1rem;\n }\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n\n img {\n object-fit: contain;\n }\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n position: relative;\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ",";\n }\n\n &.health-tool {\n display: flex;\n align-items: center;\n\n amp-img {\n margin-right: 1rem;\n }\n + li {\n border-top: none;\n }\n\n a {\n display: flex;\n align-items: center;\n }\n }\n\n a {\n display: block;\n margin: 16px 0;\n color: ",";\n text-decoration: none;\n }\n\n &::after {\n position: absolute;\n top: 50%;\n right: 0;\n content: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n }\n }\n"])),(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}));var v,w,k,z,j,B,C,_,P,E,S,I,L,D,A,M,G,H,U=t.div(H\|\|(H=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}));export{y as StyledAmpCategoryCard,U as StyledAvatar,b as StyledCloseButton,l as StyledDesktopHeader,p as StyledDesktopHeaderWrapper,h as StyledDesktopMenuSearchInput,o as StyledHeaderContainer,g as StyledHeaderMenuItem,u as StyledImageWrapper,d as StyledLeftGroup,c as StyledLogoWrapper,a as StyledMenuContainer,r as StyledMenuIcon,x as StyledMenuIconWrapper,s as StyledMenuSearchInput,f as StyledProfileMenu,m as StyledRightGroup};
2	+ //# sourceMappingURL=index.styled.js.map

package/build/esm/components/organisms/navigationLayout/navigationBar/index.styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../../src/components/organisms/navigationLayout/navigationBar/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled, { StyledComponent } from 'styled-components'\n\nimport { Z_INDEX } from '../constants'\n\nexport const StyledHeaderContainer = styled.header`\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n align-items: center;\n justify-content: center;\n /* overflow-x: hidden; */\n\n border-bottom: 1px solid\n ${(props: ThemeProps) => props.theme.colors.neutral100};\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n\n &[data-site-type='marryBaby'] {\n border-bottom: none;\n }\n\n &[data-fixed-bar='true'] {\n position: fixed;\n top: 0;\n }\n\n &[data-fixed-bar='false'] {\n position: absolute;\n }\n\n &[data-collapsed='true'] {\n top: -100%;\n transition: top 0.5s;\n }\n\n &[data-collapsed='false'] {\n top: 0px;\n transition: top 0.5s;\n }\n\n .top-bar-header {\n line-height: normal;\n }\n\n &[data-header-type='home'] {\n position: fixed;\n z-index: ${Z_INDEX.headerContainerHome};\n }\n\n &[data-header-type='popup'] {\n position: absolute;\n z-index: ${Z_INDEX.headerContainerPopup};\n }\n\n &[data-header-type='popup-sub-level'] {\n position: absolute;\n z-index: ${Z_INDEX.headerContainerPopupSUbLevel};\n }\n\n &[data-is-displayed='false'] {\n //display: none;\n visibility: hidden;\n }\n\n &[data-is-amp='true'] {\n position: relative;\n }\n\n .menu-handler:focus #categories-menu {\n left: 0;\n transition: left 0.1s;\n }\n`\n\nexport const StyledMenuContainer = styled.header`\n position: absolute;\n bottom: 20px;\n left: 16px;\n display: flex;\n align-items: center;\n`\n\nexport const StyledMenuIcon: StyledComponent<\n 'div',\n any,\n { on?: string },\n never\n> = styled.div`\n margin-right: 8px;\n &[data-event-category] > * {\n pointer-events: none;\n }\n`\n\nexport const StyledMenuSearchInput = styled.div`\n position: relative;\n display: flex;\n width: 100%;\n height: 64px;\n justify-content: center;\n\n padding: 8px 0;\n margin-top: 64px;\n &[data-sponsored='true'] {\n margin-top: 105px;\n }\n &[data-sitewide-banner-shown='true'] {\n margin-top: 128px;\n }\n\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n\n #search-input-home,\n #search-input-home-temp,\n #search-input-popup {\n position: relative;\n z-index: ${Z_INDEX.menuSearchInputPopup};\n width: 100%;\n box-shadow: 0px 0px 5px rgba(38, 38, 38, 0.08);\n }\n\n .displayIcon {\n z-index: ${Z_INDEX.menuSearchInputDisplayIcon};\n display: flex;\n width: 24px;\n height: 24px;\n align-items: center;\n }\n\n &[data-is-displayed='false'] {\n display: none;\n opacity: 0;\n }\n\n &[data-is-displayed='true'] {\n opacity: 1;\n transition: opacity 0.2s;\n }\n\n &[data-header-type='popup'] {\n position: fixed;\n z-index: ${Z_INDEX.menuSearchPopup};\n left: 0;\n width: 100vw;\n }\n`\n\nexport const StyledDesktopHeaderWrapper = styled.div`\n position: fixed;\n z-index: 201;\n top: 0;\n left: 0;\n\n width: 100%;\n align-items: center;\n\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n\n transition: height 0.3s;\n\n .menu-handler-item {\n gap: 8px;\n a {\n text-decoration: none;\n }\n }\n\n &[data-site-type='helloSites'] {\n border-bottom: 1px solid\n ${(props: ThemeProps) => props.theme.colors.neutral100};\n }\n\n &[data-marry-baby-tone='pink'] {\n background-color: ${(props: ThemeProps) => props.theme.mbColors.lightPink};\n }\n\n //categories\n .menu-handler-categories:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-categories:focus-within .top-menu-categories {\n display: block;\n }\n .menu-handler-categories:focus .top-menu-health-tools {\n display: none;\n }\n\n //health tools\n .menu-handler-health-tools:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-health-tools:focus-within .top-menu-health-tools {\n display: block;\n }\n .menu-handler-health-tools:focus .top-menu-categories {\n display: none;\n }\n\n //communities\n .menu-handler-communities:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-communities:focus-within .top-menu-communities {\n display: block;\n }\n .menu-handler-communities:focus .top-menu-care-specialties {\n display: none;\n }\n\n //care\n .menu-handler-care-specialties:focus > .menu-handler-item {\n pointer-events: none;\n }\n .menu-handler-care-specialties:focus-within .top-menu-care-specialties {\n display: block;\n }\n .menu-handler-care-specialties:focus .top-menu-communities {\n display: none;\n }\n`\n\nexport const StyledDesktopHeader = styled.div`\n display: flex;\n height: 100%;\n align-items: center;\n\n justify-content: space-between;\n padding: 0;\n`\n\nexport const StyledLeftGroup = styled.div`\n display: flex;\n align-items: center;\n`\n\nexport const StyledLogoWrapper = styled.div`\n padding-right: 16px;\n &[data-is-having-border='true'] {\n border-right: 1px solid\n ${(props: ThemeProps) => props.theme.colors.neutral100};\n }\n`\n\nexport const StyledDesktopMenuSearchInput = styled.div`\n padding: 0 16px;\n\n & > div {\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n }\n\n &[data-marry-baby-theme='white'] > div {\n background-color: ${(props: ThemeProps) => props.theme.mbColors.lightGray};\n }\n\n #search-input-home,\n #search-input-home-temp {\n height: 32px;\n box-sizing: border-box;\n padding: 0 16px 0 48px;\n border: 1px solid ${(props: ThemeProps) => props.theme.colors.neutral100};\n border-radius: 6px;\n filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));\n outline: none;\n }\n\n &[data-is-styled-borderless='true'] {\n #search-input-home,\n #search-input-home-temp {\n height: 40px;\n border: 1px solid ${(props: ThemeProps) => props.theme.colors.white};\n border-radius: 16px;\n filter: none;\n }\n }\n`\n\nexport const StyledRightGroup = styled.div`\n display: flex;\n align-items: center;\n\n & > :not(:first-child) {\n margin-left: 6px;\n }\n`\n\nexport const StyledImageWrapper = styled.div`\n display: flex;\n align-items: center;\n\n margin-left: 8px;\n`\n\nexport const StyledMenuIconWrapper = styled.div`\n display: flex;\n align-items: center;\n\n margin-left: 4px;\n`\n\nexport const StyledHeaderMenuItem = styled.div`\n margin-right: 8px;\n & > div {\n display: flex;\n align-items: center;\n\n cursor: pointer;\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 &[data-is-active='true'] {\n color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n\n div[data-site-type='marryBaby'] & {\n color: ${(props: ThemeProps) => props.theme.mbColors.pink};\n }\n }\n\n &[data-is-active='false'] {\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 }\n .care-navigator {\n color: ${(props: ThemeProps) => props.theme.colors.secondaryDark};\n font-size: 14px;\n font-weight: 700;\n }\n`\n\nexport const StyledProfileMenu = styled.div`\n flex-shrink: 0;\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 ${MediaQueries.mbDown} {\n position: absolute;\n right: 16px;\n bottom: 16px;\n height: 32px;\n display: flex;\n }\n .menu-handler-item {\n gap: 8px;\n .care-button {\n text-decoration: none;\n }\n }\n\n .login-btn-mobile[data-color='secondary'][data-size='sm'] {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n`\n\nexport const StyledCloseButton: StyledComponent<\n 'div',\n any,\n { on?: string },\n never\n> = styled.div`\n display: block;\n`\n\nexport const StyledAmpCategoryCard: StyledComponent<\n 'div',\n any,\n { on?: string; '[class]'?: string },\n never\n> = styled.div``\n\nexport const StyledAmpSidebar = styled.div`\n .amp-sidebar {\n width: 100vw;\n max-width: 100vw;\n background-color: ${(props: ThemeProps) => props.theme.colors.neutral50};\n }\n\n .nav-card {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border-radius: 6px;\n color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n\n span {\n margin-top: 4px;\n font-size: 13px;\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n }\n\n svg {\n margin-bottom: 4px;\n }\n\n &.active {\n background: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: white;\n }\n\n &:not(.active) {\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n color: ${(props: ThemeProps) => props.theme.colors.gray800};\n }\n }\n\n .categories__spotlight {\n display: grid;\n margin: 16px;\n margin-bottom: 32px;\n grid-gap: 8px;\n grid-template-columns: 1fr 1fr;\n\n a {\n text-decoration: none;\n }\n }\n\n .amp__menu-header {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n\n > div:first-child > amp-img {\n margin-left: 1rem;\n }\n\n svg {\n margin-left: 16px;\n }\n\n > div {\n align-self: center;\n\n &:nth-child(2) {\n justify-self: center;\n }\n }\n }\n\n .logo {\n margin: 22px 0;\n\n img {\n object-fit: contain;\n }\n }\n\n .categories {\n margin: 0 16px;\n\n li {\n position: relative;\n display: block;\n width: 100%;\n\n + li {\n border-top: 1px solid\n ${(props: ThemeProps) => props.theme.colors.neutral100};\n }\n\n &.health-tool {\n display: flex;\n align-items: center;\n\n amp-img {\n margin-right: 1rem;\n }\n + li {\n border-top: none;\n }\n\n a {\n display: flex;\n align-items: center;\n }\n }\n\n a {\n display: block;\n margin: 16px 0;\n color: ${(props: ThemeProps) => props.theme.colors.gray800};\n text-decoration: none;\n }\n\n &::after {\n position: absolute;\n top: 50%;\n right: 0;\n content: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n }\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"],"names":["StyledHeaderContainer","styled","header","templateObject_1","__makeTemplateObject","props","theme","colors","neutral100","white","Z_INDEX","headerContainerHome","headerContainerPopup","headerContainerPopupSUbLevel","StyledMenuContainer","templateObject_2","StyledMenuIcon","div","templateObject_3","StyledMenuSearchInput","menuSearchInputPopup","menuSearchInputDisplayIcon","menuSearchPopup","StyledDesktopHeaderWrapper","templateObject_5","mbColors","lightPink","StyledDesktopHeader","templateObject_6","StyledLeftGroup","templateObject_7","StyledLogoWrapper","templateObject_8","StyledDesktopMenuSearchInput","templateObject_9","lightGray","StyledRightGroup","templateObject_10","StyledImageWrapper","templateObject_11","StyledMenuIconWrapper","templateObject_12","StyledHeaderMenuItem","templateObject_13","sizes","fsParagraph4","fwBold","primaryBase","pink","secondaryDark","dark","StyledProfileMenu","templateObject_14","MediaQueries","mbDown","StyledCloseButton","templateObject_15","StyledAmpCategoryCard","templateObject_16","templateObject_17","neutral50","gray800","StyledAvatar","templateObject_18","secondaryBase"],"mappings":"uNAMO,IAAMA,EAAwBC,EAAOC,OAAMC,IAAAA,EAAAC,EAAA,CAAA,0LAAA,0BAAA,6eAAA,oFAAA,8FAAA,0PAAA,CAAA,0LAUQ,0BACW,6eA+B3B,oFAKC,8FAKQ,6PA1C7C,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAC1B,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,QA+BjDC,EAAQC,oBAKRD,EAAQE,qBAKRF,EAAQG,8BAkBVC,EAAsBb,EAAOC,OAAMa,IAAAA,EAAAX,EAAA,CAAA,uGAAA,CAAA,0GAQnCY,EAKTf,EAAOgB,IAAGC,IAAAA,EAAAd,EAAA,CAAA,4FAAA,CAAA,+FAODe,EAAwBlB,EAAOgB,+5BAAG,6SAgBsB,0HAM1B,mHAMM,0UAmBX,gDA/BhB,SAACZ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,QAMjDC,EAAQU,qBAMRV,EAAQW,2BAmBRX,EAAQY,iBAMVC,EAA6BtB,EAAOgB,IAAGO,IAAAA,EAAApB,EAAA,CAAA,iIAAA,0MAAA,uEAAA,kpCAAA,CAAA,iIASiB,0MAaT,uEAIiB,qpCAjBvD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,SAaxD,SAACJ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAI1B,SAACH,GAAsB,OAAAA,EAAMC,MAAMmB,SAASC,aAgDvDC,EAAsB1B,EAAOgB,IAAGW,IAAAA,EAAAxB,EAAA,CAAA,qHAAA,CAAA,wHAShCyB,EAAkB5B,EAAOgB,IAAGa,IAAAA,EAAA1B,EAAA,CAAA,gDAAA,CAAA,mDAK5B2B,EAAoB9B,EAAOgB,IAAGe,IAAAA,EAAA5B,EAAA,CAAA,qGAAA,YAAA,CAAA,qGAIiB,eAApD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAIrCyB,EAA+BhC,EAAOgB,IAAGiB,IAAAA,EAAA9B,EAAA,CAAA,8DAAA,+EAAA,oKAAA,kQAAA,oEAAA,CAAA,8DAIiB,+EAIM,oKAQD,kQAUH,uEAtBjD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,SAI1C,SAACJ,GAAsB,OAAAA,EAAMC,MAAMmB,SAASU,aAQ5C,SAAC9B,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAUxC,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,SAOvD2B,EAAmBnC,EAAOgB,IAAGoB,IAAAA,EAAAjC,EAAA,CAAA,0GAAA,CAAA,6GAS7BkC,EAAqBrC,EAAOgB,IAAGsB,IAAAA,EAAAnC,EAAA,CAAA,uEAAA,CAAA,0EAO/BoC,EAAwBvC,EAAOgB,IAAGwB,IAAAA,EAAArC,EAAA,CAAA,uEAAA,CAAA,0EAOlCsC,EAAuBzC,EAAOgB,IAAG0B,IAAAA,EAAAvC,EAAA,CAAA,6HAAA,uBAAA,wGAAA,8DAAA,8DAAA,8DAAA,kDAAA,yDAAA,CAAA,6HAOwB,uBACJ,wGAOA,8DAGH,8DAKK,8DAGL,kDAIK,4DAvBnD,SAACC,GAAsB,OAAAA,EAAMC,MAAMsC,MAAMC,gBACvC,SAACxC,GAAsB,OAAAA,EAAMC,MAAMsC,MAAME,UAO/C,SAACzC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOwC,eAGxC,SAAC1C,GAAsB,OAAAA,EAAMC,MAAMmB,SAASuB,QAK9C,SAAC3C,GAAsB,OAAAA,EAAMC,MAAMC,OAAO0C,iBAGxC,SAAC5C,GAAsB,OAAAA,EAAMC,MAAMmB,SAASyB,QAI9C,SAAC7C,GAAsB,OAAAA,EAAMC,MAAMC,OAAO0C,iBAM1CE,EAAoBlD,EAAOgB,IAAGmC,IAAAA,EAAAhD,EAAA,CAAA,oGAAA,uBAAA,+DAAA,gVAAA,CAAA,oGAM2B,uBACJ,+DAK3C,mVANN,SAACC,GAAsB,OAAAA,EAAMC,MAAMsC,MAAMC,gBACvC,SAACxC,GAAsB,OAAAA,EAAMC,MAAMsC,MAAME,SAKxDO,EAAaC,QAoBJC,EAKTtD,EAAOgB,IAAGuC,IAAAA,EAAApD,EAAA,CAAA,yBAAA,CAAA,4BAIDqD,EAKTxD,EAAOgB,IAAGyC,IAAAA,EAAAtD,EAAA,CAAA,IAAA,CAAA,OAEkBH,EAAOgB,IAAG0C,IAAAA,EAAAvD,EAAA,CAAA,uFAAA,iLAAA,uFAAA,gGAAA,uUAAA,2yBAAA,gYAAA,2aAAA,CAAA,uFAIiC,iLAUT,uFAKE,gGAQK,uUAST,2yBAuDA,gYAuBE,8aA9G1C,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOqD,aAUrD,SAACvD,GAAsB,OAAAA,EAAMC,MAAMC,OAAOwC,eAKlC,SAAC1C,GAAsB,OAAAA,EAAMC,MAAMsC,MAAME,UAQ1C,SAACzC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOwC,eAS/C,SAAC1C,GAAsB,OAAAA,EAAMC,MAAMC,OAAOsD,WAuD7C,SAACxD,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAuBrC,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOsD,WAcpD,wCAAMC,EAAe7D,EAAOgB,IAAG8C,IAAAA,EAAA3D,EAAA,CAAA,6SAAA,sGAAA,CAAA,6SAoBA,yGADd,SAACC,GACnB,OAAAA,EAAMC,MAAMC,OAAOyD"}

package/build/esm/components/organisms/navigationLayout/navigationLogoutPopup/index.js ADDED Viewed

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

package/build/esm/components/organisms/navigationLayout/navigationLogoutPopup/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/organisms/navigationLayout/navigationLogoutPopup/index.tsx"],"sourcesContent":["import React from 'react'\nimport { useEffect } from 'react'\n\nimport { Button } from 'components/atoms/button'\nimport { Popup } from 'components/molecules/popup'\n\nimport { CloseLightIcon } from '../assets'\nimport { useTranslation } from '../utils'\nimport { StyledPopup, StyledButtonGroup } from './index.styled'\n\ntype Props = {\n // locale: LocaleType\n callPostLogOutApi: () => void\n openLogoutPopup: boolean\n onCloseHandler: () => void\n onLogoutHandler: () => void\n basePath: string\n siteType: 'helloSites' | 'marryBaby'\n}\n\nconst NavigationLogoutPopup = ({\n callPostLogOutApi,\n openLogoutPopup,\n onCloseHandler,\n onLogoutHandler,\n basePath,\n siteType = 'helloSites',\n}: Props) => {\n const f = useTranslation()\n\n useEffect(() => {\n document.body.classList.toggle('noscroll', openLogoutPopup)\n }, [openLogoutPopup])\n\n const logout = () => {\n ;(async () => {\n await callPostLogOutApi?.()\n onLogoutHandler?.()\n window.location.reload()\n })()\n }\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\n className=\"cancle-img\"\n src={`${basePath}/images/arrowDoor.svg`}\n alt=\"close-account\"\n />\n )}\n <h2>\n {f(\n siteType === 'helloSites'\n ? 'logout.popup.ask1'\n : 'logout.popup.ask.mb',\n )}\n </h2>\n <p>{f('logout.popup.ask2')}</p>\n <StyledButtonGroup siteType={siteType}>\n <Button\n className=\"logout-button\"\n color=\"tertiary\"\n size=\"lg\"\n onClick={logout}\n >\n {f('logout.popup.button.logout')}\n </Button>\n <Button\n className=\"cancel-button\"\n color=\"primary\"\n size=\"lg\"\n onClick={onCloseHandler}\n >\n {f('logout.popup.button.cancel')}\n </Button>\n </StyledButtonGroup>\n </StyledPopup>\n </Popup>\n )\n}\n\nexport { NavigationLogoutPopup }\n"],"names":["NavigationLogoutPopup","_a","callPostLogOutApi","openLogoutPopup","onCloseHandler","onLogoutHandler","basePath","_b","siteType","f","useTranslation","useEffect","document","body","classList","toggle","React","createElement","Popup","type","isOpen","closeIcon","src","CloseLightIcon","style","width","height","alt","onClose","StyledPopup","className","concat","StyledButtonGroup","Button","color","size","onClick","__awaiter","sent","window","location","reload"],"mappings":"+YAoBM,IAAAA,EAAwB,SAACC,GAC7B,IAAAC,sBACAC,oBACAC,mBACAC,oBACAC,aACAC,EAAAN,EAAAO,SAAAA,OAAQ,IAAAD,EAAG,aAAYA,EAEjBE,EAAIC,IAEVC,GAAU,WACRC,SAASC,KAAKC,UAAUC,OAAO,WAAYZ,KAC1C,CAACA,IAUJ,OACEa,EAACC,cAAAC,EACC,CAAAC,KAAK,UACLC,OAAQjB,EACRkB,UACEL,EACEC,cAAA,MAAA,CAAAK,IAAKC,EACLC,MAAO,CAAEC,MAAO,GAAIC,OAAQ,IAC5BC,IAAI,eAGRC,QAASxB,GAETY,EAAAC,cAACY,EAAW,KACI,eAAbrB,GACCQ,EACEC,cAAA,MAAA,CAAAa,UAAU,aACVR,IAAK,GAAAS,OAAGzB,EAA+B,yBACvCqB,IAAI,kBAGRX,EAAAC,cAAA,KAAA,KACGR,EACc,eAAbD,EACI,oBACA,wBAGRQ,EAAAC,cAAA,IAAA,KAAIR,EAAE,sBACNO,EAAAC,cAACe,EAAiB,CAACxB,SAAUA,GAC3BQ,EAACC,cAAAgB,GACCH,UAAU,gBACVI,MAAM,WACNC,KAAK,KACLC,QA1CK,WACXC,OAAA,OAAA,OAAA,GAAA,6DACA,MAAM,CAAA,EAAAnC,eAAAA,mBAAND,EAAAqC,OACAjC,SAAAA,IACAkC,OAAOC,SAASC,sBAwCThC,EAAE,+BAELO,EAACC,cAAAgB,EACC,CAAAH,UAAU,gBACVI,MAAM,UACNC,KAAK,KACLC,QAAShC,GAERK,EAAE"}

package/build/esm/components/organisms/navigationLayout/navigationLogoutPopup/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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};
2	+ //# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../../src/components/organisms/navigationLayout/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":"6KAIa,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/navigationLayout/profilePopup/index.js ADDED Viewed

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

package/build/esm/components/organisms/navigationLayout/profilePopup/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/organisms/navigationLayout/profilePopup/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { TranslationsProvider } from 'i18n/translationsProvider'\nimport { LocaleType } from 'interfaces/types'\n\nimport { UserProfileNavigation } from '../../userProfileNavigation'\nimport { Popup } from '../profilePopupWrapper'\nimport { UserInfo } from '../types'\n\nexport type Props = {\n SSO_URL?: string\n UP_BASEPATH?: string\n isOpen: boolean\n locale: LocaleType\n targetAvatar?: string\n userInfo?: UserInfo\n ENABLE_COMMUNITY_PROFILE_MENU_LOCALES: LocaleType[]\n ENABLE_CARE_PROFILE_MENU_LOCALES: LocaleType[]\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 locale,\n targetAvatar,\n userInfo,\n ENABLE_CARE_PROFILE_MENU_LOCALES,\n ENABLE_COMMUNITY_PROFILE_MENU_LOCALES,\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={false}\n targetAvatar={targetAvatar}\n onClose={closePopup}\n >\n <TranslationsProvider locale={locale}>\n <UserProfileNavigation\n SSO_URL={SSO_URL}\n UP_BASEPATH={UP_BASEPATH}\n themeName={siteType}\n userInfo={userInfo}\n ENABLE_COMMUNITY_PROFILE_MENU_LOCALES={\n ENABLE_COMMUNITY_PROFILE_MENU_LOCALES\n }\n ENABLE_CARE_PROFILE_MENU_LOCALES={ENABLE_CARE_PROFILE_MENU_LOCALES}\n onClickLogout={handleClickLogout}\n onClickMenuItem={handleClickOnMenu}\n onClickNavigationCard={handleClickOnMenu}\n onClickMyProfileButton={handleClickMyProfileButton}\n userProfileRouterPush={userProfileRouterPush}\n isUserProfileNavigatorMenuHidden={isUserProfileNavigatorMenuHidden}\n isMyHealthEnabled={isMyHealthEnabled}\n togetherApiDomain={togetherApiDomain}\n />\n </TranslationsProvider>\n </Popup>\n )\n}\n\nexport { ProfilePopup }\n"],"names":["ProfilePopup","_a","SSO_URL","UP_BASEPATH","isOpen","locale","targetAvatar","userInfo","ENABLE_CARE_PROFILE_MENU_LOCALES","ENABLE_COMMUNITY_PROFILE_MENU_LOCALES","closePopup","_b","siteType","dispatchLogout","userProfileRouterPush","isUserProfileNavigatorMenuHidden","_c","isMyHealthEnabled","togetherApiDomain","push","link","concat","window","location","href","handleClickOnMenu","React","Popup","type","enableAnimation","onClose","createElement","TranslationsProvider","UserProfileNavigation","themeName","onClickLogout","onClickMenuItem","onClickNavigationCard","onClickMyProfileButton"],"mappings":"0OA2BM,IAAAA,EAAe,SAACC,OACpBC,EAAOD,EAAAC,QACPC,EAAWF,EAAAE,YACXC,EAAMH,EAAAG,OACNC,EAAMJ,EAAAI,OACNC,EAAYL,EAAAK,aACZC,EAAQN,EAAAM,SACRC,qCACAC,EAAqCR,EAAAQ,sCACrCC,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,EACjBvB,aAAcA,EACdwB,QAASpB,GAETgB,EAAAK,cAACC,EAAoB,CAAC3B,OAAQA,GAC5BqB,EAAAK,cAACE,EAAqB,CACpB/B,QAASA,EACTC,YAAaA,EACb+B,UAAWtB,EACXL,SAAUA,EACVE,sCACEA,EAEFD,iCAAkCA,EAClC2B,cAzBkB,WACpBtB,IACFA,IACAH,MAuBI0B,gBAAiBX,EACjBY,sBAAuBZ,EACvBa,uBAjC2B,WACjCnB,EAAK,WACLT,KAgCMI,sBAAuBA,EACvBC,iCAAkCA,EAClCE,kBAAmBA,EACnBC,kBAAmBA"}

package/build/esm/components/organisms/navigationLayout/profilePopupWrapper/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/organisms/navigationLayout/profilePopupWrapper/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/organisms/navigationLayout/profilePopupWrapper/index.tsx"],"sourcesContent":["import React 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?: any\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/navigationLayout/profilePopupWrapper/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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,a=o.div(e\|\|(e=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 }\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: 64px;\n width: 100%;\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 }\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: 64px;\n width: 100%;\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}),t.mbDown,t.mbUp,t.mbDown,t.mbUp,t.mbUp,(function(n){return n.theme.colors.gray200}),t.mbDown,t.mbUp),p=o.div(i\|\|(i=n(["\n position: fixed;\n z-index: 150;\n top: 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: 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"])),t.mbUp,t.mbDown);export{a as StyledPopup,p as StyledPopupWrapper};
2	+ //# sourceMappingURL=index.styled.js.map

package/build/esm/components/organisms/navigationLayout/profilePopupWrapper/index.styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../../src/components/organisms/navigationLayout/profilePopupWrapper/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 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 }\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: 64px;\n width: 100%;\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: 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"],"names":["StyledPopup","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","white","MediaQueries","mbDown","mbUp","gray200","StyledPopupWrapper","templateObject_2"],"mappings":"6KAIa,QAAAA,EAAcC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,6DAAA,gbAAA,iGAAA,+NAAA,2HAAA,+cAAA,yEAAA,sWAAA,gGAAA,2QAAA,CAAA,6DAGgC,gbA6B5C,iGAMF,+NAYE,2HAOF,+cA4BA,yEAGoC,sWAclC,gGAMF,8QAzGD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,QA6B1DC,EAAaC,OAMbD,EAAaE,KAYbF,EAAaC,OAObD,EAAaE,KA4BbF,EAAaE,MAGT,SAACN,GAAsB,OAAAA,EAAMC,MAAMC,OAAOK,UAc9CH,EAAaC,OAMbD,EAAaE,MAqBNE,EAAqBZ,EAAOC,IAAGY,IAAAA,EAAAV,EAAA,CAAA,iIAAA,mNAAA,0JAAA,CAAA,iIASvB,mNAUE,4JAVnBK,EAAaE,KAUbF,EAAaC"}

package/build/esm/components/organisms/navigationLayout/siteWide/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__assign as e}from"../../../../node_modules/tslib/tslib.es6.js";import a,{useState as t,useRef as r,useEffect as o}from"react";import{throttle as s}from"lodash";import{setCookie as n}from"../../../../misc/cookieHelper.js";import i from"../assets/closeLight.svg.js";import c from"../assets/closeWhite.svg.js";import{StyledSiteWideContainer as l,StyledIcon as d,StyledCloseIconWrapper as m}from"./index.styled.js";var v=function(v){var p=v.icon,y=v.content,b=v.isCollapsed,g=v.isMobile,u=v.type,h=v.onClose,f=v.setBannerClosed,w=v.dispatch,E=v.dispatchActionType,C=v.cookieName,k=v._overrideCloseHandler,j=v.isAmp,L=v.siteType,N=v.dataEventCategory,H=void 0===N?"Header Banner":N,T=v.dataEventAction,_=void 0===T?"Close Click":T,x=v.dataEventLabel,A=void 0===x?"":x,B=v.dataTracking,Y=void 0===B?"true":B,I=t(!1),M=I[0],S=I[1],W=t(!1),q=W[0],z=W[1],D=y;j&&(D=D.replace("data-event","data-vars-event").replace('data-vars-event-category="'.concat(H,'"'),'data-vars-event-category="'.concat(H,'" data-vars-tracking="').concat(Y,'"')));var F=r(64);o((function(){var e=s((function(){window.scrollY<F.current?z(!1):window.scrollY>64&&z(!0),F.current=window.scrollY}),300);return window.addEventListener("scroll",e),function(){window.removeEventListener("scroll",e)}}),[]);var G="marryBaby"===L,J=G?i:c;return o((function(){f&&f(M\|\|b\|\|q)}),[f,M,b,q]),a.createElement(l,{"data-is-mobile":g,"data-is-collapse":M\|\|b\|\|q,"data-is-marrybaby":G},p?a.createElement(d,{"data-is-marrybaby":G},j?a.createElement("amp-img",{src:p,width:"76",height:"52"}):a.createElement("img",{src:p,className:"icon","data-is-mobile":g})):null,y?a.createElement("span",{className:"content","data-is-marrybaby":G,"data-is-mobile":g,dangerouslySetInnerHTML:{__html:D}}):null,a.createElement(m,e({role:"button",tabIndex:0},{on:'tap:sitewide-container.hide(),site-header.toggleClass(class="amp-closed")'},{"data-is-marrybaby":G,"data-vars-event-category":H,"data-vars-event-action":_,"data-vars-event-label":A\|\|"","data-vars-tracking":Y\|\|"",className:"amp-close-banner",onClick:function(){S(!0),k?k():(h&&h(),C&&n(C,"true"),u&&w&&w({type:E,payload:{type:u}}))},"data-is-mobile":g}),j?a.createElement("amp-img",{src:J,width:"24",height:"24"}):a.createElement("img",{src:J,className:"close-icon"})))};export{v as SiteWide};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/organisms/navigationLayout/siteWide/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/organisms/navigationLayout/siteWide/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\n\nimport { throttle } from 'lodash'\nimport { setCookie } from 'misc/cookieHelper'\n\nimport { CloseWhiteIcon, CloseLightIcon } from '../assets'\nimport { SiteType } from '../types'\nimport {\n StyledSiteWideContainer,\n StyledIcon,\n StyledCloseIconWrapper,\n} from './index.styled'\n\nexport type Props = {\n icon: string\n content: string\n isMobile?: boolean\n isCollapsed?: boolean\n type?: 'article' | 'category' | 'home' | 'other'\n onClose?: () => void\n setBannerClosed?: (v: boolean) => void\n\n dispatch?: (params: any) => void\n dispatchActionType?: string\n cookieName?: string\n isAmp?: boolean\n siteType?: SiteType\n _overrideCloseHandler?: () => void\n\n dataEventCategory?: string\n dataEventAction?: string\n dataEventLabel?: string\n dataTracking?: string\n}\n\nconst SiteWide = ({\n icon,\n content,\n isCollapsed,\n isMobile,\n type,\n onClose,\n setBannerClosed,\n\n dispatch,\n dispatchActionType,\n cookieName,\n _overrideCloseHandler,\n isAmp,\n siteType,\n\n dataEventCategory = 'Header Banner',\n dataEventAction = 'Close Click',\n dataEventLabel = '',\n dataTracking = 'true',\n}: Props) => {\n const [isLocalCollapse, setIsLocalCollapse] = useState(false)\n const [isScrollCollapse, setIsScrollCollapse] = useState(false)\n let formattedContent = content\n\n if (isAmp) {\n formattedContent = formattedContent\n .replace('data-event', 'data-vars-event')\n .replace(\n `data-vars-event-category=\"${dataEventCategory}\"`,\n `data-vars-event-category=\"${dataEventCategory}\" data-vars-tracking=\"${dataTracking}\"`,\n )\n }\n const handleCLoseSitewide = () => {\n setIsLocalCollapse(true)\n if (_overrideCloseHandler) _overrideCloseHandler()\n else {\n onClose && onClose()\n cookieName && setCookie(cookieName, 'true')\n if (type && dispatch)\n dispatch({\n type: dispatchActionType,\n payload: {\n type,\n },\n })\n }\n }\n\n const scrollY = useRef<number>(64)\n useEffect(() => {\n const scrolling = throttle(() => {\n if (window.scrollY < scrollY.current) {\n setIsScrollCollapse(false)\n } else if (window.scrollY > 64) {\n setIsScrollCollapse(true)\n }\n\n scrollY.current = window.scrollY\n }, 300)\n\n window.addEventListener('scroll', scrolling)\n return () => {\n window.removeEventListener('scroll', scrolling)\n }\n }, [])\n\n const closeOnAmp = {\n on:\n 'tap:sitewide-container.hide(),site-header.toggleClass(class=\"amp-closed\")',\n }\n const isMarryBaby = siteType === 'marryBaby'\n const closeIcon = isMarryBaby ? CloseLightIcon : CloseWhiteIcon\n\n useEffect(() => {\n setBannerClosed &&\n setBannerClosed(isLocalCollapse || isCollapsed || isScrollCollapse)\n }, [setBannerClosed, isLocalCollapse, isCollapsed, isScrollCollapse])\n\n return (\n <StyledSiteWideContainer\n data-is-mobile={isMobile}\n data-is-collapse={isLocalCollapse || isCollapsed || isScrollCollapse}\n data-is-marrybaby={isMarryBaby}\n >\n {icon ? (\n <StyledIcon data-is-marrybaby={isMarryBaby}>\n {!isAmp ? (\n <img src={icon} className=\"icon\" data-is-mobile={isMobile} />\n ) : (\n <amp-img src={icon} width=\"76\" height=\"52\" />\n )}\n </StyledIcon>\n ) : null}\n {content ? (\n <span\n className=\"content\"\n data-is-marrybaby={isMarryBaby}\n data-is-mobile={isMobile}\n dangerouslySetInnerHTML={{ __html: formattedContent }}\n />\n ) : null}\n\n <StyledCloseIconWrapper\n role=\"button\"\n tabIndex={0}\n {...closeOnAmp}\n data-is-marrybaby={isMarryBaby}\n data-vars-event-category={dataEventCategory}\n data-vars-event-action={dataEventAction}\n data-vars-event-label={dataEventLabel || ''}\n data-vars-tracking={dataTracking || ''}\n className=\"amp-close-banner\"\n onClick={handleCLoseSitewide}\n data-is-mobile={isMobile}\n >\n {isAmp ? (\n <amp-img src={closeIcon} width=\"24\" height=\"24\" />\n ) : (\n <img src={closeIcon} className=\"close-icon\" />\n )}\n </StyledCloseIconWrapper>\n </StyledSiteWideContainer>\n )\n}\n\nexport { SiteWide }\n"],"names":["SiteWide","_a","icon","content","isCollapsed","isMobile","type","onClose","setBannerClosed","dispatch","dispatchActionType","cookieName","_overrideCloseHandler","isAmp","siteType","_b","dataEventCategory","_c","dataEventAction","_d","dataEventLabel","_e","dataTracking","_f","useState","isLocalCollapse","setIsLocalCollapse","_g","isScrollCollapse","setIsScrollCollapse","formattedContent","replace","concat","scrollY","useRef","useEffect","scrolling","throttle","window","current","addEventListener","removeEventListener","isMarryBaby","closeIcon","CloseLightIcon","CloseWhiteIcon","React","createElement","StyledSiteWideContainer","StyledIcon","src","width","height","className","dangerouslySetInnerHTML","__html","StyledCloseIconWrapper","__assign","role","tabIndex","on","onClick","setCookie","payload"],"mappings":"maAmCM,IAAAA,EAAW,SAACC,GAChB,IAAAC,EAAID,EAAAC,KACJC,EAAOF,EAAAE,QACPC,EAAWH,EAAAG,YACXC,EAAQJ,EAAAI,SACRC,SACAC,EAAON,EAAAM,QACPC,EAAeP,EAAAO,gBAEfC,EAAQR,EAAAQ,SACRC,EAAkBT,EAAAS,mBAClBC,EAAUV,EAAAU,WACVC,EAAqBX,EAAAW,sBACrBC,EAAKZ,EAAAY,MACLC,EAAQb,EAAAa,SAERC,EAAmCd,EAAAe,kBAAnCA,OAAiB,IAAAD,EAAG,gBAAeA,EACnCE,EAAAhB,EAAAiB,gBAAAA,OAAe,IAAAD,EAAG,cAAaA,EAC/BE,EAAAlB,EAAAmB,eAAAA,OAAiB,IAAAD,EAAA,GAAEA,EACnBE,EAAqBpB,EAAAqB,aAArBA,OAAY,IAAAD,EAAG,OAAMA,EAEfE,EAAwCC,GAAS,GAAhDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GACpCI,EAA0CH,GAAS,GAAlDI,EAAgBD,EAAA,GAAEE,EAAmBF,EAAA,GACxCG,EAAmB3B,EAEnBU,IACFiB,EAAmBA,EAChBC,QAAQ,aAAc,mBACtBA,QACC,6BAA6BC,OAAAhB,EAAoB,KACjD,6BAA6BgB,OAAAhB,EAA0C,0BAAAgB,OAAAV,EAAe,OAG5F,IAgBMW,EAAUC,EAAe,IAC/BC,GAAU,WACR,IAAMC,EAAYC,GAAS,WACrBC,OAAOL,QAAUA,EAAQM,QAC3BV,GAAoB,GACXS,OAAOL,QAAU,IAC1BJ,GAAoB,GAGtBI,EAAQM,QAAUD,OAAOL,UACxB,KAGH,OADAK,OAAOE,iBAAiB,SAAUJ,GAC3B,WACLE,OAAOG,oBAAoB,SAAUL,MAEtC,IAEH,IAIMM,EAA2B,cAAb5B,EACd6B,EAAYD,EAAcE,EAAiBC,EAOjD,OALAV,GAAU,WACR3B,GACEA,EAAgBiB,GAAmBrB,GAAewB,KACnD,CAACpB,EAAiBiB,EAAiBrB,EAAawB,IAGjDkB,EAAAC,cAACC,EAAuB,CAAA,iBACN3C,EAAQ,mBACNoB,GAAmBrB,GAAewB,EAAgB,oBACjDc,GAElBxC,EACC4C,gBAACG,EAAU,CAAA,oBAAoBP,GAC3B7B,EAGAiC,2BAASI,IAAKhD,EAAMiD,MAAM,KAAKC,OAAO,OAFtCN,EAAAC,cAAA,MAAA,CAAKG,IAAKhD,EAAMmD,UAAU,OAAuB,iBAAAhD,KAKnD,KACHF,EACC2C,EAAAC,cAAA,OAAA,CACEM,UAAU,UACS,oBAAAX,EACH,iBAAArC,EAChBiD,wBAAyB,CAAEC,OAAQzB,KAEnC,KAEJgB,EAAAC,cAACS,EAAsBC,EAAA,CACrBC,KAAK,SACLC,SAAU,GAtCG,CACjBC,GACE,6EAqCgB,CAAA,oBACKlB,EAAW,2BACJ1B,EACF,yBAAAE,EACD,wBAAAE,GAAkB,GACrB,qBAAAE,GAAgB,GACpC+B,UAAU,mBACVQ,QAhFsB,WAC1BnC,GAAmB,GACfd,EAAuBA,KAEzBL,GAAWA,IACXI,GAAcmD,EAAUnD,EAAY,QAChCL,GAAQG,GACVA,EAAS,CACPH,KAAMI,EACNqD,QAAS,CACPzD,KAAIA,wBAuEQD,IAEfQ,EACCiC,EAAAC,cAAA,UAAA,CAASG,IAAKP,EAAWQ,MAAM,KAAKC,OAAO,OAE3CN,EAAKC,cAAA,MAAA,CAAAG,IAAKP,EAAWU,UAAU"}

package/build/esm/components/organisms/navigationLayout/siteWide/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";var i,e,o,a=t.div(i\|\|(i=n(["\n position: relative;\n display: flex;\n overflow: hidden;\n align-items: center;\n justify-content: center;\n background-position: center;\n background-size: cover;\n transition: height 0.3s;\n background-color: ",";\n\n &[data-is-marrybaby='true'] {\n background-color: ",";\n }\n\n &[data-is-mobile='true'] {\n &[data-is-marrybaby='false'] {\n justify-content: flex-start;\n }\n }\n &[data-is-mobile='false'] {\n justify-content: center;\n }\n\n &[data-is-collapse='false'] {\n height: 64px;\n &[data-is-marrybaby='true'] {\n &[data-is-mobile='true'] {\n height: 120px;\n }\n }\n }\n &[data-is-collapse='true'] {\n height: 0;\n }\n\n .amp-close-banner * {\n pointer-events: none;\n }\n\n .content {\n display: -webkit-box;\n overflow: hidden;\n padding-right: 48px;\n -webkit-box-orient: vertical;\n color: white;\n font-size: 16px;\n font-weight: 600;\n -webkit-line-clamp: 2;\n line-height: 24px;\n text-overflow: ellipsis;\n a {\n color: white;\n }\n &[data-is-mobile='true'] {\n font-size: 14px;\n }\n }\n"],["\n position: relative;\n display: flex;\n overflow: hidden;\n align-items: center;\n justify-content: center;\n background-position: center;\n background-size: cover;\n transition: height 0.3s;\n background-color: ",";\n\n &[data-is-marrybaby='true'] {\n background-color: ",";\n }\n\n &[data-is-mobile='true'] {\n &[data-is-marrybaby='false'] {\n justify-content: flex-start;\n }\n }\n &[data-is-mobile='false'] {\n justify-content: center;\n }\n\n &[data-is-collapse='false'] {\n height: 64px;\n &[data-is-marrybaby='true'] {\n &[data-is-mobile='true'] {\n height: 120px;\n }\n }\n }\n &[data-is-collapse='true'] {\n height: 0;\n }\n\n .amp-close-banner * {\n pointer-events: none;\n }\n\n .content {\n display: -webkit-box;\n overflow: hidden;\n padding-right: 48px;\n -webkit-box-orient: vertical;\n color: white;\n font-size: 16px;\n font-weight: 600;\n -webkit-line-clamp: 2;\n line-height: 24px;\n text-overflow: ellipsis;\n a {\n color: white;\n }\n &[data-is-mobile='true'] {\n font-size: 14px;\n }\n }\n"])),(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.mbColors.cobalt})),r=t.div(e\|\|(e=n(["\n max-width: 100px;\n margin-right: 16px;\n height: 100%;\n img {\n width: 64px;\n height: 64px;\n object-fit: contain;\n }\n &[data-is-marrybaby='true'] {\n height: unset;\n max-height: 100%;\n }\n &[data-is-mobile='true'] {\n img {\n width: 52px;\n height: 52px;\n }\n }\n"],["\n max-width: 100px;\n margin-right: 16px;\n height: 100%;\n img {\n width: 64px;\n height: 64px;\n object-fit: contain;\n }\n &[data-is-marrybaby='true'] {\n height: unset;\n max-height: 100%;\n }\n &[data-is-mobile='true'] {\n img {\n width: 52px;\n height: 52px;\n }\n }\n"]))),s=t.div(o\|\|(o=n(["\n position: absolute;\n right: 20px;\n width: 24px;\n height: 24px;\n cursor: pointer;\n &[data-is-marrybaby='true'] {\n background-color: ",";\n border-radius: 50%;\n top: 12px;\n right: 32px;\n padding: 10px;\n height: 40px;\n width: 40px;\n .close-icon {\n width: 20px;\n height: 20px;\n }\n &[data-is-mobile='true'] {\n position: absolute;\n top: 8px;\n right: 8px;\n padding: 8px;\n height: 32px;\n width: 32px;\n .close-icon {\n width: 100%;\n height: 100%;\n }\n }\n }\n"],["\n position: absolute;\n right: 20px;\n width: 24px;\n height: 24px;\n cursor: pointer;\n &[data-is-marrybaby='true'] {\n background-color: ",";\n border-radius: 50%;\n top: 12px;\n right: 32px;\n padding: 10px;\n height: 40px;\n width: 40px;\n .close-icon {\n width: 20px;\n height: 20px;\n }\n &[data-is-mobile='true'] {\n position: absolute;\n top: 8px;\n right: 8px;\n padding: 8px;\n height: 32px;\n width: 32px;\n .close-icon {\n width: 100%;\n height: 100%;\n }\n }\n }\n"])),(function(n){return n.theme.colors.white}));export{s as StyledCloseIconWrapper,r as StyledIcon,a as StyledSiteWideContainer};
2	+ //# sourceMappingURL=index.styled.js.map

package/build/esm/components/organisms/navigationLayout/siteWide/index.styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../../src/components/organisms/navigationLayout/siteWide/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledSiteWideContainer = styled.div`\n position: relative;\n display: flex;\n overflow: hidden;\n align-items: center;\n justify-content: center;\n background-position: center;\n background-size: cover;\n transition: height 0.3s;\n background-color: ${(props: ThemeProps) => props.theme.colors.secondaryBase};\n\n &[data-is-marrybaby='true'] {\n background-color: ${(props: ThemeProps) => props.theme.mbColors.cobalt};\n }\n\n &[data-is-mobile='true'] {\n &[data-is-marrybaby='false'] {\n justify-content: flex-start;\n }\n }\n &[data-is-mobile='false'] {\n justify-content: center;\n }\n\n &[data-is-collapse='false'] {\n height: 64px;\n &[data-is-marrybaby='true'] {\n &[data-is-mobile='true'] {\n height: 120px;\n }\n }\n }\n &[data-is-collapse='true'] {\n height: 0;\n }\n\n .amp-close-banner * {\n pointer-events: none;\n }\n\n .content {\n display: -webkit-box;\n overflow: hidden;\n padding-right: 48px;\n -webkit-box-orient: vertical;\n color: white;\n font-size: 16px;\n font-weight: 600;\n -webkit-line-clamp: 2;\n line-height: 24px;\n text-overflow: ellipsis;\n a {\n color: white;\n }\n &[data-is-mobile='true'] {\n font-size: 14px;\n }\n }\n`\n\nexport const StyledIcon = styled.div`\n max-width: 100px;\n margin-right: 16px;\n height: 100%;\n img {\n width: 64px;\n height: 64px;\n object-fit: contain;\n }\n &[data-is-marrybaby='true'] {\n height: unset;\n max-height: 100%;\n }\n &[data-is-mobile='true'] {\n img {\n width: 52px;\n height: 52px;\n }\n }\n`\n\nexport const StyledCloseIconWrapper = styled.div`\n position: absolute;\n right: 20px;\n width: 24px;\n height: 24px;\n cursor: pointer;\n &[data-is-marrybaby='true'] {\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n border-radius: 50%;\n top: 12px;\n right: 32px;\n padding: 10px;\n height: 40px;\n width: 40px;\n .close-icon {\n width: 20px;\n height: 20px;\n }\n &[data-is-mobile='true'] {\n position: absolute;\n top: 8px;\n right: 8px;\n padding: 8px;\n height: 32px;\n width: 32px;\n .close-icon {\n width: 100%;\n height: 100%;\n }\n }\n }\n`\n"],"names":["StyledSiteWideContainer","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","secondaryBase","mbColors","cobalt","StyledIcon","templateObject_2","StyledCloseIconWrapper","templateObject_3","white"],"mappings":"oHAGa,UAAAA,EAA0BC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,kOAAA,+DAAA,o1BAAA,CAAA,kOAS4B,+DAGH,u1BAHpD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,iBAGxC,SAACH,GAAsB,OAAAA,EAAMC,MAAMG,SAASC,UAgDvDC,EAAaV,EAAOC,IAAGU,IAAAA,EAAAR,EAAA,CAAA,+TAAA,CAAA,kUAqBvBS,EAAyBZ,EAAOC,IAAGY,IAAAA,EAAAV,EAAA,CAAA,wJAAA,kbAAA,CAAA,wJAOuB,qbAA/C,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOQ"}

package/build/esm/components/organisms/navigationLayout/sponsoredBy/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import t,{useState as o}from"react";import{Text as e}from"../../../atoms/text/index.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{Button as s}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{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 a from"../assets/info-light.svg.js";import{STATIC_PAGES as m}from"../constants.js";import{useTranslation as r}from"../utils.js";import{StyledStickySponsoredBy as n,StyledStickySponsoredPopup as l}from"./index.styled.js";var d=function(s){var m=s.className,l=s.isMobile,d=s.isCollapsed,c=s.sponsoredType,g=s.sponsoredBy,j=s.isAmp,y=s.locale,x=r(),u=o(!1),f=u[0],v=u[1];return t.createElement(n,{className:m,onClick:function(){return v(!0)},"data-show-popup":f&&(!l\|\|!d)&&!j,"data-align-left":g&&!!(null==g?void 0:g.logo),"data-is-amp":j\|\|void 0},t.createElement(i,{style:{position:"relative",padding:"0 16px"}},"content"===c?t.createElement(e,{size:l?"p4":"p3",color:"#737373"},t.createElement("div",{className:"sticky-sponsored-info-icon"},j?t.createElement("amp-img",{height:"20",width:"20",style:{verticalAlign:"middle",marginLeft:"0.3rem",marginBottom:"0.1rem"},src:a}):t.createElement("img",{src:a,style:{width:20,height:20,verticalAlign:"middle",marginRight:"0.3rem",marginBottom:"0.1rem"}})),g&&(null==g?void 0:g.logo)?t.createElement(t.Fragment,null," ",x("articlePage.sponsoredContentBy")," ",t.createElement("img",{className:"sponsored-logo",src:(null==g?void 0:g.logo)\|\|"",alt:"sponsored-logo"})):x("articlePage.sponsoredContent")):t.createElement(e,{size:"p2",color:"#737373"},x("articlePage.sponsoredArticle"),t.createElement("div",{className:"sticky-sponsored-info-icon"},j?t.createElement("amp-img",{height:"20",width:"20",style:{verticalAlign:"middle",marginLeft:"0.3rem",marginBottom:"0.1rem"},src:a,on:"tap:sponsored-by.toggleClass(class='open')",tabIndex:0,role:"button"}):t.createElement("img",{src:a,style:{width:20,height:20,verticalAlign:"middle",marginLeft:"0.3rem",marginBottom:"0.1rem"}}))),!f\|\|l&&d\|\|j?null:t.createElement(p,{sponsoredBy:g,isAmp:j,onClose:function(){return v(!1)},locale:y})))},p=function(o){var i=o.sponsoredBy,a=o.isAmp,n=o.onClose,d=o.locale\|\|"en-PH",p=r();return t.createElement(l,{"data-align-left":i&&!!(null==i?void 0:i.logo),"data-is-amp":a\|\|void 0,id:"sponsored-by",className:a?"amp-sponsored-popup":void 0},t.createElement(e,{size:"p3",style:{marginBottom:"1rem"}},p("articlePage.sponsoredByStickyPopup.content")),t.createElement("div",{className:"button-container",onClick:function(t){t.stopPropagation()}},t.createElement(s,{size:"md",color:"secondary",onClick:n,isAmp:a,on:"tap:sponsored-by.toggleClass(class='open')"},p("articlePage.sponsoredByStickyPopup.close")),t.createElement(s,{size:"md",onClick:function(){window.location.href="/static".concat(m[d].ADVERTISING_SPONSOR_POLICY)},isAmp:a,on:"tap:AMP.navigateTo(url='/static".concat(m[d].ADVERTISING_SPONSOR_POLICY,"')")},p("articlePage.sponsoredByStickyPopup.policies"))))};export{p as SponsoredPopup,d as StickySponsoredBy};
2	+ //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/organisms/navigationLayout/sponsoredBy/index.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-target-blank */\nimport React, { useState } from 'react'\n\nimport { Container, Text, Button } from 'components/atoms'\n\nimport { InfoLightIcon } from '../assets'\nimport { STATIC_PAGES } from '../constants'\nimport { ContentSponsor } from '../types'\nimport { useTranslation } from '../utils'\nimport {\n StyledSponsoredBy,\n StyledStickySponsoredBy,\n StyledStickySponsoredPopup,\n} from './index.styled'\n\nexport type Props = {\n image: string\n isMobile: boolean\n href?: string\n className?: string\n isAmp?: boolean\n}\n\nconst SponsoredBy = ({ image, href, className, isMobile, isAmp }: Props) => {\n const f = useTranslation()\n\n return (\n <StyledSponsoredBy className={className} data-type-mobile={isMobile}>\n <Text size=\"c2\" type=\"bold\" color=\"#737373\">\n {f('articlePage.sponsoredBy').toUpperCase() + ':'}\n </Text>\n <a\n style={{\n flex: isAmp ? 'unset' : 1,\n }}\n href={href}\n target=\"_blank\"\n >\n {!isAmp ? (\n <img\n src={image}\n style={{\n height: '22px',\n objectPosition: isMobile ? 'right' : 'left',\n objectFit: 'contain',\n paddingLeft: '1rem',\n }}\n />\n ) : (\n <amp-img\n height=\"35\"\n width=\"200\"\n src={image}\n alt=\"sponsored article\"\n style={{\n height: '22px',\n objectPosition: isMobile ? 'right' : 'left',\n objectFit: 'contain',\n paddingLeft: '1rem',\n }}\n />\n )}\n </a>\n </StyledSponsoredBy>\n )\n}\n\nexport type StickyProps = {\n className?: string\n isMobile?: boolean\n isCollapsed?: boolean\n sponsoredType?: 'article' | 'content'\n sponsoredBy?: ContentSponsor\n isAmp?: boolean\n locale?: string\n}\nconst StickySponsoredBy = ({\n className,\n isMobile,\n isCollapsed,\n sponsoredType,\n sponsoredBy,\n isAmp,\n locale,\n}: StickyProps) => {\n const f = useTranslation()\n const [showPopup, setShowPopup] = useState(false)\n\n return (\n <StyledStickySponsoredBy\n className={className}\n onClick={() => setShowPopup(true)}\n data-show-popup={showPopup && (!isMobile || !isCollapsed) && !isAmp}\n data-align-left={sponsoredBy && !!sponsoredBy?.logo}\n data-is-amp={isAmp || undefined}\n >\n <Container style={{ position: 'relative', padding: '0 16px' }}>\n {sponsoredType === 'content' ? (\n <Text size={isMobile ? 'p4' : 'p3'} color=\"#737373\">\n <div className=\"sticky-sponsored-info-icon\">\n {!isAmp ? (\n <img\n src={InfoLightIcon}\n style={{\n width: 20,\n height: 20,\n verticalAlign: 'middle',\n marginRight: '0.3rem',\n marginBottom: '0.1rem',\n }}\n />\n ) : (\n <amp-img\n height=\"20\"\n width=\"20\"\n style={{\n verticalAlign: 'middle',\n marginLeft: '0.3rem',\n marginBottom: '0.1rem',\n }}\n src={InfoLightIcon}\n />\n )}\n </div>\n {sponsoredBy && !!sponsoredBy?.logo ? (\n <>\n {' '}\n {f('articlePage.sponsoredContentBy')}{' '}\n <img\n className=\"sponsored-logo\"\n src={sponsoredBy?.logo || ''}\n alt={'sponsored-logo'}\n />\n </>\n ) : (\n f('articlePage.sponsoredContent')\n )}\n </Text>\n ) : (\n <Text size=\"p2\" color=\"#737373\">\n {f('articlePage.sponsoredArticle')}\n <div className=\"sticky-sponsored-info-icon\">\n {!isAmp ? (\n <img\n src={InfoLightIcon}\n style={{\n width: 20,\n height: 20,\n verticalAlign: 'middle',\n marginLeft: '0.3rem',\n marginBottom: '0.1rem',\n }}\n />\n ) : (\n <amp-img\n height=\"20\"\n width=\"20\"\n style={{\n verticalAlign: 'middle',\n marginLeft: '0.3rem',\n marginBottom: '0.1rem',\n }}\n src={InfoLightIcon}\n on=\"tap:sponsored-by.toggleClass(class='open')\"\n tabIndex={0}\n role=\"button\"\n />\n )}\n </div>\n </Text>\n )}\n {showPopup && (!isMobile || !isCollapsed) && !isAmp ? (\n <SponsoredPopup\n sponsoredBy={sponsoredBy}\n isAmp={isAmp}\n onClose={() => setShowPopup(false)}\n locale={locale}\n />\n ) : null}\n </Container>\n </StyledStickySponsoredBy>\n )\n}\n\ntype PopupProps = {\n isAmp: boolean\n onClose?: () => void\n sponsoredBy?: ContentSponsor\n locale?: string\n}\n\nconst SponsoredPopup = ({\n sponsoredBy,\n isAmp,\n onClose,\n locale,\n}: PopupProps) => {\n const sL = locale || 'en-PH' // standardized locale\n const f = useTranslation()\n\n return (\n <StyledStickySponsoredPopup\n data-align-left={sponsoredBy && !!sponsoredBy?.logo}\n data-is-amp={isAmp || undefined}\n id=\"sponsored-by\"\n className={isAmp ? 'amp-sponsored-popup' : undefined}\n >\n <Text\n size=\"p3\"\n style={{\n marginBottom: '1rem',\n }}\n >\n {f('articlePage.sponsoredByStickyPopup.content')}\n </Text>\n <div\n className=\"button-container\"\n onClick={\n ((e: any) => {\n e.stopPropagation()\n }) as () => void\n }\n >\n {/* <div\n {...{ on: \"tap:sponsored-by.toggleClass(class='open')\" }}\n tabIndex={0}\n role=\"button\"\n > */}\n <Button\n size=\"md\"\n color=\"secondary\"\n onClick={onClose}\n isAmp={isAmp}\n on=\"tap:sponsored-by.toggleClass(class='open')\"\n >\n {f('articlePage.sponsoredByStickyPopup.close')}\n </Button>\n {/* </div> */}\n <Button\n size=\"md\"\n onClick={() => {\n window.location.href = `/static${STATIC_PAGES[sL].ADVERTISING_SPONSOR_POLICY}`\n }}\n isAmp={isAmp}\n on={`tap:AMP.navigateTo(url='/static${STATIC_PAGES[sL].ADVERTISING_SPONSOR_POLICY}')`}\n >\n {f('articlePage.sponsoredByStickyPopup.policies')}\n </Button>\n </div>\n </StyledStickySponsoredPopup>\n )\n}\n\nexport { SponsoredBy, StickySponsoredBy, SponsoredPopup }\n"],"names":["StickySponsoredBy","_a","className","isMobile","isCollapsed","sponsoredType","sponsoredBy","isAmp","locale","f","useTranslation","_b","useState","showPopup","setShowPopup","React","StyledStickySponsoredBy","onClick","logo","undefined","createElement","Container","style","position","padding","Text","size","color","height","width","verticalAlign","marginLeft","marginBottom","src","InfoLightIcon","marginRight","Fragment","alt","on","tabIndex","role","SponsoredPopup","onClose","sL","StyledStickySponsoredPopup","id","e","stopPropagation","Button","window","location","href","concat","STATIC_PAGES","ADVERTISING_SPONSOR_POLICY"],"mappings":"4zEA4EM,IAAAA,EAAoB,SAACC,GACzB,IAAAC,cACAC,aACAC,gBACAC,EAAaJ,EAAAI,cACbC,EAAWL,EAAAK,YACXC,EAAKN,EAAAM,MACLC,EAAMP,EAAAO,OAEAC,EAAIC,IACJC,EAA4BC,GAAS,GAApCC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAE9B,OACEI,gBAACC,EAAuB,CACtBd,UAAWA,EACXe,QAAS,WAAM,OAAAH,GAAa,IACX,kBAAAD,KAAeV,IAAaC,KAAiBG,EAC7C,kBAAAD,MAAiBA,eAAAA,EAAaY,MAAI,cACtCX,QAASY,GAEtBJ,EAAAK,cAACC,EAAS,CAACC,MAAO,CAAEC,SAAU,WAAYC,QAAS,WAC9B,YAAlBnB,EACCU,EAAAK,cAACK,EAAI,CAACC,KAAMvB,EAAW,KAAO,KAAMwB,MAAM,WACxCZ,EAAAK,cAAA,MAAA,CAAKlB,UAAU,8BACXK,EAYAQ,EACEK,cAAA,UAAA,CAAAQ,OAAO,KACPC,MAAM,KACNP,MAAO,CACLQ,cAAe,SACfC,WAAY,SACZC,aAAc,UAEhBC,IAAKC,IAnBPnB,uBACEkB,IAAKC,EACLZ,MAAO,CACLO,MAAO,GACPD,OAAQ,GACRE,cAAe,SACfK,YAAa,SACbH,aAAc,aAgBrB1B,IAAiBA,aAAA,EAAAA,EAAaY,MAC7BH,EAAAK,cAAAL,EAAAqB,SAAA,KACG,IACA3B,EAAE,kCAAmC,IACtCM,EACEK,cAAA,MAAA,CAAAlB,UAAU,iBACV+B,KAAK3B,eAAAA,EAAaY,OAAQ,GAC1BmB,IAAK,oBAIT5B,EAAE,iCAINM,EAAAK,cAACK,EAAK,CAAAC,KAAK,KAAKC,MAAM,WACnBlB,EAAE,gCACHM,EAAAK,cAAA,MAAA,CAAKlB,UAAU,8BACXK,EAYAQ,EACEK,cAAA,UAAA,CAAAQ,OAAO,KACPC,MAAM,KACNP,MAAO,CACLQ,cAAe,SACfC,WAAY,SACZC,aAAc,UAEhBC,IAAKC,EACLI,GAAG,6CACHC,SAAU,EACVC,KAAK,WAtBPzB,uBACEkB,IAAKC,EACLZ,MAAO,CACLO,MAAO,GACPD,OAAQ,GACRE,cAAe,SACfC,WAAY,SACZC,aAAc,eAqBzBnB,GAAeV,GAAaC,GAAiBG,EAO1C,KANFQ,EAACK,cAAAqB,GACCnC,YAAaA,EACbC,MAAOA,EACPmC,QAAS,WAAM,OAAA5B,GAAa,IAC5BN,OAAQA,OAediC,EAAiB,SAACxC,OACtBK,EAAWL,EAAAK,YACXC,EAAKN,EAAAM,MACLmC,EAAOzC,EAAAyC,QAGDC,EAFA1C,EAAAO,QAEe,QACfC,EAAIC,IAEV,OACEK,EAACK,cAAAwB,EACkB,CAAA,kBAAAtC,MAAiBA,aAAW,EAAXA,EAAaY,MAAI,cACtCX,QAASY,EACtB0B,GAAG,eACH3C,UAAWK,EAAQ,2BAAwBY,GAE3CJ,EAAAK,cAACK,EACC,CAAAC,KAAK,KACLJ,MAAO,CACLU,aAAc,SAGfvB,EAAE,+CAELM,EACEK,cAAA,MAAA,CAAAlB,UAAU,mBACVe,QACG,SAAC6B,GACAA,EAAEC,oBASNhC,EAACK,cAAA4B,EACC,CAAAtB,KAAK,KACLC,MAAM,YACNV,QAASyB,EACTnC,MAAOA,EACP+B,GAAG,8CAEF7B,EAAE,6CAGLM,EAAAK,cAAC4B,EACC,CAAAtB,KAAK,KACLT,QAAS,WACPgC,OAAOC,SAASC,KAAO,UAAAC,OAAUC,EAAaV,GAAIW,6BAEpD/C,MAAOA,EACP+B,GAAI,kCAAAc,OAAkCC,EAAaV,GAAIW,2BAA0B,OAEhF7C,EAAE"}

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

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as t}from"../../../../misc/utils.js";import e from"styled-components";e.div(i\|\|(i=n(["\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 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"])));var i,o,r,a=e.div(o\|\|(o=n(["\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: ",";\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 "," {\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"],["\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: ",";\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 "," {\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"])),(function(n){return n.theme.colors.neutral50}),t.mbUp),p=e.div(r\|\|(r=n(["\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 "," {\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 "," {\n margin-right: 1rem;\n }\n }\n }\n"],["\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 "," {\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 "," {\n margin-right: 1rem;\n }\n }\n }\n"])),t.mbDown,t.mbUp);export{a as StyledStickySponsoredBy,p as StyledStickySponsoredPopup};
2	+ //# sourceMappingURL=index.styled.js.map