@hhgtech/hhg-components 1.27.36 → 1.27.40

package/build/{esm/index.styled-e458cf55.js → index-1d867f9c.js}

@@ -1,5 +1,5 @@
-import{_ as t}from"./tslib.es6-584e92d4.js";import e,{useState as i}from"react";import a from"styled-components";const p=a=>{var{alt:p,backupSrc:n,src:o}=a,h=t(a,["alt","backupSrc","src"]);const[l,r]=i(!1);return e.createElement("img",Object.assign({loading:"lazy",alt:p,onError:()=>!l&&r(!0),src:l?n:o||n},h))},n=a((i=>{var{type:a}=i,p=t(i,["type"]);return e.createElement(a,p)}))`
-  color: var(--text-color, ${t=>t.theme.mbColors.dark});
+"use strict";var e=require("./tslib.es6-b2067099.js"),t=require("react"),i=require("styled-components");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(t),r=a(i);const p=r.default((t=>{var{type:i}=t,a=e.__rest(t,["type"]);return n.default.createElement(i,a)}))`
+  color: var(--text-color, ${e=>e.theme.mbColors.dark});
   font-family: Krub;
   font-weight: 600;
   letter-spacing: -0.2px;
@@ -20,8 +20,8 @@ import{_ as t}from"./tslib.es6-584e92d4.js";import e,{useState as i}from"react";
     font-size: 18px;
     line-height: 32px;
   }
-`,o=a.p`
-  color: var(--text-color, ${t=>t.theme.mbColors.dark});
+`,o=r.default.p`
+  color: var(--text-color, ${e=>e.theme.mbColors.dark});
   letter-spacing: -0.2px;
 
   &[data-type='subtitle-1'] {
@@ -66,4 +66,4 @@ import{_ as t}from"./tslib.es6-584e92d4.js";import e,{useState as i}from"react";
     letter-spacing: -0.1px;
     line-height: 14px;
   }
-`;export{p as I,n as S,o as a};
+`,l=t.forwardRef((function(e,t){return n.default.createElement("circle",Object.assign({},e,{ref:t}),n.default.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))}));exports.CustomReferenceDot=l,exports.ImageWrap=i=>{var{alt:a,backupSrc:r,src:p}=i,o=e.__rest(i,["alt","backupSrc","src"]);const[l,s]=t.useState(!1);return n.default.createElement("img",Object.assign({loading:"lazy",alt:a,onError:()=>!l&&s(!0),src:l?r:p||r},o))},exports.StyledHeading=p,exports.StyledText=o;

package/build/{index-e1634a0a.js → index-26b5edf8.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-2aca2698.js"),t=require("react"),n=require("@mantine/hooks"),a=require("./index-5b38e1af.js"),r=require("./index-beb29640.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(t);exports.Slider=l=>{var{color:i,withControl:s,onChange:u,value:c,min:d,max:m,isStatic:h,containerClassName:f,containerStyle:g}=l,w=e.__rest(l,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[v,E]=t.useState(c||d||0),[p]=n.useDebouncedValue(v,r.DEBOUNCED_TIME);return t.useEffect((()=>{null==u||u(p)}),[p]),t.useEffect((()=>{E(c)}),[c]),o.default.createElement(r.StyledSliderWrapper,{className:f,style:g},s&&o.default.createElement(a.Button,{type:"button",size:"sm",color:"ghost",onClick:()=>{E((e=>d&&e===d?e:e-1))}},o.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.default.createElement("path",{d:"M1 1.004h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.default.createElement(r.StyledSlider,Object.assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:v,onChange:h?()=>null:E,min:d,max:m},w,{className:"hhg-mantine-slider "+(w.className||"")})),s&&o.default.createElement(a.Button,{type:"button",size:"sm",color:"ghost",onClick:()=>{E((e=>m&&e===m?e:e+1))}},o.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};
+"use strict";var e=require("./tslib.es6-b2067099.js"),t=require("react"),n=require("@mantine/hooks"),r=require("./index-1120f5c4.js"),a=require("./index-df4c0544.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(t);exports.Slider=l=>{var{color:i,withControl:s,onChange:u,value:c,min:d,max:m,isStatic:h,containerClassName:f,containerStyle:g}=l,w=e.__rest(l,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[v,E]=t.useState(c||d||0),[p]=n.useDebouncedValue(v,a.DEBOUNCED_TIME);return t.useEffect((()=>{null==u||u(p)}),[p]),t.useEffect((()=>{E(c)}),[c]),o.default.createElement(a.StyledSliderWrapper,{className:f,style:g},s&&o.default.createElement(r.Button,{type:"button",size:"sm",color:"ghost",onClick:()=>{E((e=>d&&e===d?e:e-1))}},o.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.default.createElement("path",{d:"M1 1.004h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.default.createElement(a.StyledSlider,Object.assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:v,onChange:h?()=>null:E,min:d,max:m},w,{className:"hhg-mantine-slider "+(w.className||"")})),s&&o.default.createElement(r.Button,{type:"button",size:"sm",color:"ghost",onClick:()=>{E((e=>m&&e===m?e:e+1))}},o.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};

package/build/index-2bac14f0.js

@@ -0,0 +1 @@
+"use strict";var e=require("./tslib.es6-b2067099.js"),t=require("react"),l=require("./core-4d6381fc.js"),a=require("./gAssets.js"),n=require("./index-1d867f9c.js"),i=require("./useUniqueId-065bf36d.js"),o=require("./index.styled-2efe285e.js"),r=require("./index-e44666f8.js"),s=require("./index-f35b56aa.js"),d=require("./normalizeLink-07cc43a5.js"),u=require("./routing-749550f2.js"),c=require("./dataTransform-662982af.js"),m=require("./index-522a80ca.js"),h=require("./useTranslations-d1aa4cb7.js"),f=require("lodash/throttle"),g=require("./utils-2f188a97.js"),p=require("./index-3b35a761.js"),v=require("./index-df4c0544.js"),E=require("./theme-15c2274e.js"),y=require("./cookieHelper-5513c98c.js"),C=require("./index-1120f5c4.js"),w=require("@mantine/core");require("./index-e4ec737c.js");var L=require("./constants-a2e6e376.js"),b=require("string-format");require("@mantine/hooks"),require("@mantine/dates"),require("./Onboarding-2e1153c9.js");var k=require("./index-9694d8ec.js");require("./index-dd8da762.js"),require("dayjs"),require("./screenSizeContext-d1b0e534.js"),require("styled-components"),require("./isProduction-97400a13.js");var S=require("lodash/debounce"),M=require("./useIsInit-30d2f777.js");function A(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var P=A(t),N=A(f),x=A(b),H=A(S);const T={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},B=({type:e="square",size:l,avatarImg:a,avatarUrl:i,firstLetter:o,backgroundColor:r,onClick:s,style:d,className:u,width:c,height:m,alt:h})=>{const f=l?T[l]:void 0,[g,v]=t.useState(!1);t.useEffect((()=>{if(i){const e=document.createElement("img");e.setAttribute("src",i),e.addEventListener("error",(()=>{v(!0)}))}}),[i,v]);const E=(!i&&!a||g)&&o;return P.default.createElement(p.StyledAvatar,{style:Object.assign(Object.assign({},d),{"--size":f?f+"px":void 0,"--width-prop":c?c+"px":void 0,"--height-prop":m?m+"px":void 0,"--background-color":r}),"data-has-max":!(!c||!m),"data-avatar-type":e,onClick:s,className:u,avatarUrl:i,"data-custom-size":!!l},a,i&&!g&&P.default.createElement(n.ImageWrap,{src:i,alt:h||"avatar"}),E&&o)},_=e=>P.default.createElement(n.ImageWrap,Object.assign({alt:"round cambodia flag",src:a.CommonGAssets.getAssetPath("flags/cambodiaRound.png"),style:Object.assign({borderRadius:"50%"},e.style)},e)),R=e=>P.default.createElement(n.ImageWrap,Object.assign({alt:"square cambodia flag",src:a.CommonGAssets.getAssetPath("flags/cambodiaSquare.png")},e)),O=e=>P.default.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:Object.assign({borderRadius:"50%"},e.style)},e),P.default.createElement("g",null,P.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},P.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),P.default.createElement("path",{d:"M7.49953 0.327881C5.47199 0.850891 3.69346 1.98591 2.37793 3.53444L7.49953 6.6655V0.327881Z",fill:"#3F51B5"}),P.default.createElement("path",{d:"M2.30273 16.3824C3.62476 17.9749 5.4353 19.1399 7.50034 19.6729V13.2053L2.30273 16.3824Z",fill:"#3F51B5"}),P.default.createElement("path",{d:"M0.328125 12.5C0.334625 12.526 0.341125 12.5515 0.348125 12.5775L0.474128 12.5H0.328125Z",fill:"white"}),P.default.createElement("path",{d:"M17.7871 3.73445C16.4571 2.08391 14.6131 0.872891 12.499 0.327881V6.96651L17.7871 3.73445Z",fill:"#3F51B5"}),P.default.createElement("path",{d:"M12.499 19.6722C14.6506 19.1172 16.5196 17.8707 17.8546 16.1752L12.499 12.9021V19.6722Z",fill:"#3F51B5"}),P.default.createElement("path",{d:"M0.376626 7.31055C0.359125 7.37305 0.344125 7.43705 0.328125 7.50005H0.686632L0.376626 7.31055Z",fill:"white"}),P.default.createElement("path",{d:"M19.8745 8.50006C19.827 8.18506 19.7655 7.87555 19.6895 7.57104L18.1699 8.50006H19.8745Z",fill:"white"}),P.default.createElement("path",{d:"M0.686034 7.50024H0.327527C0.243026 7.82775 0.175524 8.16076 0.124023 8.50026H2.32207L0.686034 7.50024Z",fill:"white"}),P.default.createElement("path",{d:"M19.7197 12.3148C19.7832 12.0473 19.8337 11.7752 19.8752 11.5002H18.3867L19.7197 12.3148Z",fill:"white"}),P.default.createElement("path",{d:"M2.10956 11.5002H0.124023C0.175024 11.8398 0.243026 12.1728 0.327527 12.5003H0.47403L2.10956 11.5002Z",fill:"white"}),P.default.createElement("path",{d:"M8.50002 7.27665V0.124512C8.16051 0.175513 7.82751 0.243514 7.5 0.328016V6.66564L8.50002 7.27665Z",fill:"white"}),P.default.createElement("path",{d:"M11.5 12.2913V19.8759C11.8395 19.8249 12.1725 19.7569 12.5 19.6724V12.9023L11.5 12.2913Z",fill:"white"}),P.default.createElement("path",{d:"M7.5 13.205V19.6721C7.82751 19.7566 8.16051 19.8241 8.50002 19.8756V12.594L7.5 13.205Z",fill:"white"}),P.default.createElement("path",{d:"M11.5925 7.34715L11.7345 7.43415L12.5 6.96614V0.328016C12.1725 0.243514 11.8395 0.176013 11.5 0.124512V7.49865L11.5925 7.34715Z",fill:"white"}),P.default.createElement("path",{d:"M2.32251 8.50002H7.01761L8.50014 7.594V7.277L7.50011 6.66548L2.37852 3.53442C1.95151 4.03743 1.572 4.58144 1.24949 5.16296L5.02507 7.5H2.29701L0.650482 6.47648C0.54748 6.74949 0.455478 7.02699 0.375977 7.3105L0.686483 7.5L2.32251 8.50002Z",fill:"white"}),P.default.createElement("path",{d:"M11.7344 7.43419L13.4784 8.50021H18.171L19.6905 7.57119C19.528 6.92118 19.303 6.29767 19.02 5.70516L16.139 7.50019H13.4109L18.317 4.45013C18.1515 4.20313 17.9735 3.96562 17.7875 3.73462L12.4999 6.96618L11.7344 7.43419Z",fill:"white"}),P.default.createElement("path",{d:"M5.02448 7.50013L1.2494 5.16309C1.0169 5.58259 0.821394 6.0231 0.650391 6.47661L2.29642 7.50013H5.02448Z",fill:"#E53935"}),P.default.createElement("path",{d:"M16.1392 7.50024L19.0207 5.70521C18.8132 5.2702 18.5837 4.84819 18.3177 4.45068L13.4111 7.50024H16.1392Z",fill:"#E53935"}),P.default.createElement("path",{d:"M11.5 11.5002V12.2913L12.5 12.9023L17.8556 16.1758C18.2416 15.6853 18.5836 15.1593 18.8736 14.6008L15.4856 12.5003H18.2136L19.4432 13.2673C19.5507 12.9563 19.6432 12.6393 19.7197 12.3153L18.3871 11.5002H11.5Z",fill:"white"}),P.default.createElement("path",{d:"M13.4785 8.50019L11.7345 7.43417L11.5925 7.34717L11.5 7.49867V8.50019H13.4785Z",fill:"white"}),P.default.createElement("path",{d:"M8.49934 12.5943V11.5002H2.10921L0.473182 12.5003L0.34668 12.5778C0.522683 13.2383 0.762688 13.8713 1.06319 14.4708L4.16375 12.5003H6.89181L1.80071 15.7168C1.95971 15.9448 2.12471 16.1688 2.30172 16.3823L7.49932 13.2053L8.49934 12.5943Z",fill:"white"}),P.default.createElement("path",{d:"M7.01758 8.50026H8.50011V7.59424L7.01758 8.50026Z",fill:"white"}),P.default.createElement("path",{d:"M15.4854 12.5L18.8729 14.6C19.0949 14.173 19.2834 13.727 19.4429 13.2665L18.2134 12.5H15.4854Z",fill:"#E53935"}),P.default.createElement("path",{d:"M4.16501 12.5L1.06445 14.4705C1.28196 14.9045 1.52596 15.3216 1.80197 15.7166L6.89307 12.5H4.16501Z",fill:"#E53935"}),P.default.createElement("path",{d:"M13.4785 8.5H11.5V11.5001H18.3871H19.8757C19.9497 11.0095 20.0002 10.511 20.0002 10C20.0002 9.48902 19.9497 8.99051 19.8757 8.5H18.1711H13.4785Z",fill:"#E53935"}),P.default.createElement("path",{d:"M8.50017 11.5001V8.5H7.01764H2.32255H0.124502C0.050501 8.99051 0 9.48902 0 10C0 10.511 0.050501 11.0095 0.124502 11.5001H2.11004H8.50017Z",fill:"#E53935"}),P.default.createElement("path",{d:"M11.5001 19.8759V12.2912V11.5002V8.50016V7.49865V0.124502C11.0095 0.050501 10.511 0 10 0C9.48902 0 8.99051 0.050501 8.5 0.124502V7.27664V7.59365V8.50016V11.5002V12.5942V19.8759C8.99051 19.9499 9.48902 20.0004 10 20.0004C10.511 20.0004 11.0095 19.9499 11.5001 19.8759Z",fill:"#E53935"}))),I=e=>P.default.createElement("svg",Object.assign({viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),P.default.createElement("g",null,P.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"1",y:"5",width:"24",height:"16"},P.default.createElement("path",{d:"M1.08301 7.41675C1.08301 6.31218 1.97844 5.41675 3.08301 5.41675H22.9163C24.0209 5.41675 24.9163 6.31218 24.9163 7.41675V18.5834C24.9163 19.688 24.0209 20.5834 22.9163 20.5834H3.08301C1.97844 20.5834 1.08301 19.688 1.08301 18.5834V7.41675Z",fill:"#3F51B5"})),P.default.createElement("path",{d:"M1.08301 5.41675H24.9163V20.5834H1.08301V5.41675Z",fill:"#3F51B5"}),P.default.createElement("path",{d:"M1.08301 7.70041L12.3551 14.5899L14.05 11.8165L3.57901 5.41675H1.08301V7.70041Z",fill:"white"}),P.default.createElement("path",{d:"M24.9165 5.41675H22.9616L12.4912 11.816L14.1855 14.5899L24.9165 8.03083V5.41675Z",fill:"white"}),P.default.createElement("path",{d:"M14.1855 10.9802L12.4912 13.7536L23.6658 20.5834H24.9165V17.5387L14.1855 10.9802Z",fill:"white"}),P.default.createElement("path",{d:"M1.08301 17.8702V20.5834H2.87592L14.05 13.7541L12.3556 10.9802L1.08301 17.8702Z",fill:"white"}),P.default.createElement("path",{d:"M1.08301 10.8333H24.9163V15.1666H1.08301V10.8333Z",fill:"white"}),P.default.createElement("path",{d:"M10.833 5.41675H15.1663V20.5834H10.833V5.41675Z",fill:"white"}),P.default.createElement("path",{d:"M9.32609 10.8334L1.08301 5.79537V7.06504L7.24826 10.8334H9.32609ZM24.0004 5.41675L15.1376 10.8334H17.2149L24.9163 6.12687V5.41675H24.0004ZM17.9191 15.1667L24.9163 19.4432V18.1735L19.9964 15.1667H17.9191ZM8.62192 15.1667L1.08301 19.7742V20.5834H1.83701L10.6992 15.1667H8.62192ZM1.08301 11.9167H24.9163V14.0834H1.08301V11.9167Z",fill:"#E53935"}),P.default.createElement("path",{d:"M11.917 5.41675H14.0837V20.5834H11.917V5.41675Z",fill:"#E53935"}))),U=e=>P.default.createElement(n.ImageWrap,Object.assign({alt:"round india flag",src:a.CommonGAssets.getAssetPath("flags/indiaRound.png"),style:Object.assign({borderRadius:"50%"},e.style)},e)),$=e=>P.default.createElement(n.ImageWrap,Object.assign({alt:"square indian flag",src:a.CommonGAssets.getAssetPath("flags/indiaSquare.png")},e)),G=t=>{var l=e.__rest(t,[]);const a=i.useUniqueId();return P.default.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),P.default.createElement("mask",{id:a,style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},P.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),P.default.createElement("g",{mask:`url(#${a})`},P.default.createElement("rect",{width:"20",height:"10",fill:"#CE1126"}),P.default.createElement("rect",{y:"10",width:"20",height:"10",fill:"white"})))},j=t=>{var l=e.__rest(t,[]);const a=i.useUniqueId();return P.default.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),P.default.createElement("g",{clipPath:`url(#${a})`},P.default.createElement("rect",{y:"0.0166016",width:"24",height:"8",fill:"#CE1126"}),P.default.createElement("rect",{y:"8.0166",width:"24",height:"8",fill:"white"})),P.default.createElement("defs",null,P.default.createElement("clipPath",{id:a},P.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}))))},Z=e=>P.default.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:Object.assign({borderRadius:"50%"},e.style)},e),P.default.createElement("g",null,P.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},P.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),P.default.createElement("rect",{y:"1",width:"20",height:"20",fill:"#CC0001"}),P.default.createElement("rect",{y:"16.106",width:"20",height:"1.02041",fill:"white"}),P.default.createElement("rect",{y:"16",width:"20",height:"1.02041",fill:"white"}),P.default.createElement("rect",{y:"18",width:"20",height:"1.02041",fill:"white"}),P.default.createElement("rect",{y:"14.0652",width:"20",height:"1.02041",fill:"white"}),P.default.createElement("rect",{y:"12.0242",width:"20",height:"1.02041",fill:"white"}),P.default.createElement("rect",{y:"9.9834",width:"20",height:"1.02041",fill:"white"}),P.default.createElement("rect",{y:"7.94263",width:"20",height:"1.02041",fill:"white"}),P.default.createElement("rect",{y:"5.90186",width:"20",height:"1.02041",fill:"white"}),P.default.createElement("rect",{y:"3.86084",width:"20",height:"1.02041",fill:"white"}),P.default.createElement("rect",{y:"2",width:"20",height:"1.02041",fill:"white"}),P.default.createElement("rect",{width:"20",height:"1.02041",fill:"white"}),P.default.createElement("rect",{y:"-1",width:"10",height:"12",fill:"#010066"}),P.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.11387 3.86084C2.92711 3.86084 1.96387 5.23232 1.96387 6.92206C1.96387 8.6118 2.92711 9.98329 4.11387 9.98329C4.54263 9.98329 4.94211 9.80406 5.27763 9.4957C5.08225 9.59203 4.87256 9.64471 4.65427 9.64471C3.60193 9.64471 2.74786 8.42866 2.74786 6.93032C2.74786 5.43198 3.60193 4.21594 4.65427 4.21594C4.88682 4.21594 5.10959 4.27527 5.31571 4.38397C4.97256 4.0538 4.5589 3.86084 4.11387 3.86084Z",fill:"#FFCC00"}),P.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.67935 8.51573L6.7737 7.8407L7.04147 9.22221L6.43573 8.06657L6.24676 9.47313L6.0609 8.06576L5.4526 9.2188L5.72343 7.83844L4.81629 8.50957L5.49017 7.42963L4.46387 7.48593L5.40732 6.9203L4.46512 6.35062L5.4913 6.41133L4.81981 5.3285L5.72546 6.00353L5.45769 4.62202L6.06343 5.77766L6.25241 4.37109L6.43827 5.77847L7.04656 4.62543L6.77574 6.00579L7.68287 5.33466L7.00899 6.4146L8.0353 6.3583L7.09184 6.92392L8.03404 7.49361L7.00786 7.43289L7.67935 8.51573Z",fill:"#FFCC00"}))),D=e=>P.default.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),P.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#CC0001"}),P.default.createElement("rect",{y:"12.2712",width:"24",height:"0.777454",fill:"white"}),P.default.createElement("rect",{y:"12.1904",width:"24",height:"0.777454",fill:"white"}),P.default.createElement("rect",{y:"13.7144",width:"24",height:"0.777454",fill:"white"}),P.default.createElement("rect",{y:"10.7161",width:"24",height:"0.777454",fill:"white"}),P.default.createElement("rect",{y:"9.16138",width:"24",height:"0.777454",fill:"white"}),P.default.createElement("rect",{y:"7.60645",width:"24",height:"0.777454",fill:"white"}),P.default.createElement("rect",{y:"6.05127",width:"24",height:"0.777454",fill:"white"}),P.default.createElement("rect",{y:"4.49658",width:"24",height:"0.777454",fill:"white"}),P.default.createElement("rect",{y:"2.94141",width:"24",height:"0.777454",fill:"white"}),P.default.createElement("rect",{y:"1.52393",width:"24",height:"0.777454",fill:"white"}),P.default.createElement("rect",{width:"24",height:"0.777454",fill:"white"}),P.default.createElement("path",{d:"M0 2C0 0.895431 0.895431 0 2 0H12V8.38095H0V2Z",fill:"#010066"}),P.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.93644 1.52393C3.51233 1.52393 2.35645 2.56887 2.35645 3.85629C2.35645 5.14371 3.51233 6.18865 4.93644 6.18865C5.45096 6.18865 5.93034 6.05209 6.33296 5.81716C6.09851 5.89054 5.84688 5.93068 5.58492 5.93068C4.32212 5.93068 3.29724 5.00417 3.29724 3.86258C3.29724 2.72099 4.32212 1.79448 5.58492 1.79448C5.86399 1.79448 6.13132 1.83968 6.37865 1.9225C5.96688 1.67094 5.47049 1.52393 4.93644 1.52393Z",fill:"#FFCC00"}),P.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.216 5.07041L8.12923 4.55611L8.45055 5.60869L7.72366 4.72819L7.49689 5.79987L7.27386 4.72758L6.5439 5.60609L6.86889 4.55439L5.78033 5.06572L6.58899 4.24291L5.35742 4.28581L6.48957 3.85485L5.35893 3.42081L6.59034 3.46707L5.78456 2.64205L6.87133 3.15636L6.55001 2.10378L7.2769 2.98427L7.50367 1.9126L7.7267 2.98488L8.45666 2.10638L8.13166 3.15808L9.22022 2.64674L8.41157 3.46955L9.64314 3.42666L8.51099 3.85761L9.64163 4.29165L8.41022 4.2454L9.216 5.07041Z",fill:"#FFCC00"})),V=e=>P.default.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:Object.assign({borderRadius:"50%"},e.style)},e),P.default.createElement("g",null,P.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},P.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),P.default.createElement("rect",{x:"-4",y:"-1",width:"28",height:"11",fill:"#FECB00"}),P.default.createElement("rect",{x:"-4",y:"10",width:"28",height:"10",fill:"#EA2839"}),P.default.createElement("rect",{x:"-4",y:"6.7041",width:"28",height:"6.47773",fill:"#34B233"}),P.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.56543 10.3272L10.1796 5.15527L11.7938 10.3272H8.56543Z",fill:"white"}),P.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5292 11.2775L7.18336 14.5129L8.91745 9.37991L11.5292 11.2775Z",fill:"white"}),P.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.75181 11.8648L5.33182 8.73143L10.7494 8.79447L9.75181 11.8648Z",fill:"white"}),P.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.6105 8.78962L15.0281 8.72658L10.6081 11.86L9.6105 8.78962Z",fill:"white"}),P.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4424 9.37686L13.1765 14.5098L8.83064 11.2744L11.4424 9.37686Z",fill:"white"}))),F=e=>P.default.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),P.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#FECB00"}),P.default.createElement("rect",{y:"8.3811",width:"24",height:"7.61905",rx:"2",fill:"#EA2839"}),P.default.createElement("rect",{y:"5.86987",width:"24",height:"4.93542",fill:"#34B233"}),P.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7705 8.63046L12.1541 4.68994L13.5377 8.63046H10.7705Z",fill:"white"}),P.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3108 9.35502L9.58574 11.8201L11.0721 7.90925L13.3108 9.35502Z",fill:"white"}),P.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7874 9.80216L7.99884 7.41482L12.6425 7.46285L11.7874 9.80216Z",fill:"white"}),P.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.6667 7.4589L16.3104 7.41087L12.5218 9.79821L11.6667 7.4589Z",fill:"white"}),P.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2361 7.90629L14.7225 11.8171L10.9974 9.35207L13.2361 7.90629Z",fill:"white"})),z=e=>P.default.createElement(n.ImageWrap,Object.assign({alt:"round philippines flag",src:a.CommonGAssets.getAssetPath("flags/philippineRound.png"),style:Object.assign({borderRadius:"50%"},e.style)},e)),q=e=>P.default.createElement(n.ImageWrap,Object.assign({alt:"square philippines flag",src:a.CommonGAssets.getAssetPath("flags/philippineSquare.png")},e)),W=e=>P.default.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:Object.assign({borderRadius:"50%"},e.style)},e),P.default.createElement("g",null,P.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},P.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),P.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#D8D8D8"}),P.default.createElement("g",null,P.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},P.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),P.default.createElement("rect",{width:"30",height:"20",fill:"#ED1E24"}),P.default.createElement("rect",{width:"15",height:"10",fill:"#2B2F84"}),P.default.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),P.default.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),P.default.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),P.default.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),P.default.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),P.default.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),P.default.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),P.default.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),P.default.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),P.default.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),P.default.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),P.default.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),P.default.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"})))),K=e=>P.default.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),P.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#ED1E24"}),P.default.createElement("path",{d:"M0 2C0 0.89543 0.895431 0 2 0H15V10H0V2Z",fill:"#2B2F84"}),P.default.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),P.default.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),P.default.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),P.default.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),P.default.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),P.default.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),P.default.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),P.default.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),P.default.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),P.default.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),P.default.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),P.default.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),P.default.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"})),Q=e=>P.default.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:Object.assign({borderRadius:"50%"},e.style)},e),P.default.createElement("g",null,P.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},P.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),P.default.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#ED1C24"}),P.default.createElement("rect",{x:"-4",y:"3.31665",width:"28",height:"13.3333",fill:"white"}),P.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M-4 6.65015H24V13.3168H-4V6.65015Z",fill:"#241D4F"}))),Y=e=>P.default.createElement("svg",Object.assign({viewBox:"0 0 24 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),P.default.createElement("rect",{y:"0.983398",width:"24",height:"16",rx:"2",fill:"#ED1C24"}),P.default.createElement("rect",{y:"3.65039",width:"24",height:"10.6667",fill:"white"}),P.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 6.31689H24V11.6502H0V6.31689Z",fill:"#241D4F"})),J=e=>P.default.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:Object.assign({borderRadius:"50%"},e.style)},e),P.default.createElement("g",null,P.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},P.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),P.default.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#DA251D"}),P.default.createElement("path",{d:"M11.7228 10.8677L14.2819 9.00839L11.1187 9.00839L10.1409 6L9.16316 9.00839L6 9.00839L8.5591 10.8677L7.58184 13.8766L10.1409 12.0168L12.7 13.8766L11.7228 10.8677Z",fill:"#FFEB3B"}))),X=e=>P.default.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),P.default.createElement("g",null,P.default.createElement("clipPath",null,P.default.createElement("rect",{width:"24",height:"16",fill:"white"})),P.default.createElement("path",{d:"M2.01386e-10 2C0 0.895431 0.895431 -7.50368e-10 2 -1.67599e-09L22 -1.84359e-08C23.1046 -1.93615e-08 24 0.895431 24 2L24 14C24 15.1046 23.1046 16 22 16L2 16C0.89543 16 1.52092e-09 15.1046 1.4097e-09 14L2.01386e-10 2Z",fill:"#DA251D"}),P.default.createElement("path",{d:"M13.7823 8.92854L16.6663 6.8332L13.1016 6.8332L11.9997 3.44287L10.8978 6.8332L7.33301 6.8332L10.217 8.92854L9.11567 12.3195L11.9997 10.2235L14.8837 12.3195L13.7823 8.92854Z",fill:"#FFEB3B"})));var ee="pfaLGRK";const te=({country:e,language:t,rounded:l,height:a,width:n,isTesting:i})=>{let o,r;switch(t){case"en":o=P.default.createElement(I,null),r=P.default.createElement(O,null);break;case"vi":o=P.default.createElement(X,null),r=P.default.createElement(J,null);break;case"id":o=P.default.createElement(j,{isTesting:i}),r=P.default.createElement(G,{isTesting:i});break;case"th":o=P.default.createElement(Y,null),r=P.default.createElement(Q,null);break;case"km":o=P.default.createElement(R,null),r=P.default.createElement(_,null);break;case"ms":o=P.default.createElement(D,null),r=P.default.createElement(Z,null);break;case"my":o=P.default.createElement(F,null),r=P.default.createElement(V,null);break;case"tl":o=P.default.createElement(q,null),r=P.default.createElement(z,null);break;case"hi":o=P.default.createElement($,null),r=P.default.createElement(U,null);break;case"zh":o=P.default.createElement(K,null),r=P.default.createElement(W,null)}if(!o&&!r)switch(e){case"VN":o=P.default.createElement(X,null),r=P.default.createElement(J,null);break;case"ID":o=P.default.createElement(j,{isTesting:i}),r=P.default.createElement(G,{isTesting:i});break;case"TH":o=P.default.createElement(Y,null),r=P.default.createElement(Q,null);break;case"KH":o=P.default.createElement(R,null),r=P.default.createElement(_,null);break;case"MY":o=P.default.createElement(D,null),r=P.default.createElement(Z,null);break;case"MM":o=P.default.createElement(F,null),r=P.default.createElement(V,null);break;case"PH":o=P.default.createElement(q,null),r=P.default.createElement(z,null);break;case"IN":o=P.default.createElement($,null),r=P.default.createElement(U,null);break;case"TW":o=P.default.createElement(K,null),r=P.default.createElement(W,null)}return P.default.createElement("div",{className:ee,style:{"--width":n||20,"--height":a||20}},l?r:o)},le=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn","hellohealth.questionpro.com","hellobacsivn.page.link"],ae=(e="")=>le.some((t=>new URL(e).origin.endsWith(t))),ne=({options:e,label:l,labelRenderer:n,selected:i,onChange:s,showSelected:d=!0,style:u={},showIndicator:c=!0})=>{const[m,h]=t.useState(!1);return P.default.createElement(P.default.Fragment,null,P.default.createElement(o.StyledSelectionContainer,null,P.default.createElement(o.StyledSelectionLabel,{onClick:()=>h((e=>!e))},l||(null==n?void 0:n(m))||null,P.default.createElement(o.StyleSelectionPopup,{"data-is-open":m,style:u,"data-show-indicator":c},e.map(((e,t)=>P.default.createElement(o.StyledOption,{key:t,"data-selected":d&&i===e.value,onClick:t=>{i!==e.value&&(s(e.value),h((e=>!e))),t.stopPropagation()}},P.default.createElement(r.Text,{size:"p3"},e.label),d&&i===e.value&&P.default.createElement("img",{src:a.CommonGAssets.getAssetPath("check.svg"),alt:"check",className:"check-icon"}))))))),m&&P.default.createElement(o.StyledPopupBackground,{onClick:()=>h(!1)}))},ie=({languageOptions:e,locale:t})=>{var l,a;const n=null==e?void 0:e.find((e=>e.locale===t));return(null==e?void 0:e.length)?P.default.createElement(ne,{options:e,selected:n.value,label:P.default.createElement(oe,{locale:t,label:n.label||(null===(a=null===(l=t.split("-"))||void 0===l?void 0:l[0])||void 0===a?void 0:a.toUpperCase())}),onChange:e=>{"undefined"!=typeof window&&(window.location.href=e)},style:{width:100},showSelected:!0,showIndicator:!1}):null},oe=({locale:e,label:t,href:l})=>{var a,n,i;return P.default.createElement(o.StyledLanguageChangeLink,{href:l},P.default.createElement(te,{country:null===(n=null===(a=null==e?void 0:e.split("-"))||void 0===a?void 0:a[1])||void 0===n?void 0:n.toUpperCase(),width:16,height:16,rounded:!0,language:null===(i=null==e?void 0:e.split("-"))||void 0===i?void 0:i[0]}),P.default.createElement("span",null,t))},re=({forceDisplay:e,mediaQueryKey:l,children:a,className:n,style:i})=>{const[r,s]=t.useMemo((()=>g.getBoundariesFromMediaQueryKey(l)),[l]);return P.default.createElement(o.StyledDisplayWrapper,{lowerBound:e?0:r,upperBound:e?0:s,className:n,style:i},a)},se=e=>{const{allowBgScroll:l}=e||{},a=t.useRef();return{containerRef:a,onContainerFocus:()=>{l||(document.documentElement.style.overflow="hidden")},onContainerBlur:()=>{l||(document.documentElement.style.overflow="")},onButtonMouseDown:e=>{a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur(),e.preventDefault())},onClose:()=>{a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur())}}},de=({type:e="lead",closeIcon:t,isOpen:l=!0,onClose:a,children:n,enableAnimation:i=!0,targetAvatar:r,id:s,className:d})=>P.default.createElement(o.StyledPopup,{"data-open":l,"data-type":e,"data-animation":i,"data-target":r,id:s,className:d},P.default.createElement("div",{className:"popup-content"},!!t&&P.default.createElement("div",{className:"close-button",onClick:a},t),n)),ue={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"shop"};var ce="uJQBNNg",me="TfG3dM5",he="aMtjFNf",fe="cSz2RR-",ge="GyFm00F";function pe({userInfo:e,onClickMyProfileButton:l,themeName:n="helloSites"}){const{t:i}=h.useTranslations(),o=t.useMemo((()=>{const t=(null==e?void 0:e.name)||(null==e?void 0:e.username);return t&&t.length?t[0].toUpperCase():"A"}),[null==e?void 0:e.username,null==e?void 0:e.name]);return P.default.createElement("div",{className:ce,onClick:()=>{l&&l()}},P.default.createElement(B,{className:me,type:"rounded",size:"xl",avatarUrl:null==e?void 0:e.avatar,firstLetter:o,backgroundColor:"marryBaby"===n?E.theme.mbColors.pink:E.theme.colors.secondaryBase}),P.default.createElement("div",{className:he},P.default.createElement("div",{className:fe},(null==e?void 0:e.name)||(null==e?void 0:e.username)),P.default.createElement("div",{className:ge,style:{"--bg-hellosites":`url(${a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg")})`,"--bg-marrybaby":`url(${a.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg")})`}},i("userProfile.nav.header.viewProfile"))))}var ve="gn6HmGG",Ee="FCx8FEM",ye="zMiRxaE",Ce="lZ2Z9MQ",we="rwm-agG",Le="qMOscoq";const be=({themeName:e,locale:l,onClickItem:n})=>{const[i,o]=t.useState(""),r=t.useMemo((()=>"marryBaby"===e?[{key:"userProfile.nav.menu.password",icon:a.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:a.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-settingsWheel.svg"),subMenu:[{key:"common.profileNavigator.newsletterSubscription",link:"subscriptions",disableLocale:["id-ID","ms-MY","km-KH","en-PH","tl-PH","th-TH","my-MM","zh-TW","hi-IN"]},{key:"userProfile.nav.menu.password",link:"password"},{key:"userProfile.nav.menu.disableAccount",link:"disable-account",disableLocale:["hi-IN"]}]},{key:"userProfile.nav.menu.help",icon:a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]),[e]);function s(e){e.subMenu?o((t=>t?"":e.key)):n&&n(e)}return P.default.createElement("div",{className:ve},r.map((e=>P.default.createElement(ke,{key:e.key,item:e,openKey:i,onClickItem:s,locale:l}))))},ke=({item:e,openKey:t,onClickItem:l,locale:n})=>{var i;const{t:o}=h.useTranslations();return(null===(i=e.disableLocale)||void 0===i?void 0:i.includes(n))?null:P.default.createElement("div",{className:`${Ee} nav-menu-item`,"data-is-open":t===e.key,key:e.key,"data-has-submenu":!!e.subMenu},P.default.createElement("div",{className:ye,onClick:()=>l(e)},e.icon&&P.default.createElement("div",{className:Ce,style:{backgroundImage:`url("${e.icon}")`}}),o(e.key),e.subMenu&&P.default.createElement("div",{className:we,style:{"--after-bg":`url(${a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg")})`}})),e.subMenu&&P.default.createElement("div",{className:Le},e.subMenu.map((e=>P.default.createElement(ke,{key:e.key,item:e,openKey:t,onClickItem:l,locale:n})))))};var Se="-AZt1au",Me="IvSIfCI",Ae="eahCJov",Pe="XIyViFs",Ne="_4y-O0w3",xe="kO8iNgD",He="a1d4E10",Te="Tdguxxf",Be="-mOxsaU",_e="yPeDBNZ";const Re={helloSites:{member:()=>a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>a.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>a.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>a.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>a.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>a.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},Oe=({themeName:e,rank:l="member",numberOfPosts:a=0})=>{const{t:n}=h.useTranslations(),i=t.useMemo((()=>{var t,a;return(null===(a=null===(t=Re[e])||void 0===t?void 0:t[l])||void 0===a?void 0:a.call(t))||""}),[l,e]);return P.default.createElement("div",{className:Ne,"data-user-rank":l},P.default.createElement("div",{className:xe},P.default.createElement("div",{className:He},P.default.createElement("div",{className:Te,style:{backgroundImage:`url("${i}")`}}),P.default.createElement("h3",{className:Be},n(`userProfile.userRank.${l}`)),a>0&&P.default.createElement("p",{className:_e},a," ",n("userProfile.nav.header.count.posts")))))},Ie=e=>{var t,l,a,n;return e?{termId:e.term_id||null,sponsor:e.sponsor?(n=e.sponsor,n?{title:n.title,logo:n.logo,link:n.link}:{}):null,isSponsored:e.is_sponsored||null,categoryName:e.cat_name||e.name||null,name:e.name||null,iconUrl:e.icon||"",slugName:e.category_nicename||null,description:e.description||null,featureImage:e.thumbnail||e.image||null,displayName:e.name||null,parent:e.parent||null,permalink:e.permalink||null,slug:e.slug||null,childCates:(null===(t=e.child_cates)||void 0===t?void 0:t.map((e=>Ie(e))))||[],thumnailColor:e.thumnail_color||["#FFEAF1","#E0E9FB","#FFF9EB","#F2FCF7","#F3F3F3"][5*Math.random()|0],colorFeatureImage:e.color_feature_image||null,imageColor:e.image_color||null,textColor:e.text_color||null,catParent:(null===(l=e.cat_parent)||void 0===l?void 0:l.name)?{name:e.cat_parent.name,permalink:e.cat_parent.permalink}:{},metaTag:e.meta_tag||"",reviewedBy:e.reviewed_by?(a=e.reviewed_by,{postTitle:a.post_title,permalink:a.permalink}):null,reviewedDate:e.reviewed_date||"",faqs:e.faqs?e.faqs.map((e=>(e=>({title:e.title,content:e.content}))(e))):null,customizedUrl:e.customized_url||null}:{}},Ue=e=>{var t,l;if(!e)return{};const a=null===(t=e.link)||void 0===t?void 0:t.includes("/bot/"),n=null===(l=e.link)||void 0===l?void 0:l.startsWith("/fil/"),i=e.link?e.link.startsWith("http")||a?e.link:n?e.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):`/health-tools${e.link.replace("/health-tools/","/")}`:void 0;return{icon:e.icon,link:i,subtitle:e.subtitle,title:e.title}},$e=e=>e?{thumbnail:e.thumbnail,link:null==e?void 0:e.slug,subtitle:e.name,name:e.name,slug:e.slug}:{},Ge=e=>e?{id:e.id,name:e.name,logo:null==e?void 0:e.logo,description:e.about,slug:e.slug}:{},je=({type:e,specialtySlug:t,locale:l})=>{var a,n;return`${null===(a=L.LOCALIZED_SLUGS[l])||void 0===a?void 0:a.ALL}/${(null===(n=L.LOCALIZED_SLUGS[l])||void 0===n?void 0:n[e])||"doctor"}/${null!=t?t:""}`},Ze=e=>e?{id:e.ID,name:e.name,permalink:e.permalink,image:(null==e?void 0:e.small_banner)||(null==e?void 0:e.image)||"",imageMedium:(null==e?void 0:e.image_medium)||null,imageThumbnail:(null==e?void 0:e.image_thumbnail)||null,startDate:null==e?void 0:e.start_date,endDate:null==e?void 0:e.end_date}:{},De=e=>{const t=new Date;if(null==e?void 0:e.startDate){const l=new Date(e.startDate);if(t.getTime()<l.getTime())return!1}if(null==e?void 0:e.endDate){const l=new Date(e.endDate);if(t.getTime()>l.getTime())return!1}return!0},Ve=({SSO_URL:e,UP_BASEPATH:l="user",themeName:n="helloSites",cardUrls:i=ue,enableCare:r,enableTogether:u,enableEcom:c,enableMySaved:m,userInfo:f,togetherApiDomain:g,userPostsNumber:p,onClickNavigationCard:v,onClickMyProfileButton:E,onClickMenuItem:w,onClickLogout:L,isUserProfileNavigatorMenuHidden:b=!1,isMyHealthEnabled:k=!1,locale:S})=>{const{t:M}=h.useTranslations(),[A,N]=t.useState(p||0),H="marryBaby"===n;t.useEffect((()=>{if(f&&void 0===p){const e=y.getCookie("hhg_user_token");e&&fetch(d.normalizeLinkSlash(((e,t,l,a)=>(l||"https://together.hellohealthgroup.com/")+"api/v1/"+x.default(o.TOGETHER_PATHS.GET_USER_POSTS,Object.assign(Object.assign({},a),{websiteUrl:t?"https://marrybaby.vn":`https://${s.domainLocales[e]}`})))(S,H,g)),{headers:{Authorization:`Bearer ${e}`}}).then((e=>e.json())).then((e=>{var t,l,a;1===(null==e?void 0:e.status)&&(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.pagination)&&N((null===(a=null===(l=null==e?void 0:e.data)||void 0===l?void 0:l.pagination)||void 0===a?void 0:a.total_items)||0)})).catch((e=>console.error("Error fetching post number",e)))}}),[S,null!==f,p,g,H]);const T=t.useMemo((()=>{let e;return e=H?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"],e.filter((e=>"myBooking"===e?r:"myCommunity"===e?u:"myHealth"===e?k:"eCom"===e?c:"mySaved"!==e||m))}),[H,k]),B=t.useMemo((()=>"marryBaby"===n?null:P.default.createElement(C.Button,{color:"tertiary",icon:P.default.createElement("img",{src:a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15}),size:"md",onClick:L,className:Pe},M("userProfile.nav.menu.logout"))),[n]),_=t=>{window.location.href=d.normalizeLinkSlash(`${e}${l}/${t}`)},R=e=>{const t=i[e];v?v(t):_(t)};return f?P.default.createElement("div",{className:Se,"data-theme":n},P.default.createElement(pe,{userInfo:f,themeName:n,onClickMyProfileButton:()=>{E?E():_("profile")}}),P.default.createElement(Oe,{themeName:n,rank:"member",numberOfPosts:A}),P.default.createElement("div",{className:Me},T.map((e=>P.default.createElement(o.NavigationCard,{className:Ae,key:e,themeName:n,type:e,onClick:R})))),!b&&P.default.createElement(P.default.Fragment,null,P.default.createElement(be,{themeName:n,locale:S,onClickItem:e=>{"logout"===e.link&&L?L():e.link&&!e.subMenu&&(w?w(e.link):_(e.link))}}),B)):null},Fe=({SSO_URL:e,UP_BASEPATH:t,isOpen:l,targetAvatar:a,userInfo:n,enableCare:i,enableTogether:o,enableEcom:r,enableMySaved:s,closePopup:u,siteType:c="helloSites",dispatchLogout:m,userProfileRouterPush:h,isUserProfileNavigatorMenuHidden:f,isMyHealthEnabled:g=!1,togetherApiDomain:p,locale:v})=>{const E=l=>{h?h(`/${l}`):e&&(window.location.href=d.normalizeLinkSlash(`${e}${t}/${l}`))},y=e=>{E(e),u()};return P.default.createElement(de,{isOpen:l,type:"profile",enableAnimation:!0,targetAvatar:a,onClose:u},P.default.createElement(Ve,{SSO_URL:e,UP_BASEPATH:t,themeName:c,userInfo:n,enableCare:i,enableTogether:o,enableEcom:r,enableMySaved:s,onClickLogout:()=>{m&&(m(),u())},onClickMenuItem:y,onClickNavigationCard:y,onClickMyProfileButton:()=>{E("profile"),u()},isUserProfileNavigatorMenuHidden:f,isMyHealthEnabled:g,togetherApiDomain:p,locale:v}))},ze=({openLogoutPopup:e,onCloseHandler:l,onLogoutHandler:n,siteType:i="helloSites"})=>{const{t:r}=h.useTranslations();return t.useEffect((()=>{document.body.classList.toggle("noscroll",e)}),[e]),P.default.createElement(w.Portal,null,P.default.createElement(c.Popup,{type:"confirm",isOpen:e,closeIcon:P.default.createElement("img",{src:a.CommonGAssets.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon"}),onClose:l},P.default.createElement(o.StyledPopup$1,null,"helloSites"===i&&P.default.createElement("img",{src:a.CommonGAssets.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account"}),P.default.createElement("h2",null,r("helloSites"===i?"logout.popup.ask1":"logout.popup.ask.mb")),P.default.createElement("p",null,r("logout.popup.ask2")),P.default.createElement(o.StyledButtonGroup,{siteType:i},P.default.createElement(C.Button,{className:"logout-button",color:"tertiary",size:"lg",onClick:n},r("logout.popup.button.logout")),P.default.createElement(C.Button,{className:"cancel-button",color:"primary",size:"lg",onClick:l},r("logout.popup.button.cancel"))))))},qe=({userInfo:l,siteType:n,onLoginClick:i,SSO_URL:r,currentUrl:s,isMinifyLogin:u,enableCare:c,enableTogether:m,enableEcom:f,isUserProfileNavigatorMenuHidden:g,UP_BASEPATH:y,isMyHealthEnabled:C,togetherApiDomain:w,onLogout:L,style:b,userProfileRouterPush:k,isLoading:S,locale:M,enableMySaved:A,isSubcribeLoginBtn:N})=>{const{t:x}=h.useTranslations(),[H,T]=t.useState(!1),B=(null==l?void 0:l.name)||(null==l?void 0:l.username),[_,R]=t.useState(!1);t.useEffect((()=>{R(!0)}),[]);const{containerRef:O,onContainerFocus:I,onContainerBlur:U,onButtonMouseDown:$,onClose:G}=se();return S?P.default.createElement(v.Button,{size:"sm",color:"transparent",loading:S}):(null==l?void 0:l.id)?P.default.createElement(P.default.Fragment,null,P.default.createElement(o.StyledImageWrapper,{ref:O,style:b,tabIndex:0,onBlur:U,onFocus:I},P.default.createElement("div",{onMouseDown:$},P.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"},P.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),P.default.createElement(v.Avatar,{size:40,className:"user-avatar",src:null==l?void 0:l.avatar,color:"marryBaby"===n?E.theme.mbColors.pink:E.theme.colors.secondaryBase,placeholderText:B&&B.length?B[0].toUpperCase():"A"})),P.default.createElement(Fe,{UP_BASEPATH:y,SSO_URL:r,dispatchLogout:()=>{G(),T(!0)},isOpen:!1,isMyHealthEnabled:C,enableCare:c,enableTogether:m,enableEcom:f,enableMySaved:A,closePopup:G,userInfo:l,siteType:n,isUserProfileNavigatorMenuHidden:g,togetherApiDomain:w,userProfileRouterPush:k,locale:M})),P.default.createElement(ze,{openLogoutPopup:H,onCloseHandler:()=>{document.body.classList.toggle("noscroll",!1),T(!1)},siteType:n,onLogoutHandler:()=>e.__awaiter(void 0,void 0,void 0,(function*(){T(!1),document.body.classList.toggle("noscroll",!1),yield L()}))})):P.default.createElement(o.StyledLoggedOutAnchor,{style:Object.assign({textDecoration:"none"},b),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":s,href:_?void 0:d.normalizeLinkSlash(`${r}?returnUrl=${s}`),"data-site-type":n},u?P.default.createElement(o.StyledAvatar,{onClick:i},P.default.createElement("img",{src:a.CommonGAssets.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):P.default.createElement(P.default.Fragment,null,"helloSites"===n&&(N?P.default.createElement(v.Button,{className:"mobile-only",size:"sm",variant:N?"secondary":"tertiary",onClick:i,leftIcon:P.default.createElement(p.Envelop,{useCurrentColor:!0,size:18}),style:{paddingLeft:"0.625rem",paddingRight:"0.625rem"}},x("navigation.loginJoin")):P.default.createElement("img",{className:"mobile-only",src:a.CommonGAssets.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:i})),"marryBaby"===n&&P.default.createElement("div",{className:"mobile-only",onClick:i,style:{paddingLeft:16}},P.default.createElement(v.Text,{size:"p3",color:E.theme.mbColors.pink},x("navigation.loginJoin"))),P.default.createElement(v.Button,{className:"login-btn",size:"md",variant:N?"secondary":"tertiary",onClick:i,leftIcon:N?P.default.createElement(p.Envelop,{useCurrentColor:!0,size:18}):P.default.createElement("img",{src:a.CommonGAssets.getAssetPath("login.svg"),width:18,height:18})},x("navigation.loginJoin"))))};var We="spdlGfq",Ke="vgS16jX";const Qe=({onCareHeaderClick:e,currentUrl:t,careUrlFe:l,btnName:a})=>e?P.default.createElement(C.Button,{className:We,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t,onClick:t=>e(t),style:{paddingLeft:10,paddingRight:10}},a):P.default.createElement("a",{href:l,className:`${Ke} care-button no-replace-click`},P.default.createElement(C.Button,{className:We,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t},a));var Ye="y5VJdvw",Je="oVhOSCy",Xe="pX8OXTM";function et({className:e}){return P.default.createElement("div",null,P.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e},P.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function tt({siteType:e,type:t,enableSearch:l,className:n}){return"helloSites"===e?P.default.createElement("div",null,P.default.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:l?a.CommonGAssets.getAssetPath("hamburgerMenuNewWithSearch.svg"):a.CommonGAssets.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:t,className:n})):P.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n},P.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.34961 15C3.34961 14.641 3.64062 14.35 3.99961 14.35L13.9996 14.35C14.3586 14.35 14.6496 14.641 14.6496 15C14.6496 15.359 14.3586 15.65 13.9996 15.65L3.99961 15.65C3.64062 15.65 3.34961 15.359 3.34961 15ZM3.34961 8.99999C3.34961 8.64101 3.64062 8.34999 3.99961 8.34999L19.9992 8.34999C20.3582 8.34999 20.6492 8.64101 20.6492 8.99999C20.6492 9.35898 20.3582 9.64999 19.9992 9.64999L3.99961 9.64999C3.64062 9.64999 3.34961 9.35898 3.34961 8.99999Z",fill:"#3E3F58"}))}const lt=()=>{const{locale:e,configs:{statics:l},siteType:a}=t.useContext(o.NavigationContext),{t:n}=h.useTranslations();return P.default.createElement(p.PureInput,{className:"fake-search-input",name:"search-input-menu-service",size:"md",placeholder:"marryBaby"===a?n("navigation.search.input.placeholder"):n("home.search",{site:s.LOCALE_SPECS[e||"en-PH"]?s.LOCALE_SPECS[e||"en-PH"].SITE_NAME:""}),onChange:()=>{},onKeyDown:e=>"Enter"===e.key&&(window.location.href=`${l.HOME_PAGE_URL}/search/?s=${e.target.value}`),type:"search",onFocus:e=>{e.preventDefault()},displayIcon:P.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},P.default.createElement(o.SearchIcon,null))})};var at="wnUb-dV",nt="cjbOxWe";const it=({item:e,menu:t})=>{const{containerRef:l,onContainerFocus:a,onContainerBlur:n,onButtonMouseDown:i,onClose:o}=se({allowBgScroll:!0}),r=M.useIsInit();return!e.popupType&&e.link?P.default.createElement(ot,{isNew:e.isNew},P.default.createElement("a",{className:"hhgcomp-navigation-itemnav-headeritem "+(r?"":`menu-handler-${e.id}`),tabIndex:0,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},P.default.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,className:nt},e.name))):P.default.createElement(ot,{isNew:e.isNew},P.default.createElement("div",{ref:l,className:"hhgcomp-navigation-itemnav-headeritem "+(r?"":`menu-handler-${e.id}`),tabIndex:0,key:e.id,onBlur:n,onFocus:a,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},P.default.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,onMouseDown:i,className:nt},e.name,e.popupType&&P.default.createElement("div",{className:at},P.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},P.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),P.default.isValidElement(t)?P.default.cloneElement(t,{onClose:o}):null))},ot=({isNew:e,children:t})=>{const{t:l}=h.useTranslations();return e?P.default.createElement(k.Indicator,{color:"green",label:l("home.navigator.menuItem.new"),size:20,styles:{root:{paddingRight:10}}},t):P.default.createElement(P.default.Fragment,null,t)},rt=({hrefViewMore:e,titleBtnViewMore:l,UrlFE:n,onClosePopup:i,menuItems:r,headingTitle:s})=>{const{siteType:d}=t.useContext(o.NavigationContext);return P.default.createElement(o.StyledItemGridLeft,null,P.default.createElement(o.StyledHeading,null,P.default.createElement(p.Heading,{tag:"marryBaby"===d?"h5":"h6",as:"h2",fontWeight:"semibold"},s)),null==r?void 0:r.slice(0,6).map(((e,t)=>{const l=(null==e?void 0:e.link)?(null==e?void 0:e.link.startsWith("http"))?null==e?void 0:e.link:`${n}/${null==e?void 0:e.link.split("/").filter(Boolean).join("/")}/`:"/";return P.default.createElement(o.StyledItem,Object.assign({className:"iconMenu","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":l,"data-is-heading-category":!1,href:l},!ae(l)&&{target:"_blank"},{"data-theme":d,key:t,onClick:i}),P.default.createElement("div",{className:"icon"},P.default.createElement("img",{loading:"lazy",alt:e.name,src:e.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32,overflow:"hidden"}})),P.default.createElement(ot,{isNew:e.isNew},P.default.createElement("p",{style:{paddingRight:e.isNew?10:0}},e.name)),P.default.createElement(o.StyledIconNav,null,P.default.createElement("img",{src:a.CommonGAssets.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"}})))})),l&&P.default.createElement(o.StyledViewMore,{"data-theme":d,style:{textDecoration:"none"},href:e,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e},P.default.createElement(o.StyledItemAll,{onClick:i,"data-theme":d,"data-is-heading-category":!1},l,P.default.createElement(o.StyledImageWrapper$1,null,P.default.createElement("img",{className:"svg",src:"marryBaby"===d?a.CommonGAssets.getAssetPath("chevronRightPink.svg"):a.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}})))))},st=({item:e,index:l=0})=>{var n;const{t:i}=h.useTranslations(),{locale:r,configs:{statics:s}}=t.useContext(o.NavigationContext);if(!e)return null;const d=`${s.CARE_URL_FE}/${null===(n=L.LOCALIZED_SLUGS[r])||void 0===n?void 0:n.HOSPITAL}/${e.slug}-${e.id}`;return P.default.createElement(o.StyledItem$1,{key:e.id,href:d,"data-event-category":"Hamburger Navigation","data-event-action":`Care Click ${l+1}`,"data-event-label":d},P.default.createElement("img",{src:a.CommonGAssets.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg",loading:"lazy"}),P.default.createElement(o.StyledImageCard,null,P.default.createElement(o.StyledImageCardInner,null,P.default.createElement("img",{loading:"lazy",alt:e.name,src:e.logo||"/images/avatar.jpg"}))),P.default.createElement(o.StyledContentWrapper,null,P.default.createElement(o.StyledTitle,null,e.name),P.default.createElement(o.StyledDes,null,e.description),P.default.createElement(o.StyledBtnView,null,i("home.seeMore"),P.default.createElement("img",{src:a.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))))},dt=({title:e,link:l,description:n,cta:i,icon:r})=>{const{siteType:s}=t.useContext(o.NavigationContext);return P.default.createElement(o.StyledContainerNoPosts,{"data-theme":s},P.default.createElement(o.StyledLeft,null,P.default.createElement("img",{src:"marryBaby"===s?a.CommonGAssets.getAssetPath("navMBSpotlightBgNoData.svg"):a.CommonGAssets.getAssetPath("navSpotlightBgNoData.svg"),alt:"",loading:"lazy",className:"bg-svg"}),P.default.createElement(o.StyledContentLeft,null,r&&P.default.createElement("img",{src:r,width:64,height:64}))),P.default.createElement("div",null,e&&P.default.createElement(o.StyledTitle$1,null,e),n&&P.default.createElement(o.StyledDescription,null,n),i&&P.default.createElement("div",null,P.default.createElement("a",{href:l},P.default.createElement(C.Button,{theme:s,className:"survey-contact-submit",size:"md"},i)))))},ut=({title:e,viewMore:l,children:n,link:i,dataEventAction:r=""})=>{const{siteType:s}=t.useContext(o.NavigationContext);return P.default.createElement(o.StyledItemGridRight,null,P.default.createElement(o.StyledHeading$1,null,P.default.createElement(p.Heading,{tag:"marryBaby"===s?"h5":"h6",as:"h2",fontWeight:"semibold"},e),l&&P.default.createElement(o.StyledViewMore$1,{"data-event-category":"Hamburger Navigation","data-event-action":r,"data-event-label":i,href:i,"data-theme":s},l,P.default.createElement("img",{src:"marryBaby"===s?a.CommonGAssets.getAssetPath("chevronRightPink.svg"):a.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}}))),n)},ct=({spotlights:e=[],hrefViewMore:t})=>{const{t:l}=h.useTranslations();return P.default.createElement(ut,{title:l("home.navigator.menu.spotlightHospitals")},0!==e.length?P.default.createElement(o.StyledContainerItems,null,null==e?void 0:e.slice(0,3).map(((e,t)=>P.default.createElement(st,{key:t,index:t,item:e})))):P.default.createElement(dt,{title:l("home.navigator.menu.care.noDatas.title"),description:l("home.navigator.menu.care.noDatas.description"),link:t,cta:l("home.navigator.menu.care.noDatas.cta"),icon:a.CommonGAssets.getAssetPath("community.svg")}))},mt=({item:e,index:t=0})=>e?P.default.createElement(o.StyledItem$2,{key:e.id,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":`Spotlight Click ${t+1}`,"data-event-label":e.link},P.default.createElement(o.StyledImageCard$1,null,P.default.createElement("img",{loading:"lazy",alt:e.title,src:e.banner||"/images/notFound-min-small.jpg"})),P.default.createElement(o.StyledTitle$2,null,e.title)):null,ht=({spotlightsList:e=[],hrefViewMore:l})=>{const{t:n}=h.useTranslations(),{configs:{statics:i}}=t.useContext(o.NavigationContext);return P.default.createElement(ut,{title:n("home.navigator.menu.spotlights"),viewMore:n("home.navigator.menu.spotlights.seeAll"),link:l,dataEventAction:"Spotlight See More Click"},0!==e.length?P.default.createElement(o.StyledContainerItems$1,null,null==e?void 0:e.slice(0,4).map(((e,t)=>P.default.createElement(mt,{key:t,index:t,item:{id:e.id,link:i.HOME_PAGE_URL+e.permalink,title:e.name,banner:e.image}})))):P.default.createElement(dt,{title:n("home.navigator.menu.category.noDatas.title"),description:n("home.navigator.menu.category.noDatas.description"),link:l,cta:n("home.navigator.menu.category.noDatas.cta"),icon:a.CommonGAssets.getAssetPath("Spotlight.svg")}))},ft=({spotlights:e=[]})=>{const{configs:{statics:l}}=t.useContext(o.NavigationContext),{t:n}=h.useTranslations();return P.default.createElement(ut,{title:n("home.navigator.menu.trendingPosts"),viewMore:n("home.navigator.menu.trendingPosts.seeMore"),link:d.normalizeLink(l.TOGETHER_URL_FE),dataEventAction:"Together See More Click"},0!==e.length?P.default.createElement(o.StyledContainerItems$2,null,null==e?void 0:e.slice(0,4).map(((e,t)=>P.default.createElement(o.Item,{index:t,post:e,key:e.id})))):P.default.createElement(dt,{title:n("home.navigator.menu.together.noPosts.title"),description:n("home.navigator.menu.together.noPosts.description"),link:`${l.HOME_PAGE_URL}/community/`,cta:n("home.navigator.menu.together.noPosts.cta"),icon:a.CommonGAssets.getAssetPath("community.svg")}))},gt=({item:e,index:l=0})=>{const{t:n}=h.useTranslations(),{configs:{statics:i}}=t.useContext(o.NavigationContext);if(!e)return null;const r=e.link?e.link.startsWith("http")?e.link:`${i.HOME_PAGE_URL}${e.link}`:void 0;return P.default.createElement(o.StyledItem$3,{href:r,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${l+1}`,"data-event-label":r},P.default.createElement("img",{src:a.CommonGAssets.getAssetPath("navToolCardBg.svg"),alt:"",loading:"lazy",className:"bg-svg"}),P.default.createElement(o.StyledContentWrapper$1,null,P.default.createElement(o.StyledTitle$3,null,e.title),P.default.createElement(o.StyledDes$1,null,e.subtitle),P.default.createElement(o.StyledBtnView$1,null,n("home.seeMore"),P.default.createElement("img",{src:a.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))),P.default.createElement(o.StyledImageCard$2,null,P.default.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})))},pt=({item:e,index:l=0,color:n})=>{const{t:i}=h.useTranslations(),{configs:{statics:r}}=t.useContext(o.NavigationContext);if(!e)return null;const s=e.link?e.link.startsWith("http")?e.link:`${r.HOME_PAGE_URL}${e.link}`:void 0,d=()=>P.default.createElement(o.StyledImageCard$3,null,P.default.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})),u=()=>P.default.createElement(o.StyledWrapName,null,P.default.createElement(o.StyledContent,null,P.default.createElement(o.StyledTitle$4,null,e.title),P.default.createElement(o.StyledDes$2,null,e.subtitle)),P.default.createElement(o.StyledBtnView$2,null,P.default.createElement("div",{className:"mobile-only"},i("home.seeMore")),P.default.createElement("img",{src:a.CommonGAssets.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"}})));return P.default.createElement(o.StyledItem$4,{href:s,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${l+1}`,"data-event-label":s,"data-color":n},P.default.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none",xmlns:"http://www.w3.org/2000/svg"},P.default.createElement("path",{d:"M58.5713 53.428C40.6466 70.0213 12.9929 71.0875 -7.00506 84.9856C-24.9277 97.4005 -38.3893 120.472 -60.213 120.346C-73.3615 120.271 -84.9289 110.925 -91.9303 99.8138C-101.443 84.7327 -103.994 64.0482 -93.916 49.3276C-81.8133 31.6505 -56.6933 28.1101 -41.7246 12.7895C-35.4351 6.35117 -31.2212 -1.90115 -24.8564 -8.25051C-7.17639 -25.9054 34.9604 -29.7543 56.852 -16.9562C80.9056 -2.89888 77.046 36.3304 58.5713 53.428Z",strokeWidth:"0"})),P.default.createElement("img",{src:a.CommonGAssets.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg",loading:"lazy",alt:""}),P.default.createElement(o.StyledContentWrapper$2,null,P.default.createElement("div",{className:"mobile-only"},d()),P.default.createElement("div",{className:"desktop-only"},u())),P.default.createElement("div",{className:"mobile-only"},u()),P.default.createElement("div",{className:"desktop-only"},d()))},vt=({hrefViewMore:e,spotlightHealthTools:l=[]})=>{const{t:n}=h.useTranslations(),i=["pink","orange","green"],{siteType:r}=t.useContext(o.NavigationContext);return P.default.createElement(ut,{title:n("home.navigator.menu.spotlightTools")},0!==l.length&&P.default.createElement(o.StyledContainerItems$3,null,null==l?void 0:l.slice(0,3).map(((e,t)=>"marryBaby"===r?P.default.createElement(pt,{key:t,index:t,item:e,color:i[t]}):P.default.createElement(gt,{key:t,index:t,item:e})))),0===l.length&&P.default.createElement(dt,{title:n("home.navigator.menu.healthTools.noDatas.title"),description:n("home.navigator.menu.healthTools.noDatas.description"),link:e,cta:n("home.navigator.menu.healthTools.noDatas.cta"),icon:a.CommonGAssets.getAssetPath("community.svg")}))},Et=({closePopup:e,menuItems:l=[]})=>{var a,n;const{siteType:i,ssrMenuContent:{categories:r,healthTools:d,care:u,together:c},activeMenuService:m,configs:{statics:f,enableSearchBar:g},locale:p}=t.useContext(o.NavigationContext),{t:v}=h.useTranslations();return P.default.createElement(o.StyledMasterMenuContainer,{id:"categories-menu"},g?P.default.createElement(o.StyledServiceListMenuSearchInputWrapper,{"data-theme":i,onClick:()=>{window.location.href=`${f.HOME_PAGE_URL}/search`}},P.default.createElement(lt,null)):null,P.default.createElement(o.StyledWrapper,null,P.default.createElement(rt,{UrlFE:f.HOME_PAGE_URL,titleBtnViewMore:v("home.navigator.menuItem.allCategories"),menuItems:l,headingTitle:v("home.navigator.menuItem.healthCategories"),onClosePopup:e}),"categories"===m&&P.default.createElement(ht,{spotlightsList:(null==r?void 0:r.spotlights)||[],hrefViewMore:`${f.HOME_PAGE_URL}${"tl-PH"===p?"/fil":""}/spotlight/`}),"tools"===m&&P.default.createElement(vt,{spotlightHealthTools:null==d?void 0:d.spotlights,hrefViewMore:`${f.HOME_PAGE_URL}${"tl-PH"===p?"/fil":""}${(null===(a=s.STATIC_PAGES[p])||void 0===a?void 0:a.HEALTH_TOOLS)||""}`}),"care"===m&&P.default.createElement(ct,{spotlights:null==u?void 0:u.spotlights,hrefViewMore:`${f.CARE_URL_FE}/${null===(n=L.LOCALIZED_SLUGS[p])||void 0===n?void 0:n.SPECIALTIES}`}),"together"===m&&P.default.createElement(ft,{spotlights:null==c?void 0:c.spotlights})))},yt=({type:e="home",menuItems:l})=>{const{siteType:a,configs:{enableSearchBar:n}}=t.useContext(o.NavigationContext),{containerRef:i,onContainerFocus:r,onContainerBlur:s,onButtonMouseDown:d,onClose:u}=se();return P.default.createElement(re,{mediaQueryKey:"mbDown"},P.default.createElement("header",{className:Ye},P.default.createElement("div",{className:Je,ref:i,role:"button",tabIndex:0,onBlur:s,onFocus:r},P.default.createElement("div",{className:Xe,onMouseDown:d,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},P.default.createElement(et,{className:"mobile-close-icon"}),P.default.createElement(tt,{siteType:a,type:e,enableSearch:n,className:"mobile-hamburger-icon"})),P.default.createElement(Et,{menuItems:l,closePopup:u}))))};var Ct="q3nL5cp",wt="_2DNf80G",Lt="Q-glX-n";const bt=({onClosePopup:e})=>P.default.createElement("div",{className:`${Lt} close-btn`,onClick:e},P.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},P.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))),kt=({onClosePopup:e,isDisplay:t,children:l,isNavMenu:a,hideCloseBtn:n})=>P.default.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!a},P.default.createElement(p.Container,null,!n&&P.default.createElement("div",{className:wt},P.default.createElement(bt,{onClosePopup:e})),P.default.createElement(p.Container,{className:Ct},l))),St=({careSpecialties:e=[],isOpen:l,onClose:a,spotlights:n=[]})=>{var i;const{t:r}=h.useTranslations(),{locale:s,configs:{statics:d}}=t.useContext(o.NavigationContext),u=`${d.CARE_URL_FE}/${null===(i=L.LOCALIZED_SLUGS[s])||void 0===i?void 0:i.SPECIALTIES}`;return P.default.createElement(kt,{onClosePopup:a,isDisplay:l,isNavMenu:!0},P.default.createElement(rt,{headingTitle:r("home.navigator.menuItem.specialties"),hrefViewMore:u,UrlFE:d.CARE_URL_FE,onClosePopup:a,titleBtnViewMore:r("home.navigator.menuItem.allSpecialties"),menuItems:(null==e?void 0:e.map((e=>e?{name:String(e.name)||"",link:je({type:"DOCTOR",specialtySlug:e.slug,locale:s}),thumbnail:(null==e?void 0:e.thumbnail)||""}:{})))||[]}),P.default.createElement(ct,{spotlights:n,hrefViewMore:u}))},Mt=({categories:e=[],spotlightsList:l=[],onClose:a,isOpen:n})=>{const{t:i}=h.useTranslations(),{locale:r,configs:{statics:s}}=t.useContext(o.NavigationContext);return P.default.createElement(kt,{onClosePopup:a,isDisplay:n,isNavMenu:!0},P.default.createElement(rt,{hrefViewMore:`${s.HOME_PAGE_URL}${"tl-PH"===r?"/fil":""}/categories/`,UrlFE:s.HOME_PAGE_URL,onClosePopup:a,titleBtnViewMore:i("home.navigator.menuItem.allCategories"),menuItems:(null==e?void 0:e.map((e=>e?{name:e.displayName||null,link:(null==e?void 0:e.customizedUrl)||(null==e?void 0:e.permalink)||"/",thumbnail:e.iconUrl||null}:{})))||[],headingTitle:i("home.navigator.menuItem.healthCategories")}),P.default.createElement(ht,{spotlightsList:l,hrefViewMore:`${s.HOME_PAGE_URL}${"tl-PH"===r?"/fil":""}/spotlight/`}))},At=({communities:e=[],onClose:l,isOpen:a,spotlights:n=[]})=>{const{t:i}=h.useTranslations(),{configs:{statics:r}}=t.useContext(o.NavigationContext);return P.default.createElement(kt,{onClosePopup:l,isDisplay:a,isNavMenu:!0},P.default.createElement(rt,{hrefViewMore:d.normalizeLink(r.TOGETHER_URL_FE),UrlFE:d.normalizeLinkSlash(r.TOGETHER_URL_FE),onClosePopup:l,titleBtnViewMore:i("home.navigator.menuItem.allCommunities"),menuItems:(null==e?void 0:e.map((e=>e?{name:e.name||"",link:e.slug||"/",thumbnail:e.thumbnail||""}:{})))||[],headingTitle:i("home.navigator.menuItem.allCommunitiesheadingTitle")}),P.default.createElement(ft,{spotlights:n}))},Pt=({locale:e,onClose:l,isOpen:a,spotlightHealthTools:n=[],healthTools:i=[]})=>{var r;const{t:d}=h.useTranslations(),{configs:{statics:u}}=t.useContext(o.NavigationContext),c=`${u.HOME_PAGE_URL}${"tl-PH"===e?"/fil":""}${(null===(r=s.STATIC_PAGES[e])||void 0===r?void 0:r.HEALTH_TOOLS)||""}`;return P.default.createElement(kt,{onClosePopup:l,isDisplay:a,isNavMenu:!0},P.default.createElement(rt,{hrefViewMore:c,UrlFE:u.HOME_PAGE_URL,onClosePopup:l,headingTitle:d("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:d("home.navigator.menuItem.allHealthTools"),menuItems:i.map((e=>({name:e.title,link:e.link?e.link.startsWith("http")?e.link:`${u.HOME_PAGE_URL}${e.link}`:void 0,thumbnail:e.icon})))}),P.default.createElement(vt,{spotlightHealthTools:n,hrefViewMore:c}))},Nt=({onTopBarAppears:e,type:l="home",languageMenu:n,menuItems:i,isSubcribeLoginBtn:r})=>{var u;const{siteType:c,isMobile:f=!1,locale:g,sitewideBanner:p,sitewideBannerShown:v=!0,sponsorComponent:E,onBookingClick:y,currentUrl:C,onLoginClick:w,configs:{statics:L,enableNavCareBooking:b,enableSearchBar:k,enableNavCare:S,enableProfileMyHealth:M,enableProfileMySaved:A,enableNavTogether:x,enableProfileEcom:H,enableProfileNavigatorMenu:T},userState:{userInfo:B},onLogout:_,userProfileRouterPush:R,isUserLoading:O}=t.useContext(o.NavigationContext),{t:I}=h.useTranslations(),{SSO_URL:U,HOME_PAGE_URL:$}=L,G=!!E,[j,Z]=t.useState(!1),D=t.useRef(47),V=t.useRef(null),F=t.useRef(!1),z="helloSites"===c?null===(u=s.LOCALE_SPECS[g])||void 0===u?void 0:u.LOGO_TYPE:c,q="undefined"!=typeof window,W=t.useCallback(N.default((()=>{if("home"===l&&q){if(!V.current)return;const e=V.current.getBoundingClientRect();e.top<=0&&window.scrollY>D.current&&window.scrollY>e.height+20&&!F.current&&(F.current=!0,Z(!0)),window.scrollY<D.current&&F.current&&(F.current=!1,Z(!1)),window.scrollY>=0&&(D.current=window.scrollY)}}),200),[]);t.useEffect((()=>{null==e||e(!j)}),[j]),t.useEffect((()=>(window.addEventListener("scroll",W,{passive:!0}),()=>{window.removeEventListener("scroll",W)})),[]),t.useEffect((()=>{f&&W()}),[f]);const K=v&&!!p;return P.default.createElement(o.StyledHeaderWrapper,{"data-site-type":c,"data-sponsored":G,"data-sitewide-banner-shown":K,"data-header-type":l,"data-collapsed":j,"data-with-search-input":"popup-sub-level"!==l,"data-is-displayed":!0,id:"site-header",ref:V},p,P.default.createElement(o.StyledHeader,{"data-site-type":c},P.default.createElement(o.StyledLeftGroup,{"data-site-type":c},P.default.createElement(yt,{menuItems:i,type:l}),P.default.createElement("a",{style:{flexShrink:0},href:$},P.default.createElement(o.StyledLogoWrapper,null,P.default.createElement(m.Logo,{style:{display:"flex"},type:z,badge:"id-ID"===g&&P.default.createElement("img",{src:a.CommonGAssets.getAssetPath("sehat-badge.png"),width:"56",height:"23"}),dateForSeasonal:new Date,locale:g,key:"undefined"!=typeof window?"client":"server"}))),"marryBaby"===c?P.default.createElement(Ht,{menuItems:i}):k&&P.default.createElement(xt,{siteType:c})),P.default.createElement(o.StyledRightGroup,{"data-site-type":c},"marryBaby"===c?k&&P.default.createElement(xt,{siteType:c}):P.default.createElement(Ht,{menuItems:i}),P.default.createElement(o.StyledProfileNavGroup,null,b&&P.default.createElement(re,{mediaQueryKey:"mbUp"},P.default.createElement(Qe,{careUrlFe:L.CARE_URL_FE,currentUrl:C,btnName:I("login.booking"),onCareHeaderClick:y})),n,P.default.createElement(qe,{userInfo:B,siteType:c,onLoginClick:w||(()=>{const e=window.location.href;window.location.href=U?d.normalizeLinkSlash(`${U}?returnUrl=${e}`):e}),SSO_URL:d.normalizeLink(L.SSO_URL),currentUrl:C,onLogout:_,UP_BASEPATH:s.UP_BASEPATH,isMyHealthEnabled:M,enableCare:S,enableTogether:x,enableEcom:H,enableMySaved:A,togetherApiDomain:d.normalizeLink(L.TOGETHER_API),isUserProfileNavigatorMenuHidden:!T,userProfileRouterPush:R,isLoading:O,locale:g,isSubcribeLoginBtn:r})))),E?P.default.isValidElement(E)?P.default.cloneElement(E,{isCollapsed:j,locale:g,isMobile:f}):E:null)},xt=({siteType:e})=>P.default.createElement(re,{mediaQueryKey:"mbUp",className:"marryBaby"===e?"marry-baby":""},P.default.createElement(lt,null)),Ht=({menuItems:e})=>{const{siteType:l,locale:a,ssrMenuContent:{categories:n,healthTools:i,care:r,together:s}}=t.useContext(o.NavigationContext);return P.default.createElement(re,{mediaQueryKey:"mbUp",style:{height:"100%"}},P.default.createElement(o.StyledWrapMenuItems,{"data-site-type":l},null==e?void 0:e.map(((e,t)=>P.default.createElement(it,{key:t,item:e,menu:"categories"===e.popupType?P.default.createElement(Mt,{categories:null==n?void 0:n.items,spotlightsList:null==n?void 0:n.spotlights}):"tools"===e.popupType?P.default.createElement(Pt,{locale:a,healthTools:null==i?void 0:i.items,spotlightHealthTools:null==i?void 0:i.spotlights}):"together"===e.popupType?P.default.createElement(At,{communities:null==s?void 0:s.items,spotlights:null==s?void 0:s.spotlights}):"care"===e.popupType?P.default.createElement(St,{careSpecialties:null==r?void 0:r.items,spotlights:null==r?void 0:r.spotlights}):null})))))},Tt=e=>{var l,n;const{isMobile:i,locale:r,onTopBarAppears:u,languageOptions:c,sponsorComponent:m,sitewideBanner:f,sitewideBannerShown:g,className:p,isSubcribeLoginBtn:v}=e,E=(()=>{const{t:e}=h.useTranslations(),{siteType:l,locale:n,configs:{enableNavDiscover:i,enableNavHealthTools:r,enableNavCare:u,enableNavTogether:c,enableNavEcom:m,statics:f}}=t.useContext(o.NavigationContext),g="marryBaby"===l;return t.useMemo((()=>{var t;const l=[];return i&&l.push({name:e("home.navigator.menuItem.discover"),id:"categories",link:`${f.HOME_PAGE_URL}${"tl-PH"===n?"/fil":""}/categories`,niceName:"",thumbnail:g?a.CommonGAssets.getAssetPath("categories-mb.svg"):a.CommonGAssets.getAssetPath("nav-icons/discover.svg"),popupType:"categories"}),r&&l.push({name:e("home.navigator.menuItem.healthTools"),id:"tools",link:`${f.HOME_PAGE_URL}${"tl-PH"===n?"/fil":""}${(null===(t=s.STATIC_PAGES[n])||void 0===t?void 0:t.HEALTH_TOOLS)||""}`,thumbnail:g?a.CommonGAssets.getAssetPath("healthtools-mb.svg"):a.CommonGAssets.getAssetPath("nav-icons/health-tools.svg"),popupType:"tools"}),u&&l.push({name:e("home.navigator.menuItem.helloCare"),id:"care",link:d.normalizeLinkSlash(f.HOME_PAGE_URL+"/care"),thumbnail:a.CommonGAssets.getAssetPath("nav-icons/care.svg"),popupType:"zh-TW"===n?null:"care"}),c&&l.push({name:e("home.navigator.menuItem.helloTogether"),id:"together",link:d.normalizeLinkSlash(f.TOGETHER_URL_FE+"/"),thumbnail:g?a.CommonGAssets.getAssetPath("community-mb.svg"):a.CommonGAssets.getAssetPath("nav-icons/community.svg"),popupType:"together"}),m&&l.push({name:e("home.navigator.menuItem.helloEcom"),id:"ecom",link:d.normalizeLinkSlash(f.HOME_PAGE_URL+"/shop"),thumbnail:a.CommonGAssets.getAssetPath("nav-icons/shop.svg"),popupType:null,isNew:!0}),l}),[n,u,c,m])})();(()=>{const{isFirstLogin:e,userState:l}=t.useContext(o.NavigationContext),{userInfo:a}=l;t.useEffect((()=>{(null==a?void 0:a.id)&&(e?(null==a?void 0:a.email)&&""!==(null==a?void 0:a.email)?window.insider_object={user:Object.assign({uuid:null==a?void 0:a.id,email:null==a?void 0:a.email,gdpr_optin:!0,email_optin:!0,sign_up:!0},(null==a?void 0:a.name)?{name:null==a?void 0:a.name}:{})}:window.insider_object={user:Object.assign({uuid:null==a?void 0:a.id,sign_up:!0},(null==a?void 0:a.name)?{name:null==a?void 0:a.name}:{})}:(null==a?void 0:a.email)&&""!==(null==a?void 0:a.email)?window.insider_object={user:Object.assign({uuid:null==a?void 0:a.id,email:null==a?void 0:a.email,gdpr_optin:!0,email_optin:!0,log_in:!0},(null==a?void 0:a.name)?{name:null==a?void 0:a.name}:{})}:window.insider_object={user:Object.assign({uuid:null==a?void 0:a.id,log_in:!0},(null==a?void 0:a.name)?{name:null==a?void 0:a.name}:{})})}),[])})();const y=g&&!!f,C=!!m,w=!!(null===(n=null===(l=null==m?void 0:m.props)||void 0===l?void 0:l.sponsoredBy)||void 0===n?void 0:n.length),{headerRef:L,defaultHeaderHeight:b,headerHeight:k,headerBottom:S}=(({hasSponsoredBanners:e,isSponsored:l,isShowingSiteWideBanner:a,isMobile:n})=>{const i=t.useRef(null),[o,r]=t.useState(0),[s,d]=t.useState(64),u=t.useCallback(H.default((()=>{var e,t,l,a;const n=(null===(e=i.current)||void 0===e?void 0:e.clientHeight)||(null===(l=null===(t=i.current)||void 0===t?void 0:t.children[0])||void 0===l?void 0:l.clientHeight)||0;window.scrollY<=n+200&&(r(n),d((null===(a=i.current)||void 0===a?void 0:a.getBoundingClientRect().bottom)||o))}),200),[]);t.useEffect((()=>(window.addEventListener("resize",u,{passive:!0}),window.addEventListener("scroll",u,{passive:!0}),u(),()=>{window.removeEventListener("resize",u),window.removeEventListener("scroll",u)})),[]),t.useEffect((()=>{u()}),[n,a,l,e,i.current]);const c=t.useMemo((()=>{let t=n?64:69;return a&&(t+=64),l&&(t+=40,e&&(t+=57)),t}),[n,a,e,l]);return{defaultHeaderHeight:c,headerHeight:o||c,headerBottom:s,headerRef:i}})({isShowingSiteWideBanner:y,isSponsored:C,hasSponsoredBanners:w,isMobile:i});return P.default.createElement(o.StyledContainer,{id:"navigation-v2",style:{"--default-header-height":b+"px","--header-height":`calc(${k}px - var(--amp-site-wide-closed), 64px)`,"--header-bottom":S+"px"},className:p},P.default.createElement("section",{ref:L},P.default.createElement(Nt,{menuItems:E,type:"home",onTopBarAppears:u,languageMenu:P.default.createElement(ie,{languageOptions:c,locale:r}),isSubcribeLoginBtn:v})))},Bt=t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,l,a,n,i,o,r,m,h,f,g,p,v,E,y,C,w,L,b,k,S;const M={},A="vi-VN_MB"===t;try{const P="tl-PH"===t?"lang=fil":"";try{const[s,c,g,p]=yield Promise.all([fetch(d.normalizeLinkSlash(`${u.getDiscoverApiDomain(t)}/wp-json/api/categories${P?"?"+P:""}`)).then((e=>e.json())),fetch(d.normalizeLinkSlash(`${u.getDiscoverApiDomain(t)}/wp-json/api/spotlights?per_page=10&order_by=start_date${P?"&"+P:""}`)).then((e=>e.json())),fetch(d.normalizeLinkSlash(`${u.getDiscoverApiDomain(t)}/wp-json/api/${A?"health-tools":"healthtools"}${P?"?"+P:""}`)).then((e=>e.json())),fetch(d.normalizeLinkSlash(`${u.getDiscoverApiDomain(t)}/wp-json/api/${A?"health-tools":"healthtools"}/favorites${P?"?"+P:""}`)).then((e=>e.json()))]);M.categories={items:(null===(l=null===(e=null==s?void 0:s.data)||void 0===e?void 0:e.map)||void 0===l?void 0:l.call(e,Ie))||[],spotlights:(null===(o=null===(i=null===(n=null===(a=null==c?void 0:c.data)||void 0===a?void 0:a.articles)||void 0===n?void 0:n.map)||void 0===i?void 0:i.call(n,Ze))||void 0===o?void 0:o.filter(De))||[]},M.healthTools={items:(null===(m=null===(r=null==g?void 0:g.data)||void 0===r?void 0:r.map)||void 0===m?void 0:m.call(r,Ue))||[],spotlights:(null===(f=null===(h=null==p?void 0:p.data)||void 0===h?void 0:h.map)||void 0===f?void 0:f.call(h,Ue))||[]}}catch(e){}if(A||s.TOGETHER_LOCALES.includes(t))try{const[e,l]=yield Promise.all([fetch(d.normalizeLinkSlash(`${u.getTogetherApiDomain()}/api/v1/community?website_url=https://${s.domainLocales[t]}`)).then((e=>e.json())),fetch(d.normalizeLinkSlash(`${u.getTogetherApiDomain()}/api/v1/options?website_url=https://${s.domainLocales[t]}&meta_key=popular_post`)).then((e=>e.json()))]);M.together={items:(null===(v=null===(p=null===(g=null==e?void 0:e.data)||void 0===g?void 0:g.communities)||void 0===p?void 0:p.map)||void 0===v?void 0:v.call(p,c.formatCommunity))||[],spotlights:(null===(C=null===(y=null===(E=null==l?void 0:l.data)||void 0===E?void 0:E.posts)||void 0===y?void 0:y.map)||void 0===C?void 0:C.call(y,c.formatPost))||[]}}catch(e){}if(s.CARE_LOCALES.includes(t))try{const[e,l]=yield Promise.all([fetch(d.normalizeLinkSlash(u.getCareApiDomain()+`/api/specialties?_ishome=1&site=${s.domainLocales[t]}`)).then((e=>e.json())),fetch(d.normalizeLinkSlash(u.getCareApiDomain()+`/api/search/?site=${s.domainLocales[t]}&type=hospital&order_by=total_doctor`)).then((e=>e.json()))]);M.care={items:(null===(b=null===(L=null===(w=null==e?void 0:e._data)||void 0===w?void 0:w.specialties)||void 0===L?void 0:L.map)||void 0===b?void 0:b.call(L,$e))||[],spotlights:(null===(S=null===(k=null==l?void 0:l._data.searches)||void 0===k?void 0:k.map)||void 0===S?void 0:S.call(k,Ge))||[]}}catch(e){}}catch(e){console.error(e)}return M}));exports.Avatar=B,exports.Flag=te,exports.LanguageSwitcher=ie,exports.NavHeader=pe,exports.NavigationLogoutPopup=ze,exports.NavigationProfileButton=qe,exports.NavigationV2=e=>{const t=Object.assign({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},e);return P.default.createElement(o.NavigationProvider,Object.assign({},t),P.default.createElement(Tt,Object.assign({},t)))},exports.ProfilePopup=Fe,exports.UserProfileNavigation=Ve,exports.UserStats=Oe,exports.getNavMenuContent=Bt,exports.getNavMenuContentWithCache=t=>e.__awaiter(void 0,void 0,void 0,(function*(){return(yield l.getDataWithCache("nav-menu-content",(()=>Bt(t||"en-PH")),(e=>{var t,l;return!!(null===(l=null===(t=null==e?void 0:e.categories)||void 0===t?void 0:t.items)||void 0===l?void 0:l.length)})))||{}})),exports.isInternalLink=ae;

package/build/{index-4004fda6.js → index-36fc880d.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-2aca2698.js"),t=require("react"),r=require("@mantine/core"),s=require("./index-9e4fc482.js");require("@mantine/dates");var a=require("./index-14c04c71.js"),i=require("./Onboarding-fc42eb37.js");require("./gAssets.js");var n=require("./index-beb29640.js");require("./index-4f42caf6.js"),require("dayjs"),require("./screenSizeContext-cadd2595.js"),require("styled-components"),require("./theme-baf6c975.js"),require("./utils-f84e4248.js"),require("./isProduction-f58ca5ee.js");var c=require("./useTranslations-d5a1cade.js");require("./index-1d762d01.js"),require("@mantine/hooks"),require("lodash/debounce");var d=require("./utils-debac0ef.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(t);const u={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},p=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},v=({provinces:r})=>{const[s,n]=t.useReducer(p,u),{provinceByName:c,provinces:l,districts:o,wards:v,selectedProvince:b,selectedDistrict:E,selectedWard:j}=s,[h,y]=t.useState();t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,s,c;try{const l=yield fetch((c=process.env.UNIFY_LOCALE||i.LOCALE.Vietnam,`${a.CDN_ADDRESS}/cities-data-${d.MAPPED_LOCALE[c]}.json`)).then((e=>e.json()));y(l);const{list:o}=l,u=r?((e,t)=>{const r={};for(const[,e]of Object.entries(t)){const{id:t}=e;t&&(r[t]=e)}const s={};return e.map((e=>{s[e.name]=r[e.id]})),s})(r,o):o,p=Object.keys(u),v=Object.keys((null===(e=o[p[0]])||void 0===e?void 0:e.list)||{}),b=Object.keys((null===(s=null===(t=o[p[0]])||void 0===t?void 0:t[v[0]])||void 0===s?void 0:s.list)||{});n({type:"SET_DATA",payload:{provinceByName:u,provinces:p,districts:v,wards:b}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:l,districts:o,wards:v,selectedProvince:b,selectedDistrict:E,selectedWard:j,handleProvinceChange:e=>{var t;const r=Object.keys((null===(t=c[e])||void 0===t?void 0:t.list)||{});n({type:"SET_DISTRICTS",payload:r}),n({type:"SET_WARDS",payload:[]}),n({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,r;const s=Object.keys((null===(r=null===(t=c[b])||void 0===t?void 0:t.list[e])||void 0===r?void 0:r.list)||{});n({type:"SET_WARDS",payload:s}),n({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{n({type:"SELECT_WARD",payload:e})}}};exports.AddressInput=a=>{var{error:i,provinces:d,placeholder:l}=a,u=e.__rest(a,["error","provinces","placeholder"]);const{t:p}=c.useTranslations(),{provinces:b,districts:E,wards:j,selectedProvince:h,selectedDistrict:y,selectedWard:g,handleProvinceChange:S,handleDistrictChange:f,handleWardChange:C}=v({provinces:d}),[O,m]=t.useState("");return t.useEffect((()=>{h&&y&&g&&O?u.onChange({selectedProvince:h,selectedDistrict:y,selectedWard:g,extraInfo:O}):u.onChange(null)}),[h,y,g,O]),o.default.createElement(n.Input.Wrapper,Object.assign({withAsterisk:!0},u),o.default.createElement(r.Stack,null,o.default.createElement(s.Select,{placeholder:(null==l?void 0:l.province)||p("onboarding.similac.input.city"),data:d?b:b.sort(),searchable:!0,onChange:S,value:h}),o.default.createElement(s.Select,{placeholder:(null==l?void 0:l.district)||p("onboarding.similac.input.district"),data:E.sort(),searchable:!0,onChange:f,value:y,disabled:!h}),o.default.createElement(s.Select,{placeholder:(null==l?void 0:l.ward)||p("onboarding.similac.input.ward"),searchable:!0,data:j.sort(),value:g,onChange:C,disabled:!h||!y}),o.default.createElement(n.Input,{placeholder:(null==l?void 0:l.address)||p("onboarding.similac.input.no"),disabled:!h||!y||!g,value:O,onChange:m,style:{marginBottom:0}})),o.default.createElement(r.Input.Error,{size:"md"},i))};
+"use strict";var e=require("./tslib.es6-b2067099.js"),t=require("react"),r=require("@mantine/core"),s=require("./index-ae26eb00.js");require("@mantine/dates");var a=require("./index-f35b56aa.js"),i=require("./Onboarding-2e1153c9.js");require("./gAssets.js");var n=require("./index-df4c0544.js");require("./index-3b35a761.js"),require("dayjs"),require("./screenSizeContext-d1b0e534.js"),require("styled-components"),require("./theme-15c2274e.js"),require("./utils-2f188a97.js"),require("./isProduction-97400a13.js");var c=require("./useTranslations-d1aa4cb7.js");require("./index-dd8da762.js"),require("@mantine/hooks"),require("lodash/debounce");var d=require("./utils-7f11e4d7.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(t);const u={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},p=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},v=({provinces:r})=>{const[s,n]=t.useReducer(p,u),{provinceByName:c,provinces:l,districts:o,wards:v,selectedProvince:b,selectedDistrict:E,selectedWard:j}=s,[h,y]=t.useState();t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,s,c;try{const l=yield fetch((c=process.env.UNIFY_LOCALE||i.LOCALE.Vietnam,`${a.CDN_ADDRESS}/cities-data-${d.MAPPED_LOCALE[c]}.json`)).then((e=>e.json()));y(l);const{list:o}=l,u=r?((e,t)=>{const r={};for(const[,e]of Object.entries(t)){const{id:t}=e;t&&(r[t]=e)}const s={};return e.map((e=>{s[e.name]=r[e.id]})),s})(r,o):o,p=Object.keys(u),v=Object.keys((null===(e=o[p[0]])||void 0===e?void 0:e.list)||{}),b=Object.keys((null===(s=null===(t=o[p[0]])||void 0===t?void 0:t[v[0]])||void 0===s?void 0:s.list)||{});n({type:"SET_DATA",payload:{provinceByName:u,provinces:p,districts:v,wards:b}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:l,districts:o,wards:v,selectedProvince:b,selectedDistrict:E,selectedWard:j,handleProvinceChange:e=>{var t;const r=Object.keys((null===(t=c[e])||void 0===t?void 0:t.list)||{});n({type:"SET_DISTRICTS",payload:r}),n({type:"SET_WARDS",payload:[]}),n({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,r;const s=Object.keys((null===(r=null===(t=c[b])||void 0===t?void 0:t.list[e])||void 0===r?void 0:r.list)||{});n({type:"SET_WARDS",payload:s}),n({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{n({type:"SELECT_WARD",payload:e})}}};exports.AddressInput=a=>{var{error:i,provinces:d,placeholder:l}=a,u=e.__rest(a,["error","provinces","placeholder"]);const{t:p}=c.useTranslations(),{provinces:b,districts:E,wards:j,selectedProvince:h,selectedDistrict:y,selectedWard:g,handleProvinceChange:S,handleDistrictChange:C,handleWardChange:f}=v({provinces:d}),[O,m]=t.useState("");return t.useEffect((()=>{h&&y&&g&&O?u.onChange({selectedProvince:h,selectedDistrict:y,selectedWard:g,extraInfo:O}):u.onChange(null)}),[h,y,g,O]),o.default.createElement(n.Input.Wrapper,Object.assign({withAsterisk:!0},u),o.default.createElement(r.Stack,null,o.default.createElement(s.Select,{placeholder:(null==l?void 0:l.province)||p("onboarding.similac.input.city"),data:d?b:b.sort(),searchable:!0,onChange:S,value:h}),o.default.createElement(s.Select,{placeholder:(null==l?void 0:l.district)||p("onboarding.similac.input.district"),data:E.sort(),searchable:!0,onChange:C,value:y,disabled:!h}),o.default.createElement(s.Select,{placeholder:(null==l?void 0:l.ward)||p("onboarding.similac.input.ward"),searchable:!0,data:j.sort(),value:g,onChange:f,disabled:!h||!y}),o.default.createElement(n.Input,{placeholder:(null==l?void 0:l.address)||p("onboarding.similac.input.no"),disabled:!h||!y||!g,value:O,onChange:m,style:{marginBottom:0}})),o.default.createElement(r.Input.Error,{size:"md"},i))};