@hhgtech/hhg-components 1.21.0-beta-13 → 1.21.0-beta-14

package/build/index-57503957.js

@@ -0,0 +1 @@
+"use strict";var r=require("./Locale-11b51016.js"),t=Object.freeze({__proto__:null,get Gender(){return r.Gender},get BabyGrowthChartType(){return r.BabyGrowthChartType},get BabyGrowthChartDuration(){return r.BabyGrowthChartDuration},get BabyGrowthResultTab(){return r.BabyGrowthResultTab},get LOCALE(){return r.LOCALE}});exports.index=t;

package/build/{index-43887156.js → index-6006ed4b.js}

@@ -1 +1 @@
-"use strict";var n=require("./tslib.es6-f7929e76.js"),e=require("react"),t=require("./lock-1950c18b.js"),o=require("./components/avatar.js"),i=require("./components/button.js"),a=require("./components/text.js"),r=require("./useTranslations-77f20604.js"),l=require("./theme-696d81a9.js"),d=require("./components/navigationLogoutPopup.js"),s=require("./utils-1cac3068.js"),p=require("styled-components"),c=require("./index-d12009e4.js");function u(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var h,m,f,g,b,x=u(e),y=u(p),v="data:image/svg+xml,%3csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 1.5a7.5 7.5 0 100 15 7.5 7.5 0 000-15zm0 2.063a2.437 2.437 0 110 4.874 2.437 2.437 0 010-4.874zM9 15a5.984 5.984 0 01-4.566-2.109.762.762 0 01.13-1.103C5.702 10.932 7.774 10.5 9 10.5s3.299.432 4.437 1.288a.762.762 0 01.13 1.103A5.987 5.987 0 019 15z' fill='%23595959'/%3e%3c/svg%3e",w=function(n){var t=(n||{}).allowBgScroll,o=e.useRef();return{containerRef:o,onContainerFocus:function(){t||(document.documentElement.style.overflow="hidden")},onContainerBlur:function(){t||(document.documentElement.style.overflow="")},onButtonMouseDown:function(n){(document.activeElement===o.current||o.current.contains(document.activeElement))&&(o.current.blur(),document.activeElement.blur(),n.preventDefault())},onClose:function(){(document.activeElement===o.current||o.current.contains(document.activeElement))&&(o.current.blur(),document.activeElement.blur())}}},E=y.default.div(h||(h=n.__makeTemplateObject(["\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      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px\n        ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"],["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px\n        ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),s.MediaQueries.mbDown,s.MediaQueries.mbUp,s.MediaQueries.mbDown,s.MediaQueries.mbUp,s.MediaQueries.mbDown,s.MediaQueries.mbUp,(function(n){return n.theme.colors.gray200}),s.MediaQueries.mbDown,l.theme.colors.neutral100,s.MediaQueries.mbUp),k=y.default.div(m||(m=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 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"])),s.MediaQueries.mbUp,s.MediaQueries.mbDown),C=y.default.div(f||(f=n.__makeTemplateObject(["\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})),M=y.default.a(g||(g=n.__makeTemplateObject(["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    "," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    "," {\n      display: initial;\n    }\n  }\n"],["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    "," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    "," {\n      display: initial;\n    }\n  }\n"])),E,s.MediaQueries.mbDown,k),P=y.default.a(b||(b=n.__makeTemplateObject(["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"],["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"])),s.MediaQueries.mbUp,s.MediaQueries.mbUp),U=function(n){var e=n.type,t=void 0===e?"lead":e,o=n.closeIcon,i=n.isOpen,a=void 0===i||i,r=n.onClose,l=n.children,d=n.enableAnimation,s=void 0===d||d,p=n.targetAvatar,c=n.id,u=n.className;return x.default.createElement(x.default.Fragment,null,x.default.createElement(E,{"data-open":a,"data-type":t,"data-animation":s,"data-target":p,id:c,className:u},x.default.createElement("div",{className:"popup-content"},!!o&&x.default.createElement("div",{className:"close-button",onClick:r},o),l)),x.default.createElement(k,{"data-type":t,"data-open":a,onClick:r,id:c?"wrapper-".concat(c):void 0,className:"".concat(u||"","-wrapper")}))},L=function(n){var e=n.SSO_URL,t=n.UP_BASEPATH,o=n.isOpen,i=n.targetAvatar,a=n.userInfo,r=n.enableCare,l=n.enableTogether,d=n.enableEcom,s=n.closePopup,p=n.siteType,u=void 0===p?"helloSites":p,h=n.dispatchLogout,m=n.userProfileRouterPush,f=n.isUserProfileNavigatorMenuHidden,g=n.isMyHealthEnabled,b=void 0!==g&&g,y=n.togetherApiDomain,v=n.locale,w=function(n){m?m("/".concat(n)):e&&(window.location.href="".concat(e).concat(t,"/").concat(n))},E=function(n){w(n),s()};return x.default.createElement(U,{isOpen:o,type:"profile",enableAnimation:!0,targetAvatar:i,onClose:s},x.default.createElement(c.UserProfileNavigation,{SSO_URL:e,UP_BASEPATH:t,themeName:u,userInfo:a,enableCare:r,enableTogether:l,enableEcom:d,onClickLogout:function(){h&&(h(),s())},onClickMenuItem:E,onClickNavigationCard:E,onClickMyProfileButton:function(){w("profile"),s()},isUserProfileNavigatorMenuHidden:f,isMyHealthEnabled:b,togetherApiDomain:y,locale:v}))};exports.NavigationProfileButton=function(s){var p=s.userInfo,c=s.siteType,u=s.isAmp,h=s.goToLogin,m=s.SSO_URL,f=s.currentUrl,g=s.isMinifyLogin,b=s.enableCare,y=s.enableTogether,E=s.enableEcom,k=s.isUserProfileNavigatorMenuHidden,U=s.UP_BASEPATH,_=s.isMyHealthEnabled,j=s.togetherApiDomain,A=s.onLogout,T=s.style,B=s.userProfileRouterPush,N=s.isLoading,S=s.locale,z=r.useTranslations().t,D=e.useState(!1),H=D[0],O=D[1],Q=(null==p?void 0:p.name)||(null==p?void 0:p.username),q=e.useState(!1),R=q[0],F=q[1];e.useEffect((function(){F(!0)}),[]);var I=w(),J=I.containerRef,W=I.onContainerFocus,G=I.onContainerBlur,K=I.onButtonMouseDown,V=I.onClose;return N&&!u?x.default.createElement(i.Button,{size:"sm",color:"transparent",isLoading:!0}):(null==p?void 0:p.id)?x.default.createElement(x.default.Fragment,null,x.default.createElement(M,{ref:J,href:u?"".concat(m,"user/profile"):void 0,style:T,tabIndex:0,onBlur:G,onFocus:W},x.default.createElement("div",{onMouseDown:K},x.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"user-close-icon"},x.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),x.default.createElement(o.Avatar,{type:"rounded",size:"medium",className:"user-avatar",avatarUrl:null==p?void 0:p.avatar,firstLetter:Q&&Q.length?Q[0].toUpperCase():"A",backgroundColor:"marryBaby"===c?l.theme.mbColors.pink:l.theme.colors.secondaryBase,isAmp:u})),!u&&x.default.createElement(L,{UP_BASEPATH:U,SSO_URL:m,dispatchLogout:function(){V(),O(!0)},isOpen:!1,isMyHealthEnabled:_,enableCare:b,enableTogether:y,enableEcom:E,closePopup:V,userInfo:p,siteType:c,isUserProfileNavigatorMenuHidden:k,togetherApiDomain:j,userProfileRouterPush:B,locale:S})),!u&&x.default.createElement(d.NavigationLogoutPopup,{openLogoutPopup:H,onCloseHandler:function(){document.body.classList.toggle("noscroll",!1),O(!1)},siteType:c,onLogoutHandler:function(){return n.__awaiter(void 0,void 0,void 0,(function(){return n.__generator(this,(function(n){switch(n.label){case 0:return O(!1),document.body.classList.toggle("noscroll",!1),[4,A()];case 1:return n.sent(),[2]}}))}))}})):x.default.createElement(P,{style:n.__assign({textDecoration:"none"},T),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":f,href:u?"".concat(m,"?returnUrl=").concat(f.replace("?amp=1","")):R?void 0:"".concat(m,"?returnUrl=").concat(f),"data-site-type":c},g?x.default.createElement(C,{onClick:h},x.default.createElement("img",{src:t.LockIcon,className:"avatar",alt:"avatar"})):x.default.createElement(x.default.Fragment,null,"helloSites"===c&&x.default.createElement("img",{className:"mobile-only",src:v,style:{cursor:"pointer",height:24,width:24},onClick:h}),"marryBaby"===c&&x.default.createElement("div",{className:"mobile-only",onClick:h,style:{paddingLeft:16}},x.default.createElement(a.Text,{size:"p3",color:l.theme.mbColors.pink},z("navigation.loginJoin"))),x.default.createElement(i.Button,{className:"login-btn",size:"md",color:"tertiary",onClick:h,icon:x.default.createElement("img",{src:v,width:18,height:18,style:{marginRight:8}}),theme:c},z("navigation.loginJoin"))))},exports.ProfilePopup=L,exports.useCSSFocusPopupHelper=w;
+"use strict";var n=require("./tslib.es6-f7929e76.js"),e=require("react"),t=require("./lock-f96868e8.js"),o=require("./components/avatar.js"),i=require("./components/button.js"),a=require("./components/text.js"),r=require("./useTranslations-77f20604.js"),l=require("./theme-696d81a9.js"),d=require("./components/navigationLogoutPopup.js"),s=require("./utils-1cac3068.js"),p=require("styled-components"),c=require("./index-61b89780.js");function u(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var m,h,f,g,b,x=u(e),y=u(p),v="data:image/svg+xml,%3csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 1.5a7.5 7.5 0 100 15 7.5 7.5 0 000-15zm0 2.063a2.437 2.437 0 110 4.874 2.437 2.437 0 010-4.874zM9 15a5.984 5.984 0 01-4.566-2.109.762.762 0 01.13-1.103C5.702 10.932 7.774 10.5 9 10.5s3.299.432 4.437 1.288a.762.762 0 01.13 1.103A5.987 5.987 0 019 15z' fill='%23595959'/%3e%3c/svg%3e",w=function(n){var t=(n||{}).allowBgScroll,o=e.useRef();return{containerRef:o,onContainerFocus:function(){t||(document.documentElement.style.overflow="hidden")},onContainerBlur:function(){t||(document.documentElement.style.overflow="")},onButtonMouseDown:function(n){(document.activeElement===o.current||o.current.contains(document.activeElement))&&(o.current.blur(),document.activeElement.blur(),n.preventDefault())},onClose:function(){(document.activeElement===o.current||o.current.contains(document.activeElement))&&(o.current.blur(),document.activeElement.blur())}}},E=y.default.div(m||(m=n.__makeTemplateObject(["\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      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px\n        ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"],["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px\n        ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),s.MediaQueries.mbDown,s.MediaQueries.mbUp,s.MediaQueries.mbDown,s.MediaQueries.mbUp,s.MediaQueries.mbDown,s.MediaQueries.mbUp,(function(n){return n.theme.colors.gray200}),s.MediaQueries.mbDown,l.theme.colors.neutral100,s.MediaQueries.mbUp),k=y.default.div(h||(h=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 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"])),s.MediaQueries.mbUp,s.MediaQueries.mbDown),C=y.default.div(f||(f=n.__makeTemplateObject(["\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})),M=y.default.a(g||(g=n.__makeTemplateObject(["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    "," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    "," {\n      display: initial;\n    }\n  }\n"],["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    "," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    "," {\n      display: initial;\n    }\n  }\n"])),E,s.MediaQueries.mbDown,k),P=y.default.a(b||(b=n.__makeTemplateObject(["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"],["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"])),s.MediaQueries.mbUp,s.MediaQueries.mbUp),U=function(n){var e=n.type,t=void 0===e?"lead":e,o=n.closeIcon,i=n.isOpen,a=void 0===i||i,r=n.onClose,l=n.children,d=n.enableAnimation,s=void 0===d||d,p=n.targetAvatar,c=n.id,u=n.className;return x.default.createElement(x.default.Fragment,null,x.default.createElement(E,{"data-open":a,"data-type":t,"data-animation":s,"data-target":p,id:c,className:u},x.default.createElement("div",{className:"popup-content"},!!o&&x.default.createElement("div",{className:"close-button",onClick:r},o),l)),x.default.createElement(k,{"data-type":t,"data-open":a,onClick:r,id:c?"wrapper-".concat(c):void 0,className:"".concat(u||"","-wrapper")}))},_=function(n){var e=n.SSO_URL,t=n.UP_BASEPATH,o=n.isOpen,i=n.targetAvatar,a=n.userInfo,r=n.enableCare,l=n.enableTogether,d=n.enableEcom,s=n.closePopup,p=n.siteType,u=void 0===p?"helloSites":p,m=n.dispatchLogout,h=n.userProfileRouterPush,f=n.isUserProfileNavigatorMenuHidden,g=n.isMyHealthEnabled,b=void 0!==g&&g,y=n.togetherApiDomain,v=n.locale,w=function(n){h?h("/".concat(n)):e&&(window.location.href="".concat(e).concat(t,"/").concat(n))},E=function(n){w(n),s()};return x.default.createElement(U,{isOpen:o,type:"profile",enableAnimation:!0,targetAvatar:i,onClose:s},x.default.createElement(c.UserProfileNavigation,{SSO_URL:e,UP_BASEPATH:t,themeName:u,userInfo:a,enableCare:r,enableTogether:l,enableEcom:d,onClickLogout:function(){m&&(m(),s())},onClickMenuItem:E,onClickNavigationCard:E,onClickMyProfileButton:function(){w("profile"),s()},isUserProfileNavigatorMenuHidden:f,isMyHealthEnabled:b,togetherApiDomain:y,locale:v}))};exports.NavigationProfileButton=function(s){var p=s.userInfo,c=s.siteType,u=s.isAmp,m=s.goToLogin,h=s.SSO_URL,f=s.currentUrl,g=s.isMinifyLogin,b=s.enableCare,y=s.enableTogether,E=s.enableEcom,k=s.isUserProfileNavigatorMenuHidden,U=s.UP_BASEPATH,L=s.isMyHealthEnabled,j=s.togetherApiDomain,A=s.onLogout,T=s.style,B=s.userProfileRouterPush,N=s.isLoading,S=s.locale,z=r.useTranslations().t,D=e.useState(!1),H=D[0],O=D[1],Q=(null==p?void 0:p.name)||(null==p?void 0:p.username),q=e.useState(!1),R=q[0],F=q[1];e.useEffect((function(){F(!0)}),[]);var I=w(),J=I.containerRef,W=I.onContainerFocus,G=I.onContainerBlur,K=I.onButtonMouseDown,V=I.onClose;return N&&!u?x.default.createElement(i.Button,{size:"sm",color:"transparent",isLoading:!0}):(null==p?void 0:p.id)?x.default.createElement(x.default.Fragment,null,x.default.createElement(M,{ref:J,href:u?"".concat(h,"user/profile"):void 0,style:T,tabIndex:0,onBlur:G,onFocus:W},x.default.createElement("div",{onMouseDown:K},x.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"user-close-icon"},x.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),x.default.createElement(o.Avatar,{type:"rounded",size:"medium",className:"user-avatar",avatarUrl:null==p?void 0:p.avatar,firstLetter:Q&&Q.length?Q[0].toUpperCase():"A",backgroundColor:"marryBaby"===c?l.theme.mbColors.pink:l.theme.colors.secondaryBase,isAmp:u})),!u&&x.default.createElement(_,{UP_BASEPATH:U,SSO_URL:h,dispatchLogout:function(){V(),O(!0)},isOpen:!1,isMyHealthEnabled:L,enableCare:b,enableTogether:y,enableEcom:E,closePopup:V,userInfo:p,siteType:c,isUserProfileNavigatorMenuHidden:k,togetherApiDomain:j,userProfileRouterPush:B,locale:S})),!u&&x.default.createElement(d.NavigationLogoutPopup,{openLogoutPopup:H,onCloseHandler:function(){document.body.classList.toggle("noscroll",!1),O(!1)},siteType:c,onLogoutHandler:function(){return n.__awaiter(void 0,void 0,void 0,(function(){return n.__generator(this,(function(n){switch(n.label){case 0:return O(!1),document.body.classList.toggle("noscroll",!1),[4,A()];case 1:return n.sent(),[2]}}))}))}})):x.default.createElement(P,{style:n.__assign({textDecoration:"none"},T),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":f,href:u?"".concat(h,"?returnUrl=").concat(f.replace("?amp=1","")):R?void 0:"".concat(h,"?returnUrl=").concat(f),"data-site-type":c},g?x.default.createElement(C,{onClick:m},x.default.createElement("img",{src:t.img,className:"avatar",alt:"avatar"})):x.default.createElement(x.default.Fragment,null,"helloSites"===c&&x.default.createElement("img",{className:"mobile-only",src:v,style:{cursor:"pointer",height:24,width:24},onClick:m}),"marryBaby"===c&&x.default.createElement("div",{className:"mobile-only",onClick:m,style:{paddingLeft:16}},x.default.createElement(a.Text,{size:"p3",color:l.theme.mbColors.pink},z("navigation.loginJoin"))),x.default.createElement(i.Button,{className:"login-btn",size:"md",color:"tertiary",onClick:m,icon:x.default.createElement("img",{src:v,width:18,height:18,style:{marginRight:8}}),theme:c},z("navigation.loginJoin"))))},exports.ProfilePopup=_,exports.useCSSFocusPopupHelper=w;