@hhgtech/hhg-components 1.23.57 → 1.23.59

package/build/index-2f81e5ec.js

@@ -1 +0,0 @@
-"use strict";var a=require("./tslib.es6-f53cff42.js");function e(a){return a&&"object"==typeof a&&"default"in a?a:{default:a}}var t=e(require("react")),r="wIj6fkD";exports.Text=function(e){var s=e.size,c=void 0===s?"base":s,n=e.type,o=void 0===n?"regular":n,d=e.className,i=e.style,l=e.children,v=e.color,p=e.dataEventCategory,u=e.dataEventAction,f=e.dataEventLabel,y=e.as,_=void 0===y?"p":y,g=e.wordWrap,E=e.isUppercase,b=a.__rest(e,["size","type","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase"]),m=_;return t.default.createElement(m,a.__assign({"data-size":c,"data-type":o,style:a.__assign(a.__assign({},i),v?{"--custom-color":v}:void 0),className:"".concat(r," ").concat(d||""),"data-event-category":p,"data-event-action":u,"data-event-label":f,"data-word-wrap":g,"data-is-uppercase":E},b),l)};

package/build/index-31015350.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-f53cff42.js"),n=require("react"),t=require("./core-dbf41b88.js"),a=require("./gAssets.js"),i=require("styled-components"),l=require("./index-2f81e5ec.js"),o=require("./index-a62b0660.js"),r=require("./routing-ec990995.js"),s=require("./index-93bb4fac.js"),d=require("./index-595f7b48.js"),c=require("./useTranslations-c5c00ace.js"),u=require("lodash/throttle"),p=require("./utils-41522b37.js"),m=require("./index-5e03bffa.js"),f=require("./theme-dbc98ea3.js"),h=require("@mantine/core"),g=require("./defaultClassWrapper-fba68210.js"),x=require("./cookieHelper-c1f14f37.js"),v=require("./FullScreen-d75170e4.js"),b=require("./index.styled-5e968a46.js");require("./index.styled-2f544eaa.js");var y=require("./index-10542948.js");require("react-range");var w=require("dayjs");require("./screenSizeContext-a05016e3.js"),require("./isProduction-05609795.js"),require("./Locale-6bfb9f06.js"),require("./index.styled-3ec687e9.js"),require("./index-56ed7816.js");var E=require("./constants-1da815a1.js"),k=require("string-format"),C=require("dayjs/plugin/relativeTime"),_=require("lodash/debounce");function L(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var M,T,A,P,B,j,O,H,N,S=L(n),z=L(i),D=L(u),R=L(w),U=L(k),G=L(C),Z=L(_),I=function(n){return S.default.createElement("img",e.__assign({src:a.CommonGAssets.getAssetPath("flags/cambodiaRound.png"),style:e.__assign({borderRadius:"50%"},n.style)},n))},Q=function(n){return S.default.createElement("img",e.__assign({src:a.CommonGAssets.getAssetPath("flags/cambodiaSquare.png")},n))},V=function(n){return S.default.createElement("svg",e.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e.__assign({borderRadius:"50%"},n.style)},n),S.default.createElement("g",null,S.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},S.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.default.createElement("path",{d:"M13.4785 8.50019L11.7345 7.43417L11.5925 7.34717L11.5 7.49867V8.50019H13.4785Z",fill:"white"}),S.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"}),S.default.createElement("path",{d:"M7.01758 8.50026H8.50011V7.59424L7.01758 8.50026Z",fill:"white"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"})))},F=function(n){return S.default.createElement("svg",e.__assign({viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),S.default.createElement("g",null,S.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"1",y:"5",width:"24",height:"16"},S.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"})),S.default.createElement("path",{d:"M1.08301 5.41675H24.9163V20.5834H1.08301V5.41675Z",fill:"#3F51B5"}),S.default.createElement("path",{d:"M1.08301 7.70041L12.3551 14.5899L14.05 11.8165L3.57901 5.41675H1.08301V7.70041Z",fill:"white"}),S.default.createElement("path",{d:"M24.9165 5.41675H22.9616L12.4912 11.816L14.1855 14.5899L24.9165 8.03083V5.41675Z",fill:"white"}),S.default.createElement("path",{d:"M14.1855 10.9802L12.4912 13.7536L23.6658 20.5834H24.9165V17.5387L14.1855 10.9802Z",fill:"white"}),S.default.createElement("path",{d:"M1.08301 17.8702V20.5834H2.87592L14.05 13.7541L12.3556 10.9802L1.08301 17.8702Z",fill:"white"}),S.default.createElement("path",{d:"M1.08301 10.8333H24.9163V15.1666H1.08301V10.8333Z",fill:"white"}),S.default.createElement("path",{d:"M10.833 5.41675H15.1663V20.5834H10.833V5.41675Z",fill:"white"}),S.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"}),S.default.createElement("path",{d:"M11.917 5.41675H14.0837V20.5834H11.917V5.41675Z",fill:"#E53935"})))},q=function(n){return S.default.createElement("img",e.__assign({src:a.CommonGAssets.getAssetPath("flags/indiaRound.png"),style:e.__assign({borderRadius:"50%"},n.style)},n))},W=function(n){return S.default.createElement("img",e.__assign({src:a.CommonGAssets.getAssetPath("flags/indiaSquare.png")},n))},Y=function(t){var a=t.isTesting,i=e.__rest(t,["isTesting"]),l=n.useRef("id-flag-round-mask-"+(a?1:Math.random()));return S.default.createElement("svg",e.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),S.default.createElement("mask",{id:l.current,style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},S.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),S.default.createElement("g",{mask:"url(#".concat(l.current,")")},S.default.createElement("rect",{width:"20",height:"10",fill:"#CE1126"}),S.default.createElement("rect",{y:"10",width:"20",height:"10",fill:"white"})))},K=function(t){var a=t.isTesting,i=e.__rest(t,["isTesting"]),l=n.useRef("id-flag-clip-"+(a?1:Math.random()));return S.default.createElement("svg",e.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),S.default.createElement("g",{clipPath:"url(#".concat(l.current,")")},S.default.createElement("rect",{y:"0.0166016",width:"24",height:"8",fill:"#CE1126"}),S.default.createElement("rect",{y:"8.0166",width:"24",height:"8",fill:"white"})),S.default.createElement("defs",null,S.default.createElement("clipPath",{id:l.current},S.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}))))},J=function(n){return S.default.createElement("svg",e.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e.__assign({borderRadius:"50%"},n.style)},n),S.default.createElement("g",null,S.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},S.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),S.default.createElement("rect",{y:"1",width:"20",height:"20",fill:"#CC0001"}),S.default.createElement("rect",{y:"16.106",width:"20",height:"1.02041",fill:"white"}),S.default.createElement("rect",{y:"16",width:"20",height:"1.02041",fill:"white"}),S.default.createElement("rect",{y:"18",width:"20",height:"1.02041",fill:"white"}),S.default.createElement("rect",{y:"14.0652",width:"20",height:"1.02041",fill:"white"}),S.default.createElement("rect",{y:"12.0242",width:"20",height:"1.02041",fill:"white"}),S.default.createElement("rect",{y:"9.9834",width:"20",height:"1.02041",fill:"white"}),S.default.createElement("rect",{y:"7.94263",width:"20",height:"1.02041",fill:"white"}),S.default.createElement("rect",{y:"5.90186",width:"20",height:"1.02041",fill:"white"}),S.default.createElement("rect",{y:"3.86084",width:"20",height:"1.02041",fill:"white"}),S.default.createElement("rect",{y:"2",width:"20",height:"1.02041",fill:"white"}),S.default.createElement("rect",{width:"20",height:"1.02041",fill:"white"}),S.default.createElement("rect",{y:"-1",width:"10",height:"12",fill:"#010066"}),S.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"}),S.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"})))},X=function(n){return S.default.createElement("svg",e.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),S.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#CC0001"}),S.default.createElement("rect",{y:"12.2712",width:"24",height:"0.777454",fill:"white"}),S.default.createElement("rect",{y:"12.1904",width:"24",height:"0.777454",fill:"white"}),S.default.createElement("rect",{y:"13.7144",width:"24",height:"0.777454",fill:"white"}),S.default.createElement("rect",{y:"10.7161",width:"24",height:"0.777454",fill:"white"}),S.default.createElement("rect",{y:"9.16138",width:"24",height:"0.777454",fill:"white"}),S.default.createElement("rect",{y:"7.60645",width:"24",height:"0.777454",fill:"white"}),S.default.createElement("rect",{y:"6.05127",width:"24",height:"0.777454",fill:"white"}),S.default.createElement("rect",{y:"4.49658",width:"24",height:"0.777454",fill:"white"}),S.default.createElement("rect",{y:"2.94141",width:"24",height:"0.777454",fill:"white"}),S.default.createElement("rect",{y:"1.52393",width:"24",height:"0.777454",fill:"white"}),S.default.createElement("rect",{width:"24",height:"0.777454",fill:"white"}),S.default.createElement("path",{d:"M0 2C0 0.895431 0.895431 0 2 0H12V8.38095H0V2Z",fill:"#010066"}),S.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"}),S.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"}))},$=function(n){return S.default.createElement("svg",e.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e.__assign({borderRadius:"50%"},n.style)},n),S.default.createElement("g",null,S.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},S.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),S.default.createElement("rect",{x:"-4",y:"-1",width:"28",height:"11",fill:"#FECB00"}),S.default.createElement("rect",{x:"-4",y:"10",width:"28",height:"10",fill:"#EA2839"}),S.default.createElement("rect",{x:"-4",y:"6.7041",width:"28",height:"6.47773",fill:"#34B233"}),S.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.56543 10.3272L10.1796 5.15527L11.7938 10.3272H8.56543Z",fill:"white"}),S.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5292 11.2775L7.18336 14.5129L8.91745 9.37991L11.5292 11.2775Z",fill:"white"}),S.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.75181 11.8648L5.33182 8.73143L10.7494 8.79447L9.75181 11.8648Z",fill:"white"}),S.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.6105 8.78962L15.0281 8.72658L10.6081 11.86L9.6105 8.78962Z",fill:"white"}),S.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4424 9.37686L13.1765 14.5098L8.83064 11.2744L11.4424 9.37686Z",fill:"white"})))},ee=function(n){return S.default.createElement("svg",e.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),S.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#FECB00"}),S.default.createElement("rect",{y:"8.3811",width:"24",height:"7.61905",rx:"2",fill:"#EA2839"}),S.default.createElement("rect",{y:"5.86987",width:"24",height:"4.93542",fill:"#34B233"}),S.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7705 8.63046L12.1541 4.68994L13.5377 8.63046H10.7705Z",fill:"white"}),S.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3108 9.35502L9.58574 11.8201L11.0721 7.90925L13.3108 9.35502Z",fill:"white"}),S.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7874 9.80216L7.99884 7.41482L12.6425 7.46285L11.7874 9.80216Z",fill:"white"}),S.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.6667 7.4589L16.3104 7.41087L12.5218 9.79821L11.6667 7.4589Z",fill:"white"}),S.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2361 7.90629L14.7225 11.8171L10.9974 9.35207L13.2361 7.90629Z",fill:"white"}))},ne=function(n){return S.default.createElement("img",e.__assign({src:a.CommonGAssets.getAssetPath("flags/philippineRound.png"),style:e.__assign({borderRadius:"50%"},n.style)},n))},te=function(n){return S.default.createElement("img",e.__assign({src:a.CommonGAssets.getAssetPath("flags/philippineSquare.png")},n))},ae=function(n){return S.default.createElement("svg",e.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e.__assign({borderRadius:"50%"},n.style)},n),S.default.createElement("g",null,S.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},S.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),S.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#D8D8D8"}),S.default.createElement("g",null,S.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},S.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),S.default.createElement("rect",{width:"30",height:"20",fill:"#ED1E24"}),S.default.createElement("rect",{width:"15",height:"10",fill:"#2B2F84"}),S.default.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}))))},ie=function(n){return S.default.createElement("svg",e.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),S.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#ED1E24"}),S.default.createElement("path",{d:"M0 2C0 0.89543 0.895431 0 2 0H15V10H0V2Z",fill:"#2B2F84"}),S.default.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}),S.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"}))},le=function(n){return S.default.createElement("svg",e.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e.__assign({borderRadius:"50%"},n.style)},n),S.default.createElement("g",null,S.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},S.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),S.default.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#ED1C24"}),S.default.createElement("rect",{x:"-4",y:"3.31665",width:"28",height:"13.3333",fill:"white"}),S.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M-4 6.65015H24V13.3168H-4V6.65015Z",fill:"#241D4F"})))},oe=function(n){return S.default.createElement("svg",e.__assign({viewBox:"0 0 24 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),S.default.createElement("rect",{y:"0.983398",width:"24",height:"16",rx:"2",fill:"#ED1C24"}),S.default.createElement("rect",{y:"3.65039",width:"24",height:"10.6667",fill:"white"}),S.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 6.31689H24V11.6502H0V6.31689Z",fill:"#241D4F"}))},re=function(n){return S.default.createElement("svg",e.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e.__assign({borderRadius:"50%"},n.style)},n),S.default.createElement("g",null,S.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},S.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),S.default.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#DA251D"}),S.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"})))},se=function(n){return S.default.createElement("svg",e.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),S.default.createElement("g",null,S.default.createElement("clipPath",null,S.default.createElement("rect",{width:"24",height:"16",fill:"white"})),S.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"}),S.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"})))},de="pfaLGRK",ce=function(e){var n,t,a=e.country,i=e.language,l=e.rounded,o=e.height,r=e.width,s=e.isTesting;switch(i){case"en":n=S.default.createElement(F,null),t=S.default.createElement(V,null);break;case"vi":n=S.default.createElement(se,null),t=S.default.createElement(re,null);break;case"id":n=S.default.createElement(K,{isTesting:s}),t=S.default.createElement(Y,{isTesting:s});break;case"th":n=S.default.createElement(oe,null),t=S.default.createElement(le,null);break;case"km":n=S.default.createElement(Q,null),t=S.default.createElement(I,null);break;case"ms":n=S.default.createElement(X,null),t=S.default.createElement(J,null);break;case"my":n=S.default.createElement(ee,null),t=S.default.createElement($,null);break;case"tl":n=S.default.createElement(te,null),t=S.default.createElement(ne,null);break;case"hi":n=S.default.createElement(W,null),t=S.default.createElement(q,null);break;case"zh":n=S.default.createElement(ie,null),t=S.default.createElement(ae,null)}if(!n&&!t)switch(a){case"VN":n=S.default.createElement(se,null),t=S.default.createElement(re,null);break;case"ID":n=S.default.createElement(K,{isTesting:s}),t=S.default.createElement(Y,{isTesting:s});break;case"TH":n=S.default.createElement(oe,null),t=S.default.createElement(le,null);break;case"KH":n=S.default.createElement(Q,null),t=S.default.createElement(I,null);break;case"MY":n=S.default.createElement(X,null),t=S.default.createElement(J,null);break;case"MM":n=S.default.createElement(ee,null),t=S.default.createElement($,null);break;case"PH":n=S.default.createElement(te,null),t=S.default.createElement(ne,null);break;case"IN":n=S.default.createElement(W,null),t=S.default.createElement(q,null);break;case"TW":n=S.default.createElement(ie,null),t=S.default.createElement(ae,null)}return S.default.createElement("div",{className:de,style:{"--width":r||20,"--height":o||20}},l?t:n)},ue=z.default.a(M||(M=e.__makeTemplateObject(["\n  display: inline-flex;\n  position: relative;\n  flex-direction: row;\n  align-items: center;\n  padding: 7px 11px;\n  gap: 2px;\n\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 20px;\n\n  color: ",";\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  text-decoration: none;\n\n  cursor: pointer;\n"],["\n  display: inline-flex;\n  position: relative;\n  flex-direction: row;\n  align-items: center;\n  padding: 7px 11px;\n  gap: 2px;\n\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 20px;\n\n  color: ",";\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  text-decoration: none;\n\n  cursor: pointer;\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.gray600})),pe=z.default.div(T||(T=e.__makeTemplateObject(["\n  position: relative;\n  display: inline-block;\n"],["\n  position: relative;\n  display: inline-block;\n"]))),me=z.default.div(A||(A=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),fe=z.default.div(P||(P=e.__makeTemplateObject(["\n  position: absolute;\n  z-index: 21;\n  top: 100%;\n  right: 0;\n  width: 327px;\n  padding: 8px;\n  background: white;\n  border-radius: 4px;\n  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-show-indicator='true'] {\n    &:before {\n      position: absolute;\n      right: 11px;\n      bottom: 100%;\n      width: 0;\n      height: 0;\n      border: 0.5rem solid transparent;\n      border-top: none;\n      border-bottom-color: #fff;\n      content: '';\n      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n    }\n  }\n"],["\n  position: absolute;\n  z-index: 21;\n  top: 100%;\n  right: 0;\n  width: 327px;\n  padding: 8px;\n  background: white;\n  border-radius: 4px;\n  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-show-indicator='true'] {\n    &:before {\n      position: absolute;\n      right: 11px;\n      bottom: 100%;\n      width: 0;\n      height: 0;\n      border: 0.5rem solid transparent;\n      border-top: none;\n      border-bottom-color: #fff;\n      content: '';\n      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n    }\n  }\n"]))),he=z.default.div(B||(B=e.__makeTemplateObject(["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 16px;\n  border-radius: 6px;\n  cursor: pointer;\n\n  .check-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &[data-selected='false'] {\n    background-color: ",";\n  }\n"],["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 16px;\n  border-radius: 6px;\n  cursor: pointer;\n\n  .check-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &[data-selected='false'] {\n    background-color: ",";\n  }\n"])),(function(e){return e.theme.colors.gray100})),ge=z.default.div(j||(j=e.__makeTemplateObject(["\n  position: fixed;\n  z-index: 20;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n"],["\n  position: fixed;\n  z-index: 20;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n"]))),xe=function(e){var t=e.options,i=e.label,o=e.labelRenderer,r=e.selected,s=e.onChange,d=e.showSelected,c=void 0===d||d,u=e.style,p=void 0===u?{}:u,m=e.showIndicator,f=void 0===m||m,h=n.useState(!1),g=h[0],x=h[1];return S.default.createElement(S.default.Fragment,null,S.default.createElement(pe,null,S.default.createElement(me,{onClick:function(){return x((function(e){return!e}))}},i||(null==o?void 0:o(g))||null,S.default.createElement(fe,{"data-is-open":g,style:p,"data-show-indicator":f},t.map((function(e,n){return S.default.createElement(he,{key:n,"data-selected":c&&r===e.value,onClick:function(n){r!==e.value&&(s(e.value),x((function(e){return!e}))),n.stopPropagation()}},S.default.createElement(l.Text,{size:"p3"},e.label),c&&r===e.value&&S.default.createElement("img",{src:a.CommonGAssets.getAssetPath("check.svg"),alt:"check",className:"check-icon"}))}))))),g&&S.default.createElement(ge,{onClick:function(){return x(!1)}}))},ve=function(e){var n,t,a=e.languageOptions,i=e.locale,l=null==a?void 0:a.find((function(e){return e.locale===i}));return(null==a?void 0:a.length)?S.default.createElement(xe,{options:a,selected:l.value,label:S.default.createElement(be,{locale:i,label:l.label||(null===(t=null===(n=i.split("-"))||void 0===n?void 0:n[0])||void 0===t?void 0:t.toUpperCase())}),onChange:function(e){"undefined"!=typeof window&&(window.location.href=e)},style:{width:100},showSelected:!0,showIndicator:!1}):null},be=function(e){var n,t,a,i=e.locale,l=e.label,o=e.href;return S.default.createElement(ue,{href:o},S.default.createElement(ce,{country:null===(t=null===(n=null==i?void 0:i.split("-"))||void 0===n?void 0:n[1])||void 0===t?void 0:t.toUpperCase(),width:16,height:16,rounded:!0,language:null===(a=null==i?void 0:i.split("-"))||void 0===a?void 0:a[0]}),S.default.createElement("span",null,l))},ye=z.default.div(O||(O=e.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(e){return"\n    ".concat(0!==e.lowerBound?"@media (max-width: ".concat(e.lowerBound-1,"px) { display: none; }"):"","\n    ").concat(0!==e.upperBound?"@media (min-width: ".concat(e.upperBound,"px) { display: none; }"):"","\n  ")})),we=function(e){var t=e.forceDisplay,a=e.mediaQueryKey,i=e.children,l=e.className,o=e.style,r=n.useMemo((function(){return p.getBoundariesFromMediaQueryKey(a)}),[a]),s=r[0],d=r[1];return S.default.createElement(ye,{lowerBound:t?0:s,upperBound:t?0:d,className:l,style:o},i)},Ee=function(e){var t=(e||{}).allowBgScroll,a=n.useRef();return{containerRef:a,onContainerFocus:function(){t||(document.documentElement.style.overflow="hidden")},onContainerBlur:function(){t||(document.documentElement.style.overflow="")},onButtonMouseDown:function(e){a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur(),e.preventDefault())},onClose:function(){a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur())}}},ke=z.default.div(H||(H=e.__makeTemplateObject(["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"],["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"])),p.MediaQueries.mbDown,p.MediaQueries.mbUp,(function(e){return e.theme.colors.gray800}),p.MediaQueries.mbDown,p.MediaQueries.mbUp,(function(e){return e.theme.colors.gray600}),p.MediaQueries.mbDown,p.MediaQueries.mbUp),Ce=z.default.div(N||(N=e.__makeTemplateObject(["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"],["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"])),p.MediaQueries.mbDown,p.MediaQueries.mbUp,(function(e){return"marryBaby"===e.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""})),_e=function(e){var t=e.openLogoutPopup,i=e.onCloseHandler,l=e.onLogoutHandler,o=e.siteType,r=void 0===o?"helloSites":o,d=c.useTranslations().t;return n.useEffect((function(){document.body.classList.toggle("noscroll",t)}),[t]),S.default.createElement(h.Portal,null,S.default.createElement(s.Popup,{type:"confirm",isOpen:t,closeIcon:S.default.createElement("img",{src:a.CommonGAssets.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon"}),onClose:i},S.default.createElement(ke,null,"helloSites"===r&&S.default.createElement("img",{src:a.CommonGAssets.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account"}),S.default.createElement("h2",null,d("helloSites"===r?"logout.popup.ask1":"logout.popup.ask.mb")),S.default.createElement("p",null,d("logout.popup.ask2")),S.default.createElement(Ce,{siteType:r},S.default.createElement(m.Button,{className:"logout-button",color:"tertiary",size:"lg",onClick:l},d("logout.popup.button.logout")),S.default.createElement(m.Button,{className:"cancel-button",color:"primary",size:"lg",onClick:i},d("logout.popup.button.cancel"))))))},Le=z.default.div(Be||(Be=e.__makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"],["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"])),(function(e){return e.theme.colors.white}),p.MediaQueries.mbDown,p.MediaQueries.mbUp,p.MediaQueries.mbDown,p.MediaQueries.mbUp,p.MediaQueries.mbDown,p.MediaQueries.mbUp,(function(e){return e.theme.colors.gray200}),p.MediaQueries.mbDown,f.theme.colors.neutral100,p.MediaQueries.mbUp),Me="hhgcomp-navprofilebutton-popup",Te=g.getDefaultClassWrapper(Le,Me),Ae=z.default.div(je||(je=e.__makeTemplateObject(["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"])),p.MediaQueries.mbUp,p.MediaQueries.mbDown),Pe="hhgcomp-navprofilebutton-popupwrapper";g.getDefaultClassWrapper(Ae,Pe);var Be,je,Oe,He,Ne,Se=z.default.div(Oe||(Oe=e.__makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"])),(function(e){return e.theme.colors.secondaryBase})),ze=z.default.a(He||(He=e.__makeTemplateObject(["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    ."," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    ."," {\n      display: initial;\n    }\n  }\n"],["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    ."," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    ."," {\n      display: initial;\n    }\n  }\n"])),Me,p.MediaQueries.mbDown,Pe),De=z.default.a(Ne||(Ne=e.__makeTemplateObject(["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"],["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"])),p.MediaQueries.mbUp,p.MediaQueries.mbUp),Re="profile/posts?website_url={websiteUrl}",Ue=99,Ge=300,Ze=400,Ie=210,Qe=function(e){var n,t,a,i;return e?{termId:e.term_id||null,sponsor:e.sponsor?(i=e.sponsor,i?{title:i.title,logo:i.logo,link:i.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===(n=e.child_cates)||void 0===n?void 0:n.map((function(e){return Qe(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===(t=e.cat_parent)||void 0===t?void 0:t.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((function(e){return function(e){return{title:e.title,content:e.content}}(e)})):null}:{}},Ve=function(e){var n,t;if(!e)return{};var a=null===(n=e.link)||void 0===n?void 0:n.includes("/bot/"),i=null===(t=e.link)||void 0===t?void 0:t.startsWith("/fil/"),l=e.link?e.link.startsWith("http")||a?e.link:i?e.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):"/health-tools".concat(e.link.replace("/health-tools/","/")):void 0;return{icon:e.icon,link:l,subtitle:e.subtitle,title:e.title}},Fe=function(e){return e?{thumbnail:e.thumbnail,link:null==e?void 0:e.slug,subtitle:e.name,name:e.name,slug:e.slug}:{}},qe=function(e){return e?{id:e.id,name:e.name,logo:null==e?void 0:e.logo,description:e.about,slug:e.slug}:{}},We=function(e){var n,t,a=e.type,i=e.specialtySlug,l=e.locale;return"".concat(null===(n=E.LOCALIZED_SLUGS[l])||void 0===n?void 0:n.ALL,"/").concat((null===(t=E.LOCALIZED_SLUGS[l])||void 0===t?void 0:t[a])||"doctor","/").concat(null!=i?i:"")},Ye=function(e){return 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}:{}},Ke=function(e){var n=new Date;if(null==e?void 0:e.startDate){var t=new Date(e.startDate);if(n.getTime()<t.getTime())return!1}if(null==e?void 0:e.endDate){var a=new Date(e.endDate);if(n.getTime()>a.getTime())return!1}return!0},Je={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"shop"},Xe={navHeader:"uJQBNNg",navAvatar:"TfG3dM5",navHeaderUserInfos:"aMtjFNf",navHeaderUserName:"cSz2RR-",navHeaderMyProfileButton:"GyFm00F"};function $e(e){var t=e.userInfo,i=e.onClickMyProfileButton,l=e.themeName,o=void 0===l?"helloSites":l,r=c.useTranslations().t,d=n.useMemo((function(){var e=(null==t?void 0:t.name)||(null==t?void 0:t.username);return e&&e.length?e[0].toUpperCase():"A"}),[null==t?void 0:t.username,null==t?void 0:t.name]);return S.default.createElement("div",{className:Xe.navHeader,onClick:function(){i&&i()}},S.default.createElement(s.Avatar,{className:Xe.navAvatar,type:"rounded",size:"xl",avatarUrl:null==t?void 0:t.avatar,firstLetter:d,backgroundColor:"marryBaby"===o?f.theme.mbColors.pink:f.theme.colors.secondaryBase}),S.default.createElement("div",{className:Xe.navHeaderUserInfos},S.default.createElement("div",{className:Xe.navHeaderUserName},(null==t?void 0:t.name)||(null==t?void 0:t.username)),S.default.createElement("div",{className:Xe.navHeaderMyProfileButton,style:{"--bg-hellosites":"url(".concat(a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg"),")"),"--bg-marrybaby":"url(".concat(a.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg"),")")}},r("userProfile.nav.header.viewProfile"))))}var en,nn,tn,an,ln,on,rn,sn,dn,cn,un,pn,mn,fn,hn,gn="fVk18fq",xn="v8TCvUb",vn="mx7T4V3",bn={myHealth:f.theme.mbColors.toneYellow,myCommunity:f.theme.mbColors.toneBlue,mySaved:f.theme.mbColors.toneGreen},yn={helloSites:{myBooking:function(){return a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg")},myCommunity:function(){return a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg")},myFamily:function(){return a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg")},myHealth:function(){return a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg")},mySaved:function(){return a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg")},eCom:function(){return a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")}},marryBaby:{mySaved:function(){return a.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg")},myCommunity:function(){return a.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg")},myHealth:function(){return a.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}}},wn=function(e){var t=e.type,a=e.themeName,i=e.className,l=e.onClick,o=void 0===l?function(){}:l,r=c.useTranslations().t,s=n.useMemo((function(){var e,n;return(null===(n=null===(e=yn[a])||void 0===e?void 0:e[t])||void 0===n?void 0:n.call(e))||""}),[t,a]),d=n.useMemo((function(){return"marryBaby"!==a?"transparent":bn[t]}),[t,a]);return S.default.createElement("div",{onClick:function(){o(t)},className:"".concat(gn," ").concat(i)},S.default.createElement("div",{className:vn,style:{backgroundColor:d,backgroundImage:'url("'.concat(s,'")')}}),S.default.createElement("h3",{className:xn},r("userProfile.nav.card.".concat(t))))},En="gn6HmGG",kn="FCx8FEM",Cn="zMiRxaE",_n="lZ2Z9MQ",Ln="rwm-agG",Mn="qMOscoq",Tn=function(e){var t=e.themeName,i=e.locale,l=e.onClickItem,o=n.useState(""),r=o[0],s=o[1],d=n.useMemo((function(){return"marryBaby"===t?[{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:"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"}]}),[t]);function c(e){e.subMenu?s((function(n){return n?"":e.key})):l&&l(e)}return S.default.createElement("div",{className:En},d.map((function(e){return S.default.createElement(An,{key:e.key,item:e,openKey:r,onClickItem:c,locale:i})})))},An=function(e){var n,t=e.item,i=e.openKey,l=e.onClickItem,o=e.locale,r=c.useTranslations().t;return(null===(n=t.disableLocale)||void 0===n?void 0:n.includes(o))?null:S.default.createElement("div",{className:"".concat(kn," nav-menu-item"),"data-is-open":i===t.key,key:t.key,"data-has-submenu":!!t.subMenu},S.default.createElement("div",{className:Cn,onClick:function(){return l(t)}},t.icon&&S.default.createElement("div",{className:_n,style:{backgroundImage:'url("'.concat(t.icon,'")')}}),r(t.key),t.subMenu&&S.default.createElement("div",{className:Ln,style:{"--after-bg":"url(".concat(a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg"),")")}})),t.subMenu&&S.default.createElement("div",{className:Mn},t.subMenu.map((function(e){return S.default.createElement(An,{key:e.key,item:e,openKey:i,onClickItem:l,locale:o})}))))},Pn="-AZt1au",Bn="IvSIfCI",jn="eahCJov",On="XIyViFs",Hn="_4y-O0w3",Nn="kO8iNgD",Sn="a1d4E10",zn="Tdguxxf",Dn="-mOxsaU",Rn="yPeDBNZ",Un={helloSites:{member:function(){return a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg")},ambassador:function(){return a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg")},doctor:function(){return a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg")},expert:function(){return a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg")},influencer:function(){return a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")}},marryBaby:{member:function(){return a.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg")},ambassador:function(){return a.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg")},doctor:function(){return a.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg")},expert:function(){return a.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg")},influencer:function(){return a.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}}},Gn=function(e){var t=e.themeName,a=e.rank,i=void 0===a?"member":a,l=e.numberOfPosts,o=void 0===l?0:l,r=c.useTranslations().t,s=n.useMemo((function(){var e,n;return(null===(n=null===(e=Un[t])||void 0===e?void 0:e[i])||void 0===n?void 0:n.call(e))||""}),[i,t]);return S.default.createElement("div",{className:Hn,"data-user-rank":i},S.default.createElement("div",{className:Nn},S.default.createElement("div",{className:Sn},S.default.createElement("div",{className:zn,style:{backgroundImage:'url("'.concat(s,'")')}}),S.default.createElement("h3",{className:Dn},r("userProfile.userRank.".concat(i))),o>0&&S.default.createElement("p",{className:Rn},o," ",r("userProfile.nav.header.count.posts")))))},Zn=function(t){var i=t.SSO_URL,l=t.UP_BASEPATH,r=void 0===l?"user":l,s=t.themeName,d=void 0===s?"helloSites":s,u=t.cardUrls,p=void 0===u?Je:u,f=t.enableCare,h=t.enableTogether,g=t.enableEcom,v=t.userInfo,b=t.togetherApiDomain,y=t.userPostsNumber,w=t.onClickNavigationCard,E=t.onClickMyProfileButton,k=t.onClickMenuItem,C=t.onClickLogout,_=t.isUserProfileNavigatorMenuHidden,L=void 0!==_&&_,M=t.isMyHealthEnabled,T=void 0!==M&&M,A=t.locale,P=c.useTranslations().t,B=n.useState(y||0),j=B[0],O=B[1],H="marryBaby"===d;n.useEffect((function(){if(v&&void 0===y){var n=x.getCookie("hhg_user_token");n&&fetch(function(n,t,a,i){return(a||"https://together.hellohealthgroup.com/")+"api/v1/"+U.default(Re,e.__assign(e.__assign({},i),{websiteUrl:t?"https://marrybaby.vn":"https://".concat(o.domainLocales[n])}))}(A,H,b),{headers:{Authorization:"Bearer ".concat(n)}}).then((function(e){return e.json()})).then((function(e){var n,t,a;1===(null==e?void 0:e.status)&&(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.pagination)&&O((null===(a=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.pagination)||void 0===a?void 0:a.total_items)||0)})).catch((function(e){return console.error("Error fetching post number",e)}))}}),[A,null!==v,y,b,H]);var N=n.useMemo((function(){return(H?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"]).filter((function(e){return"myBooking"===e?f:"myCommunity"===e?h:"myHealth"===e?T:"eCom"!==e||g}))}),[H,T]),z=n.useMemo((function(){return"marryBaby"===d?null:S.default.createElement(m.Button,{color:"tertiary",icon:S.default.createElement("img",{src:a.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15}),size:"md",onClick:C,className:On},P("userProfile.nav.menu.logout"))}),[d]),D=function(e){window.location.href="".concat(i).concat(r,"/").concat(e)},R=function(e){var n=p[e];w?w(n):D(n)};return v?S.default.createElement("div",{className:Pn,"data-theme":d},S.default.createElement($e,{userInfo:v,themeName:d,onClickMyProfileButton:function(){E?E():D("profile")}}),S.default.createElement(Gn,{themeName:d,rank:"member",numberOfPosts:j}),S.default.createElement("div",{className:Bn},N.map((function(e){return S.default.createElement(wn,{className:jn,key:e,themeName:d,type:e,onClick:R})}))),!L&&S.default.createElement(S.default.Fragment,null,S.default.createElement(Tn,{themeName:d,locale:A,onClickItem:function(e){"logout"===e.link&&C?C():e.link&&!e.subMenu&&(k?k(e.link):D(e.link))}}),z)):null},In=function(e){var n=e.type,t=void 0===n?"lead":n,a=e.closeIcon,i=e.isOpen,l=void 0===i||i,o=e.onClose,r=e.children,s=e.enableAnimation,d=void 0===s||s,c=e.targetAvatar,u=e.id,p=e.className;return S.default.createElement(Te,{"data-open":l,"data-type":t,"data-animation":d,"data-target":c,id:u,className:p},S.default.createElement("div",{className:"popup-content"},!!a&&S.default.createElement("div",{className:"close-button",onClick:o},a),r))},Qn=function(e){var n=e.SSO_URL,t=e.UP_BASEPATH,a=e.isOpen,i=e.targetAvatar,l=e.userInfo,o=e.enableCare,r=e.enableTogether,s=e.enableEcom,d=e.closePopup,c=e.siteType,u=void 0===c?"helloSites":c,p=e.dispatchLogout,m=e.userProfileRouterPush,f=e.isUserProfileNavigatorMenuHidden,h=e.isMyHealthEnabled,g=void 0!==h&&h,x=e.togetherApiDomain,v=e.locale,b=function(e){m?m("/".concat(e)):n&&(window.location.href="".concat(n).concat(t,"/").concat(e))},y=function(e){b(e),d()};return S.default.createElement(In,{isOpen:a,type:"profile",enableAnimation:!0,targetAvatar:i,onClose:d},S.default.createElement(Zn,{SSO_URL:n,UP_BASEPATH:t,themeName:u,userInfo:l,enableCare:o,enableTogether:r,enableEcom:s,onClickLogout:function(){p&&(p(),d())},onClickMenuItem:y,onClickNavigationCard:y,onClickMyProfileButton:function(){b("profile"),d()},isUserProfileNavigatorMenuHidden:f,isMyHealthEnabled:g,togetherApiDomain:x,locale:v}))},Vn=function(t){var i=t.userInfo,o=t.siteType,r=t.onLoginClick,d=t.SSO_URL,u=t.currentUrl,p=t.isMinifyLogin,h=t.enableCare,g=t.enableTogether,x=t.enableEcom,v=t.isUserProfileNavigatorMenuHidden,b=t.UP_BASEPATH,y=t.isMyHealthEnabled,w=t.togetherApiDomain,E=t.onLogout,k=t.style,C=t.userProfileRouterPush,_=t.isLoading,L=t.locale,M=c.useTranslations().t,T=n.useState(!1),A=T[0],P=T[1],B=(null==i?void 0:i.name)||(null==i?void 0:i.username),j=n.useState(!1),O=j[0],H=j[1];n.useEffect((function(){H(!0)}),[]);var N=Ee(),z=N.containerRef,D=N.onContainerFocus,R=N.onContainerBlur,U=N.onButtonMouseDown,G=N.onClose;return _?S.default.createElement(m.Button,{size:"sm",color:"transparent",isLoading:!0}):(null==i?void 0:i.id)?S.default.createElement(S.default.Fragment,null,S.default.createElement(ze,{ref:z,style:k,tabIndex:0,onBlur:R,onFocus:D},S.default.createElement("div",{onMouseDown:U},S.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"},S.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),S.default.createElement(s.Avatar,{type:"rounded",size:"medium",className:"user-avatar",avatarUrl:null==i?void 0:i.avatar,firstLetter:B&&B.length?B[0].toUpperCase():"A",backgroundColor:"marryBaby"===o?f.theme.mbColors.pink:f.theme.colors.secondaryBase})),S.default.createElement(Qn,{UP_BASEPATH:b,SSO_URL:d,dispatchLogout:function(){G(),P(!0)},isOpen:!1,isMyHealthEnabled:y,enableCare:h,enableTogether:g,enableEcom:x,closePopup:G,userInfo:i,siteType:o,isUserProfileNavigatorMenuHidden:v,togetherApiDomain:w,userProfileRouterPush:C,locale:L})),S.default.createElement(_e,{openLogoutPopup:A,onCloseHandler:function(){document.body.classList.toggle("noscroll",!1),P(!1)},siteType:o,onLogoutHandler:function(){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return P(!1),document.body.classList.toggle("noscroll",!1),[4,E()];case 1:return e.sent(),[2]}}))}))}})):S.default.createElement(De,{style:e.__assign({textDecoration:"none"},k),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":u,href:O?void 0:"".concat(d,"?returnUrl=").concat(u),"data-site-type":o},p?S.default.createElement(Se,{onClick:r},S.default.createElement("img",{src:a.CommonGAssets.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):S.default.createElement(S.default.Fragment,null,"helloSites"===o&&S.default.createElement("img",{className:"mobile-only",src:a.CommonGAssets.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:r}),"marryBaby"===o&&S.default.createElement("div",{className:"mobile-only",onClick:r,style:{paddingLeft:16}},S.default.createElement(l.Text,{size:"p3",color:f.theme.mbColors.pink},M("navigation.loginJoin"))),S.default.createElement(m.Button,{className:"login-btn",size:"md",color:"tertiary",onClick:r,icon:S.default.createElement("img",{src:a.CommonGAssets.getAssetPath("login.svg"),width:18,height:18}),theme:o},M("navigation.loginJoin"))))},Fn=S.default.createContext({}),qn=function(t){var a=t.children,i=e.__rest(t,["children"]),l="undefined"!=typeof window?window.location.href:i.currentUrl||"https://".concat("marryBaby"===i.siteType?s.domainLocalesMarryBaby[i.locale||"en-PH"]:o.domainLocales[i.locale||"en-PH"]).concat("together"===i.projectType?"/community":"ecom"===i.projectType?"/ecom":"care"===i.projectType?"/care":"","/"),d=function(e){var t=e.locale,a=e.projectType,i=e.isMobile,l=e.siteType;return n.useMemo((function(){var e=!(!i&&"profile"===a),n="discover"===a||"marryBaby"===a||"profile"===a&&"marryBaby"===l,s="marryBaby"!==l&&"marryBaby"!==a&&o.CARE_LOCALES.includes(t),d="marryBaby"!==a&&"discover"===a&&"marryBaby"!==l&&o.CARE_BOOKING_LOCALES.includes(t),c="marryBaby"===a||o.TOGETHER_LOCALES.includes(t),u="ecom"===a,p="ecom"===a,m=r.getCurrentBaseUrl(t,"marryBaby"===l),f=r.getCurrentSsoUrl(t,"marryBaby"===l);return{enableProfileNavigatorMenu:e,enableSearchBar:n,enableNavCare:s,enableNavCareBooking:d,enableNavTogether:c,enableNavEcom:u,enableProfileEcom:p,enableProfileMyHealth:!0,statics:{HOME_PAGE_URL:m,CARE_URL_FE:"".concat(m,"/care"),TOGETHER_URL_FE:"".concat(m,"/community"),SSO_URL:f,TOGETHER_API:r.getTogetherApiDomain(),DISCOVER_API:r.getDiscoverApiDomain(t)}}}),[t,a,i])}({locale:i.locale,projectType:i.projectType,isMobile:i.isMobile,siteType:i.siteType});return S.default.createElement(Fn.Provider,{value:e.__assign(e.__assign({},i),{configs:d,currentUrl:l})},a)},Wn="-XmTq5-",Yn="V-oxu20",Kn=function(e){var t=e.item,a=e.menu,i=Ee({allowBgScroll:!0}),l=i.containerRef,o=i.onContainerFocus,r=i.onContainerBlur,s=i.onButtonMouseDown,d=i.onClose,c=function(){var e=n.useState(!0),t=e[0],a=e[1];return n.useEffect((function(){a(!1)}),[]),t}();return!t.popupType&&t.link?S.default.createElement("a",{className:"hhgcomp-navigation-itemnav-headeritem ".concat(c?"":"menu-handler-".concat(t.id)),tabIndex:0,href:t.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t.link},S.default.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t.link,className:Yn},t.name)):S.default.createElement("div",{ref:l,className:"hhgcomp-navigation-itemnav-headeritem ".concat(c?"":"menu-handler-".concat(t.id)),tabIndex:0,key:t.id,onBlur:r,onFocus:o,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t.link},S.default.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t.link,onMouseDown:s,className:Yn},t.name,t.popupType&&S.default.createElement("div",{className:Wn},S.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},S.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),S.default.isValidElement(a)?S.default.cloneElement(a,{onClose:d}):null)},Jn=n.memo((function(){return S.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},S.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#8C8C8C"}))})),Xn=function(){var e=n.useContext(Fn),t=e.locale,a=e.configs.statics,i=e.siteType,l=c.useTranslations().t;return S.default.createElement(b.PureInput,{className:"fake-search-input",name:"search-input-menu-service",size:"md",placeholder:"marryBaby"===i?l("navigation.search.input.placeholder"):l("home.search",{site:o.LOCALE_SPECS[t||"en-PH"]?o.LOCALE_SPECS[t||"en-PH"].SITE_NAME:""}),onChange:function(){},onKeyDown:function(e){return"Enter"===e.key&&(window.location.href="".concat(a.HOME_PAGE_URL,"/search/?s=").concat(e.target.value))},type:"search",onFocus:function(e){e.preventDefault()},displayIcon:S.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},S.default.createElement(Jn,null))})},$n="eJS8-if",et="EuQrB-3",nt="_0JtBh8L",tt=function(e){var n=e.onClosePopup;return S.default.createElement("div",{className:"".concat(nt," close-btn"),onClick:n},S.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},S.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))},at=function(e){var n=e.onClosePopup,t=e.isDisplay,a=e.children,i=e.isNavMenu,l=e.hideCloseBtn;return S.default.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!i},S.default.createElement(y.Container,null,!l&&S.default.createElement("div",{className:et},S.default.createElement(tt,{onClosePopup:n})),S.default.createElement(y.Container,{className:$n},a)))},it=z.default.div(en||(en=e.__makeTemplateObject(["\n  padding-right: 1rem;\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  "," {\n    border-right: 1px solid #e4e8ec;\n  }\n"],["\n  padding-right: 1rem;\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  "," {\n    border-right: 1px solid #e4e8ec;\n  }\n"])),p.MediaQueries.mbUp),lt=z.default.a(nn||(nn=e.__makeTemplateObject(["\n  padding: 10px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  color: ",";\n  * {\n    pointer-events: none;\n  }\n  p {\n    font-size: 16px;\n    font-weight: 400;\n    padding: 0 0.4rem;\n  }\n\n  &[data-theme='marryBaby']:hover {\n    p {\n      color: ",";\n    }\n    .icon {\n      background-color: ",";\n    }\n  }\n  &[data-theme='helloSite']:hover {\n    p {\n      color: ",";\n    }\n  }\n  a {\n  }\n\n  &[data-theme='marryBaby'] {\n    .icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      background-color: ",";\n    }\n  }\n"],["\n  padding: 10px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  color: ",";\n  * {\n    pointer-events: none;\n  }\n  p {\n    font-size: 16px;\n    font-weight: 400;\n    padding: 0 0.4rem;\n  }\n\n  &[data-theme='marryBaby']:hover {\n    p {\n      color: ",";\n    }\n    .icon {\n      background-color: ",";\n    }\n  }\n  &[data-theme='helloSite']:hover {\n    p {\n      color: ",";\n    }\n  }\n  a {\n  }\n\n  &[data-theme='marryBaby'] {\n    .icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      background-color: ",";\n    }\n  }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.mbColors.pink}),(function(e){return e.theme.mbColors.lightPink}),(function(e){return e.theme.colors.primaryActive}),(function(e){return e.theme.mbColors.lightGray})),ot=z.default.div(tn||(tn=e.__makeTemplateObject(["\n  margin: 15px 0;\n  "," {\n    display: none;\n  }\n"],["\n  margin: 15px 0;\n  "," {\n    display: none;\n  }\n"])),p.MediaQueries.mbDown),rt=z.default.div(an||(an=e.__makeTemplateObject(["\n  display: flex;\n  position: absolute;\n  right: 0;\n  "," {\n    display: none;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  right: 0;\n  "," {\n    display: none;\n  }\n"])),p.MediaQueries.mbUp),st=z.default.div(ln||(ln=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n  font-size: 14px;\n  font-weight: 600;\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n  font-size: 14px;\n  font-weight: 600;\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink})),dt=z.default.div(on||(on=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n"]))),ct=z.default.a(rn||(rn=e.__makeTemplateObject(["\n  border: 1px solid ",";\n  &[data-theme='marryBaby'] {\n    border: 1px solid ",";\n\n    svg path {\n      stroke: ",";\n    }\n  }\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n  border-radius: 5px;\n  margin-top: 20px;\n  "," {\n    display: none;\n  }\n"],["\n  border: 1px solid ",";\n  &[data-theme='marryBaby'] {\n    border: 1px solid ",";\n\n    svg path {\n      stroke: ",";\n    }\n  }\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n  border-radius: 5px;\n  margin-top: 20px;\n  "," {\n    display: none;\n  }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.mbColors.pink}),(function(e){return e.theme.mbColors.pink}),p.MediaQueries.mbDown),ut=function(e){var t=e.hrefViewMore,i=e.titleBtnViewMore,l=e.UrlFE,o=e.onClosePopup,r=e.menuItems,s=e.headingTitle,d=n.useContext(Fn).siteType;return S.default.createElement(it,null,S.default.createElement(ot,null,S.default.createElement(v.Heading,{tag:"marryBaby"===d?"h5":"h6",as:"h2",fontWeight:"semibold"},s)),null==r?void 0:r.slice(0,6).map((function(e,n){var t=(null==e?void 0:e.link)?(null==e?void 0:e.link.startsWith("http"))?null==e?void 0:e.link:"".concat(l,"/").concat(null==e?void 0:e.link.split("/").filter(Boolean).join("/"),"/"):"/";return S.default.createElement(lt,{className:"iconMenu","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t,"data-is-heading-category":!1,href:t,"data-theme":d,key:n,onClick:o},S.default.createElement("div",{className:"icon"},S.default.createElement("img",{loading:"lazy",alt:e.name,src:e.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32}})),S.default.createElement("p",null,e.name),S.default.createElement(rt,null,S.default.createElement("img",{src:a.CommonGAssets.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"}})))})),i&&S.default.createElement(ct,{"data-theme":d,style:{textDecoration:"none"},href:t,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t},S.default.createElement(st,{onClick:o,"data-theme":d,"data-is-heading-category":!1},i,S.default.createElement(dt,null,S.default.createElement("img",{className:"svg",src:"marryBaby"===d?a.CommonGAssets.getAssetPath("chevronRightPink.svg"):a.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}})))))},pt=z.default.div(sn||(sn=e.__makeTemplateObject(["\n  padding: 16px;\n  border-radius: 8px;\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n  a {\n    text-decoration: none;\n  }\n\n  .bg-svg {\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n  }\n  "," {\n    display: block;\n    .bg-svg {\n      right: -24px;\n      left: unset;\n      top: 0;\n      transform: rotateY(180deg);\n    }\n  }\n\n  "," {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: 1fr 3fr;\n  }\n"],["\n  padding: 16px;\n  border-radius: 8px;\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n  a {\n    text-decoration: none;\n  }\n\n  .bg-svg {\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n  }\n  "," {\n    display: block;\n    .bg-svg {\n      right: -24px;\n      left: unset;\n      top: 0;\n      transform: rotateY(180deg);\n    }\n  }\n\n  "," {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: 1fr 3fr;\n  }\n"])),p.MediaQueries.mbDown,p.MediaQueries.mbUp),mt=z.default.div(dn||(dn=e.__makeTemplateObject(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ",";\n  margin-bottom: 15px;\n"],["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ",";\n  margin-bottom: 15px;\n"])),(function(e){return e.theme.colors.gray600})),ft=z.default.div(cn||(cn=e.__makeTemplateObject(["\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 26px;\n  color: #000000;\n  margin-bottom: 4px;\n"],["\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 26px;\n  color: #000000;\n  margin-bottom: 4px;\n"]))),ht=z.default.div(un||(un=e.__makeTemplateObject(["\n  background: #fff;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50px;\n"],["\n  background: #fff;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50px;\n"]))),gt=z.default.div(pn||(pn=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  "," {\n    justify-content: end;\n    min-height: 100px;\n  }\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  "," {\n    justify-content: end;\n    min-height: 100px;\n  }\n"])),p.MediaQueries.mbDown),xt=function(e){var t=e.title,i=e.link,l=e.description,o=e.cta,r=e.icon,s=n.useContext(Fn).siteType;return S.default.createElement(pt,{"data-theme":s},S.default.createElement(gt,null,S.default.createElement("img",{src:"marryBaby"===s?a.CommonGAssets.getAssetPath("navMBSpotlightBgNoData.svg"):a.CommonGAssets.getAssetPath("navSpotlightBgNoData.svg"),alt:"",loading:"lazy",className:"bg-svg"}),S.default.createElement(ht,null,r&&S.default.createElement("img",{src:r,width:64,height:64}))),S.default.createElement("div",null,t&&S.default.createElement(ft,null,t),l&&S.default.createElement(mt,null,l),o&&S.default.createElement("div",null,S.default.createElement("a",{href:i},S.default.createElement(m.Button,{theme:s,className:"survey-contact-submit",size:"md"},o)))))},vt=z.default.div(mn||(mn=e.__makeTemplateObject(["\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  position: relative;\n  "," {\n    &:after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: ",";\n      content: '';\n    }\n  }\n"],["\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  position: relative;\n  "," {\n    &:after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: ",";\n      content: '';\n    }\n  }\n"])),p.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral100})),bt=z.default.div(fn||(fn=e.__makeTemplateObject(["\n  margin: 15px 0;\n  display: flex;\n"],["\n  margin: 15px 0;\n  display: flex;\n"]))),yt=z.default.a(hn||(hn=e.__makeTemplateObject(["\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 14px;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  img {\n    padding-left: 5px;\n  }\n  "," {\n    margin-left: auto;\n  }\n"],["\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 14px;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  img {\n    padding-left: 5px;\n  }\n  "," {\n    margin-left: auto;\n  }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.mbColors.pink}),p.MediaQueries.mbDown),wt=function(e){var t=e.title,i=e.viewMore,l=e.children,o=e.link,r=e.dataEventAction,s=void 0===r?"":r,d=n.useContext(Fn).siteType;return S.default.createElement(vt,null,S.default.createElement(bt,null,S.default.createElement(v.Heading,{tag:"marryBaby"===d?"h5":"h6",as:"h2",fontWeight:"semibold"},t),i&&S.default.createElement(yt,{"data-event-category":"Hamburger Navigation","data-event-action":s,"data-event-label":o,href:o,"data-theme":d},i,S.default.createElement("img",{src:"marryBaby"===d?a.CommonGAssets.getAssetPath("chevronRightPink.svg"):a.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}}))),l)};z.default.div(Et||(Et=e.__makeTemplateObject(["\n  & > a:not(:last-child) > div {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  & > a:not(:last-child) > div {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"])),(function(e){return e.theme.colors.neutral100}));var Et,kt,Ct,_t,Lt,Mt,Tt,At,Pt,Bt=z.default.div(kt||(kt=e.__makeTemplateObject(["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n\n  "," {\n    grid-template-columns: repeat(1, 1fr);\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n\n  "," {\n    grid-template-columns: repeat(1, 1fr);\n  }\n"])),p.MediaQueries.tdDown),jt=z.default.div(Ct||(Ct=e.__makeTemplateObject(["\n  height: 152px; // 120 + 16 * 2\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 3;\n  overflow: hidden;\n  border-radius: 4px;\n  padding: 16px;\n  width: 100%;\n\n  .img-container {\n    width: 100%;\n    height: 100%;\n  }\n  img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: contain;\n  }\n  "," {\n    margin-bottom: 0;\n    padding: 0;\n    height: 100%;\n    position: unset;\n    width: 150px;\n  }\n  "," {\n    width: 80px;\n  }\n"],["\n  height: 152px; // 120 + 16 * 2\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 3;\n  overflow: hidden;\n  border-radius: 4px;\n  padding: 16px;\n  width: 100%;\n\n  .img-container {\n    width: 100%;\n    height: 100%;\n  }\n  img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: contain;\n  }\n  "," {\n    margin-bottom: 0;\n    padding: 0;\n    height: 100%;\n    position: unset;\n    width: 150px;\n  }\n  "," {\n    width: 80px;\n  }\n"])),p.MediaQueries.tdDown,p.MediaQueries.mbDown),Ot=z.default.div(_t||(_t=e.__makeTemplateObject(["\n  background-color: #ffffff;\n  border-radius: 4px;\n  width: 100%;\n  height: 100%;\n"],["\n  background-color: #ffffff;\n  border-radius: 4px;\n  width: 100%;\n  height: 100%;\n"]))),Ht=z.default.div(Lt||(Lt=e.__makeTemplateObject(["\n  display: flex;\n  margin-top: 1rem;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  "," {\n    display: none;\n  }\n"],["\n  display: flex;\n  margin-top: 1rem;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  "," {\n    display: none;\n  }\n"])),(function(e){return e.theme.colors.primaryBase}),p.MediaQueries.tdDown),Nt=z.default.p(Mt||(Mt=e.__makeTemplateObject(["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.6;\n  color: ",";\n  "," {\n    padding: 0;\n  }\n"],["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.6;\n  color: ",";\n  "," {\n    padding: 0;\n  }\n"])),(function(e){return e.theme.colors.gray800}),p.MediaQueries.tdDown),St=z.default.p(Tt||(Tt=e.__makeTemplateObject(["\n  font-size: 14px;\n  line-height: 1.6;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    height: unset;\n    padding: 0;\n  }\n"],["\n  font-size: 14px;\n  line-height: 1.6;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    height: unset;\n    padding: 0;\n  }\n"])),(function(e){return e.theme.colors.gray600}),p.MediaQueries.tdDown),zt=z.default.div(At||(At=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 4px;\n  }\n"])),p.MediaQueries.tdDown),Dt="hhgcomp-navigation-menucareitem-contentwrapper",Rt=g.getDefaultClassWrapper(zt,Dt),Ut=z.default.a(Pt||(Pt=e.__makeTemplateObject(["\n  text-decoration: none;\n  border-radius: 4px;\n  background: ",";\n  position: relative;\n  overflow: hidden;\n  padding: 16px;\n  display: flex;\n  padding-top: 166px;\n  * {\n    pointer-events: none;\n  }\n  "," {\n    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    gap: 30px;\n    flex-direction: column;\n    a {\n      display: flex;\n      width: 100%;\n    }\n  }\n  "," {\n    padding-top: 16px;\n    a {\n      display: none;\n    }\n    grid-template-columns: 2fr 1fr;\n    gap: 10px;\n    display: grid;\n    max-height: 110px;\n    display: flex;\n    flex-direction: row-reverse;\n    > ."," {\n      flex: 1;\n    }\n    img {\n      width: 150px;\n    }\n  }\n  "," {\n    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    display: flex;\n    flex-direction: row-reverse;\n    img {\n      width: 80px;\n      height: 80px;\n    }\n  }\n  "," {\n    border: 1px solid ",";\n  }\n  .bg-svg {\n    width: 100%;\n    max-width: 245px;\n    height: 100%;\n    top: 0;\n    right: -40px;\n    position: absolute;\n    display: inline-block;\n  }\n"],["\n  text-decoration: none;\n  border-radius: 4px;\n  background: ",";\n  position: relative;\n  overflow: hidden;\n  padding: 16px;\n  display: flex;\n  padding-top: 166px;\n  * {\n    pointer-events: none;\n  }\n  "," {\n    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    gap: 30px;\n    flex-direction: column;\n    a {\n      display: flex;\n      width: 100%;\n    }\n  }\n  "," {\n    padding-top: 16px;\n    a {\n      display: none;\n    }\n    grid-template-columns: 2fr 1fr;\n    gap: 10px;\n    display: grid;\n    max-height: 110px;\n    display: flex;\n    flex-direction: row-reverse;\n    > ."," {\n      flex: 1;\n    }\n    img {\n      width: 150px;\n    }\n  }\n  "," {\n    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    display: flex;\n    flex-direction: row-reverse;\n    img {\n      width: 80px;\n      height: 80px;\n    }\n  }\n  "," {\n    border: 1px solid ",";\n  }\n  .bg-svg {\n    width: 100%;\n    max-width: 245px;\n    height: 100%;\n    top: 0;\n    right: -40px;\n    position: absolute;\n    display: inline-block;\n  }\n"])),f.theme.colors.white,p.MediaQueries.tdUp,p.MediaQueries.tdDown,Dt,p.MediaQueries.mbDown,p.MediaQueries.tdOnly,f.theme.colors.neutral100),Gt=function(e){var t,i=e.item,l=e.index,o=void 0===l?0:l,r=c.useTranslations().t,s=n.useContext(Fn),d=s.locale,u=s.configs.statics;if(!i)return null;var p="".concat(u.CARE_URL_FE,"/").concat(null===(t=E.LOCALIZED_SLUGS[d])||void 0===t?void 0:t.HOSPITAL,"/").concat(i.slug,"-").concat(i.id);return S.default.createElement(Ut,{key:i.id,href:p,"data-event-category":"Hamburger Navigation","data-event-action":"Care Click ".concat(o+1),"data-event-label":p},S.default.createElement("img",{src:a.CommonGAssets.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg",loading:"lazy"}),S.default.createElement(jt,null,S.default.createElement(Ot,null,S.default.createElement("img",{loading:"lazy",alt:i.name,src:i.logo||"/images/avatar.jpg"}))),S.default.createElement(Rt,null,S.default.createElement(Nt,null,i.name),S.default.createElement(St,null,i.description),S.default.createElement(Ht,null,r("home.seeMore"),S.default.createElement("img",{src:a.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))))},Zt=function(e){var n=e.spotlights,t=void 0===n?[]:n,i=e.hrefViewMore,l=c.useTranslations().t;return S.default.createElement(wt,{title:l("home.navigator.menu.spotlightHospitals")},0!==t.length?S.default.createElement(Bt,null,null==t?void 0:t.slice(0,3).map((function(e,n){return S.default.createElement(Gt,{key:n,index:n,item:e})}))):S.default.createElement(xt,{title:l("home.navigator.menu.care.noDatas.title"),description:l("home.navigator.menu.care.noDatas.description"),link:i,cta:l("home.navigator.menu.care.noDatas.cta"),icon:a.CommonGAssets.getAssetPath("community.svg")}))},It=function(e){var t,a=e.careSpecialties,i=void 0===a?[]:a,l=e.isOpen,o=e.onClose,r=e.spotlights,s=void 0===r?[]:r,d=c.useTranslations().t,u=n.useContext(Fn),p=u.locale,m=u.configs.statics,f="".concat(m.CARE_URL_FE,"/").concat(null===(t=E.LOCALIZED_SLUGS[p])||void 0===t?void 0:t.SPECIALTIES);return S.default.createElement(at,{onClosePopup:o,isDisplay:l,isNavMenu:!0},S.default.createElement(ut,{headingTitle:d("home.navigator.menuItem.specialties"),hrefViewMore:f,UrlFE:m.CARE_URL_FE,onClosePopup:o,titleBtnViewMore:d("home.navigator.menuItem.allSpecialties"),menuItems:(null==i?void 0:i.map((function(e){return e?{name:String(e.name)||"",link:We({type:"DOCTOR",specialtySlug:e.slug,locale:p}),thumbnail:(null==e?void 0:e.thumbnail)||""}:{}})))||[]}),S.default.createElement(Zt,{spotlights:s,hrefViewMore:f}))};z.default.div(Qt||(Qt=e.__makeTemplateObject(["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"]))),z.default.div(Vt||(Vt=e.__makeTemplateObject(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"])));var Qt,Vt,Ft,qt,Wt,Yt,Kt=z.default.div(Ft||(Ft=e.__makeTemplateObject(["\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  "," {\n    gap: 12px;\n    grid-template-columns: 1fr;\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  "," {\n    gap: 12px;\n    grid-template-columns: 1fr;\n  }\n"])),p.MediaQueries.tdDown),Jt=z.default.a(qt||(qt=e.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  * {\n    pointer-events: none;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  * {\n    pointer-events: none;\n  }\n"]))),Xt=z.default.div(Wt||(Wt=e.__makeTemplateObject(["\n  border-radius: 5px;\n  display: block;\n  overflow: hidden;\n  padding-top: 140%;\n  width: 100%;\n  position: relative;\n  height: 0;\n  img {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    top: 0;\n    left: 0;\n  }\n  "," {\n    width: 72px;\n    padding-top: 100px;\n  }\n"],["\n  border-radius: 5px;\n  display: block;\n  overflow: hidden;\n  padding-top: 140%;\n  width: 100%;\n  position: relative;\n  height: 0;\n  img {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    top: 0;\n    left: 0;\n  }\n  "," {\n    width: 72px;\n    padding-top: 100px;\n  }\n"])),p.MediaQueries.tdDown),$t=z.default.p(Yt||(Yt=e.__makeTemplateObject(["\n  font-size: 16px;\n  font-weight: 400;\n  padding: 4px 15px;\n  line-height: 1.4;\n  color: ",";\n  flex: 1;\n  "," {\n    display: none;\n  }\n"],["\n  font-size: 16px;\n  font-weight: 400;\n  padding: 4px 15px;\n  line-height: 1.4;\n  color: ",";\n  flex: 1;\n  "," {\n    display: none;\n  }\n"])),(function(e){return e.theme.colors.gray800}),p.MediaQueries.tdUp),ea=function(e){var n=e.item,t=e.index,a=void 0===t?0:t;return n?S.default.createElement(Jt,{key:n.id,href:n.link,"data-event-category":"Hamburger Navigation","data-event-action":"Spotlight Click ".concat(a+1),"data-event-label":n.link},S.default.createElement(Xt,null,S.default.createElement("img",{loading:"lazy",alt:n.title,src:n.banner||"/images/notFound-min-small.jpg"})),S.default.createElement($t,null,n.title)):null},na=function(e){var t=e.spotlightsList,i=void 0===t?[]:t,l=e.hrefViewMore,o=c.useTranslations().t,r=n.useContext(Fn).configs.statics;return S.default.createElement(wt,{title:o("home.navigator.menu.spotlights"),viewMore:o("home.navigator.menu.spotlights.seeAll"),link:l,dataEventAction:"Spotlight See More Click"},0!==i.length?S.default.createElement(Kt,null,null==i?void 0:i.slice(0,4).map((function(e,n){return S.default.createElement(ea,{key:n,index:n,item:{id:e.id,link:r.HOME_PAGE_URL+e.permalink,title:e.name,banner:e.image}})}))):S.default.createElement(xt,{title:o("home.navigator.menu.category.noDatas.title"),description:o("home.navigator.menu.category.noDatas.description"),link:l,cta:o("home.navigator.menu.category.noDatas.cta"),icon:a.CommonGAssets.getAssetPath("Spotlight.svg")}))},ta=function(e){var t=e.categories,a=void 0===t?[]:t,i=e.spotlightsList,l=void 0===i?[]:i,o=e.onClose,r=e.isOpen,s=c.useTranslations().t,d=n.useContext(Fn),u=d.locale,p=d.configs.statics;return S.default.createElement(at,{onClosePopup:o,isDisplay:r,isNavMenu:!0},S.default.createElement(ut,{hrefViewMore:"".concat(p.HOME_PAGE_URL).concat("tl-PH"===u?"/fil":"","/categories/"),UrlFE:p.HOME_PAGE_URL,onClosePopup:o,titleBtnViewMore:s("home.navigator.menuItem.allCategories"),menuItems:(null==a?void 0:a.map((function(e){return e?{name:e.displayName||null,link:(null==e?void 0:e.permalink)||"/",thumbnail:e.iconUrl||null}:{}})))||[],headingTitle:s("home.navigator.menuItem.healthCategories")}),S.default.createElement(na,{spotlightsList:l,hrefViewMore:"".concat(p.HOME_PAGE_URL).concat("tl-PH"===u?"/fil":"","/spotlight/")}))};z.default.div(aa||(aa=e.__makeTemplateObject(["\n  & > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  & > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"])),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.neutral100})),z.default.div(ia||(ia=e.__makeTemplateObject(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"])));var aa,ia,la,oa,ra,sa,da,ca,ua,pa,ma,fa,ha,ga,xa=z.default.div(la||(la=e.__makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-gap: 48px;\n  "," {\n    grid-template-columns: 1fr;\n    grid-gap: 32px;\n  }\n  "," {\n    grid-gap: 24px;\n  }\n"],["\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-gap: 48px;\n  "," {\n    grid-template-columns: 1fr;\n    grid-gap: 32px;\n  }\n  "," {\n    grid-gap: 24px;\n  }\n"])),p.MediaQueries.tdDown,p.MediaQueries.mbDown),va=z.default.div(oa||(oa=e.__makeTemplateObject(["\n  padding: 5px;\n  flex: 1;\n"],["\n  padding: 5px;\n  flex: 1;\n"]))),ba=z.default.img(ra||(ra=e.__makeTemplateObject(["\n  width: 88px;\n  height: 88px;\n  border-radius: 4px;\n  object-fit: cover;\n"],["\n  width: 88px;\n  height: 88px;\n  border-radius: 4px;\n  object-fit: cover;\n"]))),ya=z.default.div(sa||(sa=e.__makeTemplateObject(["\n  font-size: 12px;\n  font-weight: 600;\n  color: ",";\n  text-decoration: none;\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"],["\n  font-size: 12px;\n  font-weight: 600;\n  color: ",";\n  text-decoration: none;\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"])),(function(e){return e.theme.colors.gray800})),wa=z.default.div(da||(da=e.__makeTemplateObject(["\n  text-decoration: none;\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"],["\n  text-decoration: none;\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"])),(function(e){return e.theme.colors.primaryBase})),Ea=z.default.div(ca||(ca=e.__makeTemplateObject(["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"],["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"])),(function(e){return e.theme.colors.gray600})),ka=z.default.div(ua||(ua=e.__makeTemplateObject(["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"],["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"])),(function(e){return e.theme.colors.gray600})),Ca=z.default.a(pa||(pa=e.__makeTemplateObject(["\n  display: flex;\n  gap: 10px;\n  text-decoration: none;\n  position: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 1px;\n    border-top: 1px dashed ",";\n    position: absolute;\n    bottom: -24px;\n    "," {\n      bottom: -16px;\n    }\n    "," {\n      bottom: -12px;\n    }\n  }\n  &:last-child {\n    &::after {\n      display: none;\n    }\n  }\n  "," {\n    &:nth-last-child(2) {\n      &::after {\n        display: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  gap: 10px;\n  text-decoration: none;\n  position: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 1px;\n    border-top: 1px dashed ",";\n    position: absolute;\n    bottom: -24px;\n    "," {\n      bottom: -16px;\n    }\n    "," {\n      bottom: -12px;\n    }\n  }\n  &:last-child {\n    &::after {\n      display: none;\n    }\n  }\n  "," {\n    &:nth-last-child(2) {\n      &::after {\n        display: none;\n      }\n    }\n  }\n"])),(function(e){return e.theme.colors.neutral100}),p.MediaQueries.tdOnly,p.MediaQueries.mbDown,p.MediaQueries.tdUp),_a=z.default.div(ma||(ma=e.__makeTemplateObject(["\n  display: flex;\n  gap: 10px;\n  vertical-align: middle;\n  align-items: center;\n"],["\n  display: flex;\n  gap: 10px;\n  vertical-align: middle;\n  align-items: center;\n"]))),La=z.default.div(fa||(fa=e.__makeTemplateObject(["\n  margin-top: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    margin-top: 12px;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n  }\n"],["\n  margin-top: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    margin-top: 12px;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n  }\n"])),(function(e){return e.theme.colors.gray800})),Ma=z.default.div(ha||(ha=e.__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  column-gap: 5px;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  column-gap: 5px;\n"]))),Ta=z.default.div(ga||(ga=e.__makeTemplateObject(["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n"],["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n"])));R.default.extend(G.default);var Aa=function(e){var t,a,i,l,o,r,d,c=e.post,u=e.index,p=void 0===u?0:u,m=n.useContext(Fn),f=m.siteType,h=m.configs.statics;if(!c)return null;var g=[h.TOGETHER_URL_FE,null===(t=c.community)||void 0===t?void 0:t.slug].join("/"),x=[g,c.slug].join("/"),v=c.createdAt,b=v?isNaN(new Date(v).getTime())?null:new Date(v):null,y=b?R.default(b).toNow(!0):v;return S.default.createElement(Ca,{href:x,"data-event-category":"Hamburger Navigation","data-event-action":"Together Click ".concat(p+1),"data-event-label":x},S.default.createElement(va,null,S.default.createElement(_a,null,S.default.createElement(s.UserAvatar,{avatar:null===(a=c.author)||void 0===a?void 0:a.avatar,username:(null===(i=c.author)||void 0===i?void 0:i.name)||(null===(l=c.author)||void 0===l?void 0:l.username)}),S.default.createElement(Ta,null,S.default.createElement(ya,{"data-theme":f},null===(o=c.author)||void 0===o?void 0:o.name),S.default.createElement(Ma,null,S.default.createElement(wa,{"data-event-category":"Hamburger Navigation","data-event-action":"Topic Click ".concat(p+1),"data-event-label":g,onClick:function(e){e.preventDefault(),location.href=g},"data-theme":f},null===(r=c.community)||void 0===r?void 0:r.name),S.default.createElement(ka,null,"•"),S.default.createElement(Ea,{"data-theme":f},y)))),S.default.createElement(La,null,c.title)),!!(null===(d=c.photos)||void 0===d?void 0:d.length)&&S.default.createElement(ba,{loading:"lazy",src:c.photos[0]}))},Pa=function(e){var t=e.spotlights,i=void 0===t?[]:t,l=n.useContext(Fn).configs.statics,o=c.useTranslations().t;return S.default.createElement(wt,{title:o("home.navigator.menu.trendingPosts"),viewMore:o("home.navigator.menu.trendingPosts.seeMore"),link:l.TOGETHER_URL_FE+"/",dataEventAction:"Together See More Click"},0!==i.length?S.default.createElement(xa,null,null==i?void 0:i.slice(0,4).map((function(e,n){return S.default.createElement(Aa,{index:n,post:e,key:e.id})}))):S.default.createElement(xt,{title:o("home.navigator.menu.together.noPosts.title"),description:o("home.navigator.menu.together.noPosts.description"),link:"".concat(l.HOME_PAGE_URL,"/community/"),cta:o("home.navigator.menu.together.noPosts.cta"),icon:a.CommonGAssets.getAssetPath("community.svg")}))},Ba=function(e){var t=e.communities,a=void 0===t?[]:t,i=e.onClose,l=e.isOpen,o=e.spotlights,r=void 0===o?[]:o,s=c.useTranslations().t,d=n.useContext(Fn).configs.statics;return S.default.createElement(at,{onClosePopup:i,isDisplay:l,isNavMenu:!0},S.default.createElement(ut,{hrefViewMore:d.TOGETHER_URL_FE+"/",UrlFE:d.TOGETHER_URL_FE,onClosePopup:i,titleBtnViewMore:s("home.navigator.menuItem.allCommunities"),menuItems:(null==a?void 0:a.map((function(e){return e?{name:e.name||"",link:e.slug||"/",thumbnail:e.thumbnail||""}:{}})))||[],headingTitle:s("home.navigator.menuItem.allCommunitiesheadingTitle")}),S.default.createElement(Pa,{spotlights:r}))};z.default.div(ja||(ja=e.__makeTemplateObject(["\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])));var ja,Oa,Ha,Na,Sa,za,Da,Ra,Ua,Ga,Za,Ia,Qa,Va,Fa,qa,Wa=z.default.div(Oa||(Oa=e.__makeTemplateObject(["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  "," {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  "," {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n"])),p.MediaQueries.tdDown),Ya=z.default.a(Ha||(Ha=e.__makeTemplateObject(["\n  text-decoration: none;\n  border-radius: 4px;\n  background: #e3f2ff;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    width: 245px;\n    top: 0;\n    right: 0;\n    height: 100%;\n    position: absolute;\n    "," {\n      top: calc(51% - 68px);\n      right: -8px;\n    }\n  }\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: center;\n  }\n"],["\n  text-decoration: none;\n  border-radius: 4px;\n  background: #e3f2ff;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    width: 245px;\n    top: 0;\n    right: 0;\n    height: 100%;\n    position: absolute;\n    "," {\n      top: calc(51% - 68px);\n      right: -8px;\n    }\n  }\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: center;\n  }\n"])),p.MediaQueries.tdDown,p.MediaQueries.tdDown),Ka=z.default.div(Na||(Na=e.__makeTemplateObject(["\n  width: 64px;\n  height: 64px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 64px;\n    height: 64px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n"],["\n  width: 64px;\n  height: 64px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 64px;\n    height: 64px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n"])),p.MediaQueries.tdDown),Ja=z.default.div(Sa||(Sa=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n"])),(function(e){return e.theme.colors.primaryBase})),Xa=z.default.p(za||(za=e.__makeTemplateObject(["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: ",";\n"],["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: ",";\n"])),(function(e){return e.theme.colors.gray800})),$a=z.default.p(Da||(Da=e.__makeTemplateObject(["\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"],["\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"])),(function(e){return e.theme.colors.gray600}),p.MediaQueries.tdDown),ei=z.default.div(Ra||(Ra=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n  }\n"])),p.MediaQueries.tdUp,p.MediaQueries.tdDown),ni=function(e){var t=e.item,i=e.index,l=void 0===i?0:i,o=c.useTranslations().t,r=n.useContext(Fn).configs.statics;if(!t)return null;var s=t.link?t.link.startsWith("http")?t.link:"".concat(r.HOME_PAGE_URL).concat(t.link):void 0;return S.default.createElement(Ya,{href:s,"data-event-category":"Hamburger Navigation","data-event-action":"Engage Click ".concat(l+1),"data-event-label":s},S.default.createElement("img",{src:a.CommonGAssets.getAssetPath("navToolCardBg.svg"),alt:"",loading:"lazy",className:"bg-svg"}),S.default.createElement(ei,null,S.default.createElement(Xa,null,t.title),S.default.createElement($a,null,t.subtitle),S.default.createElement(Ja,null,o("home.seeMore"),S.default.createElement("img",{src:a.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))),S.default.createElement(Ka,null,S.default.createElement("img",{loading:"lazy",alt:t.title,src:t.icon||"/images/avatar.jpg"})))},ti=z.default.a(Ua||(Ua=e.__makeTemplateObject(["\n  text-decoration: none;\n  border-radius: 12px;\n\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    top: 0;\n    left: 0;\n    position: absolute;\n  }\n\n  .dot-svg {\n    width: 40px;\n    height: 30px;\n    top: 36px;\n    left: 16px;\n    position: absolute;\n    stroke-width: 0;\n  }\n\n  &[data-color='pink'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='orange'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='green'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  "," {\n    padding-top: 0;\n    padding-left: 80px;\n    height: 96px;\n    align-items: flex-start;\n    justify-content: center;\n    flex-direction: column;\n    .dot-svg {\n      top: 22px;\n      left: 16px;\n    }\n  }\n  "," {\n    min-height: 296px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .desktop-only {\n    "," {\n      display: none;\n    }\n  }\n"],["\n  text-decoration: none;\n  border-radius: 12px;\n\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    top: 0;\n    left: 0;\n    position: absolute;\n  }\n\n  .dot-svg {\n    width: 40px;\n    height: 30px;\n    top: 36px;\n    left: 16px;\n    position: absolute;\n    stroke-width: 0;\n  }\n\n  &[data-color='pink'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='orange'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='green'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  "," {\n    padding-top: 0;\n    padding-left: 80px;\n    height: 96px;\n    align-items: flex-start;\n    justify-content: center;\n    flex-direction: column;\n    .dot-svg {\n      top: 22px;\n      left: 16px;\n    }\n  }\n  "," {\n    min-height: 296px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .desktop-only {\n    "," {\n      display: none;\n    }\n  }\n"])),(function(e){return e.theme.mbColors.tonePink}),(function(e){return e.theme.mbColors.peach}),(function(e){return e.theme.mbColors.toneYellow}),(function(e){return e.theme.mbColors.orange}),(function(e){return e.theme.mbColors.toneGreen}),(function(e){return e.theme.mbColors.mint}),p.MediaQueries.tdDown,p.MediaQueries.mbDown,p.MediaQueries.tdUp,p.MediaQueries.tdUp,p.MediaQueries.tdDown),ai=z.default.div(Ga||(Ga=e.__makeTemplateObject(["\n  width: 48px;\n  height: 48px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 36px;\n    height: 36px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n  "," {\n    position: absolute;\n    left: 32px;\n    top: 28px;\n  }\n"],["\n  width: 48px;\n  height: 48px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 36px;\n    height: 36px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n  "," {\n    position: absolute;\n    left: 32px;\n    top: 28px;\n  }\n"])),p.MediaQueries.tdDown,p.MediaQueries.mbDown),ii=z.default.div(Za||(Za=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  background: white;\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n\n  svg path {\n    fill: ",";\n  }\n\n  "," {\n    background: none;\n    width: 100%;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n    color: ",";\n    padding-left: 16px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  background: white;\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n\n  svg path {\n    fill: ",";\n  }\n\n  "," {\n    background: none;\n    width: 100%;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n    color: ",";\n    padding-left: 16px;\n  }\n"])),(function(e){return e.theme.mbColors.gray}),p.MediaQueries.tdDown,(function(e){return e.theme.mbColors.pink})),li=z.default.p(Ia||(Ia=e.__makeTemplateObject(["\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n  color: ",";\n"],["\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n  color: ",";\n"])),(function(e){return e.theme.colors.gray800})),oi=z.default.p(Qa||(Qa=e.__makeTemplateObject(["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n  color: ",";\n  height: 54px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"],["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n  color: ",";\n  height: 54px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"])),(function(e){return e.theme.colors.gray600}),p.MediaQueries.tdDown),ri=z.default.div(Va||(Va=e.__makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  z-index: 1;\n  align-items: flex-end;\n  justify-content: flex-end;\n  "," {\n    gap: 8px;\n    flex-direction: row;\n  }\n\n  "," {\n    align-items: flex-start;\n    justify-content: flex-start;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  flex: 1;\n  z-index: 1;\n  align-items: flex-end;\n  justify-content: flex-end;\n  "," {\n    gap: 8px;\n    flex-direction: row;\n  }\n\n  "," {\n    align-items: flex-start;\n    justify-content: flex-start;\n    gap: 4px;\n  }\n"])),p.MediaQueries.tdUp,p.MediaQueries.tdDown),si=z.default.div(Fa||(Fa=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n    padding-left: 16px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n    padding-left: 16px;\n  }\n"])),p.MediaQueries.tdUp,p.MediaQueries.tdDown),di=z.default.div(qa||(qa=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n    justify-content: flex-end;\n    align-items: flex-end;\n  }\n  "," {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n    justify-content: flex-end;\n    align-items: flex-end;\n  }\n  "," {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n"])),p.MediaQueries.tdUp,p.MediaQueries.tdDown),ci=function(e){var t=e.item,i=e.index,l=void 0===i?0:i,o=e.color,r=c.useTranslations().t,s=n.useContext(Fn).configs.statics;if(!t)return null;var d=t.link?t.link.startsWith("http")?t.link:"".concat(s.HOME_PAGE_URL).concat(t.link):void 0,u=function(){return S.default.createElement(ai,null,S.default.createElement("img",{loading:"lazy",alt:t.title,src:t.icon||"/images/avatar.jpg"}))},p=function(){return S.default.createElement(di,null,S.default.createElement(si,null,S.default.createElement(li,null,t.title),S.default.createElement(oi,null,t.subtitle)),S.default.createElement(ii,null,S.default.createElement("div",{className:"mobile-only"},r("home.seeMore")),S.default.createElement("img",{src:a.CommonGAssets.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"}})))};return S.default.createElement(ti,{href:d,"data-event-category":"Hamburger Navigation","data-event-action":"Engage Click ".concat(l+1),"data-event-label":d,"data-color":o},S.default.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none",xmlns:"http://www.w3.org/2000/svg"},S.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"})),S.default.createElement("img",{src:a.CommonGAssets.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg",loading:"lazy",alt:""}),S.default.createElement(ri,null,S.default.createElement("div",{className:"mobile-only"},u()),S.default.createElement("div",{className:"desktop-only"},p())),S.default.createElement("div",{className:"mobile-only"},p()),S.default.createElement("div",{className:"desktop-only"},u()))},ui=function(e){var t=e.hrefViewMore,i=e.spotlightHealthTools,l=void 0===i?[]:i,o=c.useTranslations().t,r=["pink","orange","green"],s=n.useContext(Fn).siteType;return S.default.createElement(wt,{title:o("home.navigator.menu.spotlightTools")},0!==l.length&&S.default.createElement(Wa,null,null==l?void 0:l.slice(0,3).map((function(e,n){return"marryBaby"===s?S.default.createElement(ci,{key:n,index:n,item:e,color:r[n]}):S.default.createElement(ni,{key:n,index:n,item:e})}))),0===l.length&&S.default.createElement(xt,{title:o("home.navigator.menu.healthTools.noDatas.title"),description:o("home.navigator.menu.healthTools.noDatas.description"),link:t,cta:o("home.navigator.menu.healthTools.noDatas.cta"),icon:a.CommonGAssets.getAssetPath("community.svg")}))},pi=function(e){var t,a=e.locale,i=e.onClose,l=e.isOpen,r=e.spotlightHealthTools,s=void 0===r?[]:r,d=e.healthTools,u=void 0===d?[]:d,p=c.useTranslations().t,m=n.useContext(Fn).configs.statics,f="".concat(m.HOME_PAGE_URL).concat("tl-PH"===a?"/fil":"").concat((null===(t=o.STATIC_PAGES[a])||void 0===t?void 0:t.HEALTH_TOOLS)||"");return S.default.createElement(at,{onClosePopup:i,isDisplay:l,isNavMenu:!0},S.default.createElement(ut,{hrefViewMore:f,UrlFE:m.HOME_PAGE_URL,onClosePopup:i,headingTitle:p("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:p("home.navigator.menuItem.allHealthTools"),menuItems:u.map((function(e){return{name:e.title,link:e.link?e.link.startsWith("http")?e.link:"".concat(m.HOME_PAGE_URL).concat(e.link):void 0,thumbnail:e.icon}}))}),S.default.createElement(ui,{spotlightHealthTools:s,hrefViewMore:f}))},mi="_6gGCHV-",fi="YDzfyQU",hi=function(e){var n=e.onCareHeaderClick,t=e.currentUrl,a=e.careUrlFe,i=e.btnName;return n?S.default.createElement(m.Button,{className:mi,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t,onClick:function(e){return n(e)}},i):S.default.createElement("a",{href:a,className:"".concat(fi," care-button no-replace-click")},S.default.createElement(m.Button,{className:mi,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t},i))};function gi(e){var n=e.className;return S.default.createElement("div",null,S.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n},S.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function xi(e){var n=e.siteType,t=e.type,i=e.enableSearch,l=e.className;return"helloSites"===n?S.default.createElement("div",null,S.default.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:i?a.CommonGAssets.getAssetPath("hamburgerMenuNewWithSearch.svg"):a.CommonGAssets.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:t,className:l})):S.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:l},S.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"}))}var vi=z.default.div(bi||(bi=e.__makeTemplateObject(["\n  position: fixed;\n  z-index: 201;\n  top: calc(100% + 1px); // border 1px\n  width: 100%;\n  height: calc(100vh - var(--header-bottom));\n  overflow-x: hidden;\n  overflow-y: auto;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 0;\n  left: 0;\n  .hhgcomp-navigation-popupwrapper-menuwrapper {\n    position: unset;\n  }\n"],["\n  position: fixed;\n  z-index: 201;\n  top: calc(100% + 1px); // border 1px\n  width: 100%;\n  height: calc(100vh - var(--header-bottom));\n  overflow-x: hidden;\n  overflow-y: auto;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 0;\n  left: 0;\n  .hhgcomp-navigation-popupwrapper-menuwrapper {\n    position: unset;\n  }\n"])));z.default.div(yi||(yi=e.__makeTemplateObject(["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 72px;\n  align-items: flex-start;\n  justify-content: center;\n\n  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n  .button-image {\n    stroke-color: blue;\n  }\n\n  &[data-site-type='marryBaby'] {\n    padding: 0 16px;\n    .category-button {\n      width: 100%;\n      height: 48px;\n    }\n  }\n"],["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 72px;\n  align-items: flex-start;\n  justify-content: center;\n\n  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n  .button-image {\n    stroke-color: blue;\n  }\n\n  &[data-site-type='marryBaby'] {\n    padding: 0 16px;\n    .category-button {\n      width: 100%;\n      height: 48px;\n    }\n  }\n"]))),z.default.div(wi||(wi=e.__makeTemplateObject(["\n  display: flex;\n\n  &[data-card-array-no-margin-style='true'] {\n    margin: 8px 0;\n\n    & > div {\n      width: 0;\n      flex: 1;\n      margin: 0 -1px;\n    }\n  }\n\n  &[data-card-array-no-margin-style='false'] {\n    margin: 8px -4px;\n\n    & > div {\n      flex: 1;\n      margin: 0 4px;\n    }\n  }\n"],["\n  display: flex;\n\n  &[data-card-array-no-margin-style='true'] {\n    margin: 8px 0;\n\n    & > div {\n      width: 0;\n      flex: 1;\n      margin: 0 -1px;\n    }\n  }\n\n  &[data-card-array-no-margin-style='false'] {\n    margin: 8px -4px;\n\n    & > div {\n      flex: 1;\n      margin: 0 4px;\n    }\n  }\n"]))),z.default.div(Ei||(Ei=e.__makeTemplateObject(["\n  margin-top: 64px;\n"],["\n  margin-top: 64px;\n"]))),z.default.div(ki||(ki=e.__makeTemplateObject(["\n  padding: 24px 0;\n"],["\n  padding: 24px 0;\n"]))),z.default.div(Ci||(Ci=e.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n\n  & > div:first-child {\n    margin-right: 8px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n\n  & > div:first-child {\n    margin-right: 8px;\n  }\n"]))),z.default.div(_i||(_i=e.__makeTemplateObject(["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),Ie,(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.white})),z.default.div(Li||(Li=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"]))),z.default.div(Mi||(Mi=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"]))),z.default.div(Ti||(Ti=e.__makeTemplateObject(["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"],["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),z.default.div(Ai||(Ai=e.__makeTemplateObject(["\n  display: none;\n"],["\n  display: none;\n"]))),z.default.div(Pi||(Pi=e.__makeTemplateObject(["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n"],["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.colors.primaryBase})),z.default.div(Bi||(Bi=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fsParagraph4}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.mbColors.pink})),z.default.div(ji||(ji=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"]))),z.default.div(Oi||(Oi=e.__makeTemplateObject(["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"]))),z.default.div(Hi||(Hi=e.__makeTemplateObject(["\n  display: block;\n"],["\n  display: block;\n"]))),z.default.div(Ni||(Ni=e.__makeTemplateObject(["\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .categoryCard {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      a {\n        display: block;\n        margin: 12px 0;\n        color: ",";\n        text-decoration: none;\n      }\n    }\n  }\n"],["\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .categoryCard {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      a {\n        display: block;\n        margin: 12px 0;\n        color: ",";\n        text-decoration: none;\n      }\n    }\n  }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.gray800})),z.default.div(Si||(Si=e.__makeTemplateObject(["\n  width: 20%;\n  height: 2px;\n\n  background-color: ",";\n  border-radius: 2px;\n"],["\n  width: 20%;\n  height: 2px;\n\n  background-color: ",";\n  border-radius: 2px;\n"])),(function(e){return e.theme.mbColors.pink}));var bi,yi,wi,Ei,ki,Ci,_i,Li,Mi,Ti,Ai,Pi,Bi,ji,Oi,Hi,Ni,Si,zi,Di,Ri=z.default.div(zi||(zi=e.__makeTemplateObject(["\n  padding: 16px;\n  padding-bottom: 12px;\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n  &[data-theme='marryBaby'] {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n  }\n"],["\n  padding: 16px;\n  padding-bottom: 12px;\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n  &[data-theme='marryBaby'] {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n  }\n"])),(function(e){return e.theme.mbColors.lightGray})),Ui=z.default.div(Di||(Di=e.__makeTemplateObject(["\n  display: block;\n  overflow-y: auto;\n  flex: 1;\n  padding-bottom: 16px;\n  &::-webkit-scrollbar {\n    width: 0;\n    display: none;\n  }\n"],["\n  display: block;\n  overflow-y: auto;\n  flex: 1;\n  padding-bottom: 16px;\n  &::-webkit-scrollbar {\n    width: 0;\n    display: none;\n  }\n"]))),Gi=function(e){var t,a,i=e.closePopup,l=e.menuItems,r=void 0===l?[]:l,s=n.useContext(Fn),d=s.siteType,u=s.ssrMenuContent,p=u.categories,m=u.healthTools,f=u.care,h=u.together,g=s.activeMenuService,x=s.configs,v=x.statics,b=x.enableSearchBar,y=s.locale,w=c.useTranslations().t;return S.default.createElement(vi,{id:"categories-menu"},b?S.default.createElement(Ri,{"data-theme":d,onClick:function(){window.location.href="".concat(v.HOME_PAGE_URL,"/search")}},S.default.createElement(Xn,null)):null,S.default.createElement(Ui,null,S.default.createElement(ut,{UrlFE:v.HOME_PAGE_URL,titleBtnViewMore:w("home.navigator.menuItem.allCategories"),menuItems:r,headingTitle:w("home.navigator.menuItem.healthCategories"),onClosePopup:i}),"categories"===g&&S.default.createElement(na,{spotlightsList:(null==p?void 0:p.spotlights)||[],hrefViewMore:"".concat(v.HOME_PAGE_URL).concat("tl-PH"===y?"/fil":"","/spotlight/")}),"tools"===g&&S.default.createElement(ui,{spotlightHealthTools:null==m?void 0:m.spotlights,hrefViewMore:"".concat(v.HOME_PAGE_URL).concat("tl-PH"===y?"/fil":"").concat((null===(t=o.STATIC_PAGES[y])||void 0===t?void 0:t.HEALTH_TOOLS)||"")}),"care"===g&&S.default.createElement(Zt,{spotlights:null==f?void 0:f.spotlights,hrefViewMore:"".concat(v.CARE_URL_FE,"/").concat(null===(a=E.LOCALIZED_SLUGS[y])||void 0===a?void 0:a.SPECIALTIES)}),"together"===g&&S.default.createElement(Pa,{spotlights:null==h?void 0:h.spotlights})))},Zi="IQdn7tn",Ii="_1jX3mGY",Qi="arD755Y",Vi=function(e){var t=e.type,a=void 0===t?"home":t,i=e.menuItems,l=n.useContext(Fn),o=l.siteType,r=l.configs.enableSearchBar,s=Ee(),d=s.containerRef,c=s.onContainerFocus,u=s.onContainerBlur,p=s.onButtonMouseDown,m=s.onClose;return S.default.createElement(we,{mediaQueryKey:"mbDown"},S.default.createElement("header",{className:Zi},S.default.createElement("div",{className:Ii,ref:d,role:"button",tabIndex:0,onBlur:u,onFocus:c},S.default.createElement("div",{className:Qi,onMouseDown:p,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},S.default.createElement(gi,{className:"mobile-close-icon"}),S.default.createElement(xi,{siteType:o,type:a,enableSearch:r,className:"mobile-hamburger-icon"})),S.default.createElement(Gi,{menuItems:i,closePopup:m}))))},Fi=z.default.div(Ji||(Ji=e.__makeTemplateObject(["\n  z-index: 201;\n  width: 100%;\n  align-items: center;\n\n  background-color: ",";\n\n  transition: height 0.3s, transform 0.3s;\n\n  &[data-site-type='helloSites'] {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-marry-baby-tone='pink'] {\n    background-color: ",";\n  }\n\n  "," {\n    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {\n      transform: translateY(-64px);\n    }\n  }\n  "," {\n    &[data-site-type='marryBaby'] {\n      border-bottom: none;\n    }\n\n    &[data-fixed-bar='true'] {\n      position: fixed;\n      transform: translateY(0);\n    }\n\n    &[data-fixed-bar='false'] {\n      position: absolute;\n    }\n\n    &[data-collapsed='true'] {\n      transform: translateY(-100%);\n      transition: transform 0.5s;\n    }\n    &[data-collapsed='false'] {\n      transform: translateY(0);\n      transition: transform 0.5s;\n    }\n\n    .top-bar-header {\n      line-height: normal;\n    }\n\n    &[data-header-type='home'] {\n      z-index: ",";\n    }\n\n    &[data-header-type='popup'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-header-type='popup-sub-level'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-is-displayed='false'] {\n      //display: none;\n      visibility: hidden;\n    }\n  }\n\n  .marry-baby {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n    max-width: 172px;\n  }\n  &[data-site-type='marryBaby'] {\n    .close-btn {\n      top: 16px;\n      right: 16px;\n    }\n  }\n"],["\n  z-index: 201;\n  width: 100%;\n  align-items: center;\n\n  background-color: ",";\n\n  transition: height 0.3s, transform 0.3s;\n\n  &[data-site-type='helloSites'] {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-marry-baby-tone='pink'] {\n    background-color: ",";\n  }\n\n  "," {\n    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {\n      transform: translateY(-64px);\n    }\n  }\n  "," {\n    &[data-site-type='marryBaby'] {\n      border-bottom: none;\n    }\n\n    &[data-fixed-bar='true'] {\n      position: fixed;\n      transform: translateY(0);\n    }\n\n    &[data-fixed-bar='false'] {\n      position: absolute;\n    }\n\n    &[data-collapsed='true'] {\n      transform: translateY(-100%);\n      transition: transform 0.5s;\n    }\n    &[data-collapsed='false'] {\n      transform: translateY(0);\n      transition: transform 0.5s;\n    }\n\n    .top-bar-header {\n      line-height: normal;\n    }\n\n    &[data-header-type='home'] {\n      z-index: ",";\n    }\n\n    &[data-header-type='popup'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-header-type='popup-sub-level'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-is-displayed='false'] {\n      //display: none;\n      visibility: hidden;\n    }\n  }\n\n  .marry-baby {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n    max-width: 172px;\n  }\n  &[data-site-type='marryBaby'] {\n    .close-btn {\n      top: 16px;\n      right: 16px;\n    }\n  }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.mbColors.lightPink}),p.MediaQueries.mbUp,p.MediaQueries.mbDown,Ue,Ge,Ze,(function(e){return e.theme.mbColors.lightGray})),qi=z.default.div(Xi||(Xi=e.__makeTemplateObject(["\n  display: flex;\n  height: 100%;\n  align-items: center;\n\n  justify-content: space-between;\n  padding: 0 2rem;\n  height: 69px;\n  "," {\n    padding: 0 1rem;\n  }\n\n  "," {\n    position: relative;\n    height: 64px;\n    background: white;\n    gap: 1rem;\n  }\n\n  &[data-site-type='marryBaby'] {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 16px;\n    "," {\n      max-width: 1064px;\n    }\n  }\n"],["\n  display: flex;\n  height: 100%;\n  align-items: center;\n\n  justify-content: space-between;\n  padding: 0 2rem;\n  height: 69px;\n  "," {\n    padding: 0 1rem;\n  }\n\n  "," {\n    position: relative;\n    height: 64px;\n    background: white;\n    gap: 1rem;\n  }\n\n  &[data-site-type='marryBaby'] {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 16px;\n    "," {\n      max-width: 1064px;\n    }\n  }\n"])),p.MediaQueries.pcDown,p.MediaQueries.mbDown,p.MediaQueries.tdUp),Wi=z.default.div($i||($i=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  gap: 24px;\n  "," {\n    gap: 16px;\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  gap: 24px;\n  "," {\n    gap: 16px;\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"])),p.MediaQueries.pcDown),Yi=z.default.div(el||(el=e.__makeTemplateObject([""],[""]))),Ki=z.default.div(nl||(nl=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  flex-shrink: 0.6;\n  .hhgcomp-navigation-itemnav-headeritem {\n    gap: 2px;\n    "," {\n      padding: 0 12px;\n    }\n    "," {\n      padding: 0 6px;\n    }\n    "," {\n      display: none;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  flex-shrink: 0.6;\n  .hhgcomp-navigation-itemnav-headeritem {\n    gap: 2px;\n    "," {\n      padding: 0 12px;\n    }\n    "," {\n      padding: 0 6px;\n    }\n    "," {\n      display: none;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"])),p.MediaQueries.pcUp,p.MediaQueries.pcDown,p.MediaQueries.mbDown);z.default.div(tl||(tl=e.__makeTemplateObject(["\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n"],["\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n"])));var Ji,Xi,$i,el,nl,tl,al,il,ll,ol,rl,sl=z.default.div(al||(al=e.__makeTemplateObject(["\n  margin-left: 16px;\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  flex-shrink: 0;\n  "," {\n    margin-left: 8px;\n    gap: 8px;\n  }\n  "," {\n    margin-left: 12px;\n    gap: 10px;\n  }\n"],["\n  margin-left: 16px;\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  flex-shrink: 0;\n  "," {\n    margin-left: 8px;\n    gap: 8px;\n  }\n  "," {\n    margin-left: 12px;\n    gap: 10px;\n  }\n"])),p.MediaQueries.pcDown,p.MediaQueries.mbDown),dl=z.default.div(il||(il=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"]))),cl=function(e){var t,i=e.onTopBarAppears,l=e.type,r=void 0===l?"home":l,s=e.languageMenu,u=e.menuItems,p=e.setSitewideBannerClosed,m=e.sitewideBannerClosed,f=n.useContext(Fn),h=f.siteType,g=f.isMobile,x=void 0!==g&&g,v=f.locale,b=f.sitewideBanner,y=f.sitewideBannerShown,w=void 0===y||y,E=f.sponsorComponent,k=f.onBookingClick,C=f.currentUrl,_=f.onLoginClick,L=f.configs,M=L.statics,T=L.enableNavCareBooking,A=L.enableSearchBar,P=L.enableNavCare,B=L.enableProfileMyHealth,j=L.enableNavTogether,O=L.enableProfileEcom,H=L.enableProfileNavigatorMenu,N=f.userState.userInfo,z=f.onLogout,R=f.userProfileRouterPush,U=f.isUserLoading,G=c.useTranslations().t,Z=M.SSO_URL,I=M.HOME_PAGE_URL,Q=!!E,V=n.useState(!1),F=V[0],q=V[1],W=n.useRef(47),Y=n.useRef(null),K=n.useRef(!1),J="helloSites"===h?null===(t=o.LOCALE_SPECS[v])||void 0===t?void 0:t.LOGO_TYPE:h,X="undefined"!=typeof window,$=n.useCallback(D.default((function(){if("home"===r&&X){if(!Y.current)return;var e=Y.current.getBoundingClientRect();e.top<=0&&window.scrollY>W.current&&window.scrollY>e.height+20&&!K.current&&(K.current=!0,q(!0)),window.scrollY<W.current&&K.current&&(K.current=!1,q(!1)),window.scrollY>=0&&(W.current=window.scrollY)}}),200),[]);n.useEffect((function(){null==i||i(!F)}),[F]),n.useEffect((function(){return window.addEventListener("scroll",$,{passive:!0}),function(){window.removeEventListener("scroll",$)}}),[]),n.useEffect((function(){x&&$()}),[x]);var ee=w&&!!b&&!m;return S.default.createElement(Fi,{"data-site-type":h,"data-sponsored":Q,"data-sitewide-banner-shown":ee,"data-header-type":r,"data-collapsed":F,"data-with-search-input":"popup-sub-level"!==r,"data-is-displayed":!0,id:"site-header",ref:Y},b?S.default.isValidElement(b)?S.default.cloneElement(b,{isCollapsed:F,setBannerClosed:p,isMobile:x}):b:null,S.default.createElement(qi,{"data-site-type":h},S.default.createElement(Wi,{"data-site-type":h},S.default.createElement(Vi,{menuItems:u,type:r}),S.default.createElement("a",{href:I},S.default.createElement(Yi,null,S.default.createElement(d.Logo,{style:{display:"flex"},type:J,badge:"id-ID"===v&&S.default.createElement("img",{src:a.CommonGAssets.getAssetPath("sehat-badge.png"),width:"56",height:"23"}),dateForSeasonal:new Date,locale:v,key:"undefined"!=typeof window?"client":"server"}))),"marryBaby"===h?S.default.createElement(pl,{menuItems:u}):A&&S.default.createElement(ul,{siteType:h})),S.default.createElement(Ki,{"data-site-type":h},"marryBaby"===h?A&&S.default.createElement(ul,{siteType:h}):S.default.createElement(pl,{menuItems:u}),S.default.createElement(sl,null,T&&S.default.createElement(we,{mediaQueryKey:"mbUp"},S.default.createElement(hi,{careUrlFe:M.CARE_URL_FE,currentUrl:C,btnName:G("login.booking"),onCareHeaderClick:k})),s,S.default.createElement(Vn,{userInfo:N,siteType:h,onLoginClick:_||function(){var e=window.location.href;window.location.href=Z?"".concat(Z,"?returnUrl=").concat(e):e},SSO_URL:M.SSO_URL+"/",currentUrl:C,onLogout:z,UP_BASEPATH:o.UP_BASEPATH,isMyHealthEnabled:B,enableCare:P,enableTogether:j,enableEcom:O,togetherApiDomain:M.TOGETHER_API+"/",isUserProfileNavigatorMenuHidden:!H,userProfileRouterPush:R,isLoading:U,locale:v})))),E?S.default.isValidElement(E)?S.default.cloneElement(E,{isCollapsed:F,locale:v,isMobile:x}):E:null)},ul=function(e){var n=e.siteType;return S.default.createElement(we,{mediaQueryKey:"mbUp",className:"marryBaby"===n?"marry-baby":""},S.default.createElement(Xn,null))},pl=function(e){var t=e.menuItems,a=n.useContext(Fn),i=a.siteType,l=a.locale,o=a.ssrMenuContent,r=o.categories,s=o.healthTools,d=o.care,c=o.together;return S.default.createElement(we,{mediaQueryKey:"mbUp",style:{height:"100%"}},S.default.createElement(dl,{"data-site-type":i},null==t?void 0:t.map((function(e,n){return S.default.createElement(Kn,{key:n,item:e,menu:"categories"===e.popupType?S.default.createElement(ta,{categories:null==r?void 0:r.items,spotlightsList:null==r?void 0:r.spotlights}):"tools"===e.popupType?S.default.createElement(pi,{locale:l,healthTools:null==s?void 0:s.items,spotlightHealthTools:null==s?void 0:s.spotlights}):"together"===e.popupType?S.default.createElement(Ba,{communities:null==c?void 0:c.items,spotlights:null==c?void 0:c.spotlights}):"care"===e.popupType?S.default.createElement(It,{careSpecialties:null==d?void 0:d.items,spotlights:null==d?void 0:d.spotlights}):null})}))))},ml=z.default.div(ll||(ll=e.__makeTemplateObject(["\n  --header-z-index: 305;\n  top: 0;\n  z-index: var(--header-z-index);\n\n  "," {\n    width: 100vw;\n    max-width: 100%;\n  }\n  --amp-site-wide-closed: 2px;\n\n  -webkit-transform: translateZ(0);\n  position: sticky;\n\n  &.nav-open {\n    margin-top: 64px;\n  }\n\n  &:not(.nav-open) {\n    --amp-site-wide-closed: 66px;\n  }\n  pointer-events: none;\n  > section * {\n    pointer-events: auto;\n  }\n"],["\n  --header-z-index: 305;\n  top: 0;\n  z-index: var(--header-z-index);\n\n  "," {\n    width: 100vw;\n    max-width: 100%;\n  }\n  --amp-site-wide-closed: 2px;\n\n  -webkit-transform: translateZ(0);\n  position: sticky;\n\n  &.nav-open {\n    margin-top: 64px;\n  }\n\n  &:not(.nav-open) {\n    --amp-site-wide-closed: 66px;\n  }\n  pointer-events: none;\n  > section * {\n    pointer-events: auto;\n  }\n"])),p.MediaQueries.mbDown);z.default.div(ol||(ol=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"],["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"]))),z.default.a(rl||(rl=e.__makeTemplateObject(["\n  &[data-is-active='true'] {\n    color: unset;\n  }\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n  text-decoration: none;\n"],["\n  &[data-is-active='true'] {\n    color: unset;\n  }\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n  text-decoration: none;\n"])));var fl=function(t){var i,l,r=t.isMobile,s=t.locale,d=t.onTopBarAppears,u=t.languageOptions,p=t.sponsorComponent,m=t.sitewideBanner,f=t.sitewideBannerShown,h=t.className,g=n.useState(!1),x=g[0],v=g[1],b=function(){var e=c.useTranslations().t,t=n.useContext(Fn),i=t.siteType,l=t.locale,r=t.configs,s=r.enableNavCare,d=r.enableNavTogether,u=r.enableNavEcom,p=r.statics,m="marryBaby"===i,f=n.useMemo((function(){var n,t=[{name:e("home.navigator.menuItem.discover"),id:"categories",link:"".concat(p.HOME_PAGE_URL).concat("tl-PH"===l?"/fil":"","/categories"),niceName:"",thumbnail:m?a.CommonGAssets.getAssetPath("categories-mb.svg"):a.CommonGAssets.getAssetPath("discover.png"),popupType:"categories"},{name:e("home.navigator.menuItem.healthTools"),id:"tools",link:"".concat(p.HOME_PAGE_URL).concat("tl-PH"===l?"/fil":"").concat((null===(n=o.STATIC_PAGES[l])||void 0===n?void 0:n.HEALTH_TOOLS)||""),thumbnail:m?a.CommonGAssets.getAssetPath("healthtools-mb.svg"):a.CommonGAssets.getAssetPath("healthTools.png"),popupType:"tools"}];return s&&t.push({name:e("home.navigator.menuItem.helloCare"),id:"care",link:p.HOME_PAGE_URL+"/care",thumbnail:a.CommonGAssets.getAssetPath("helloCare-thumbnail.png"),popupType:"zh-TW"===l?null:"care"}),d&&t.push({name:e("home.navigator.menuItem.helloTogether"),id:"together",link:p.TOGETHER_URL_FE+"/",thumbnail:m?a.CommonGAssets.getAssetPath("community-mb.svg"):a.CommonGAssets.getAssetPath("together.png"),popupType:"together"}),u&&t.push({name:e("home.navigator.menuItem.helloEcom"),id:"ecom",link:p.HOME_PAGE_URL+"/ecom",thumbnail:a.CommonGAssets.getAssetPath("helloCare-thumbnail.png"),popupType:"shop"}),t}),[l,s,d,u]);return f}();!function(){var t=n.useContext(Fn),a=t.isFirstLogin,i=t.userState.userInfo;n.useEffect((function(){(null==i?void 0:i.id)&&(a?(null==i?void 0:i.email)&&""!==(null==i?void 0:i.email)?window.insider_object={user:e.__assign({uuid:null==i?void 0:i.id,email:null==i?void 0:i.email,gdpr_optin:!0,email_optin:!0,sign_up:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:window.insider_object={user:e.__assign({uuid:null==i?void 0:i.id,sign_up:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:(null==i?void 0:i.email)&&""!==(null==i?void 0:i.email)?window.insider_object={user:e.__assign({uuid:null==i?void 0:i.id,email:null==i?void 0:i.email,gdpr_optin:!0,email_optin:!0,log_in:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:window.insider_object={user:e.__assign({uuid:null==i?void 0:i.id,log_in:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})})}),[])}();var y=function(e){var t=e.hasSponsoredBanners,a=e.isSiteWide,i=e.isSponsored,l=e.isShowingSiteWideBanner,o=e.isMobile,r=n.useRef(null),s=n.useState(0),d=s[0],c=s[1],u=n.useState(64),p=u[0],m=u[1],f=n.useCallback(Z.default((function(){var e,n,t,a,i=(null===(e=r.current)||void 0===e?void 0:e.clientHeight)||(null===(t=null===(n=r.current)||void 0===n?void 0:n.children[0])||void 0===t?void 0:t.clientHeight)||0;window.scrollY<=i+200&&(c(i),m((null===(a=r.current)||void 0===a?void 0:a.getBoundingClientRect().bottom)||d))}),200),[]);n.useEffect((function(){return window.addEventListener("resize",f,{passive:!0}),window.addEventListener("scroll",f,{passive:!0}),f(),function(){window.removeEventListener("resize",f),window.removeEventListener("scroll",f)}}),[]),n.useEffect((function(){f()}),[o,a,l,i,t,r.current]);var h=n.useMemo((function(){var e=o?64:69;return l&&(e+=64),i&&(e+=40,t&&(e+=57)),e}),[o,l,t,i]);return{defaultHeaderHeight:h,headerHeight:d||h,headerBottom:p,headerRef:r}}({isSiteWide:!!m&&!x,isShowingSiteWideBanner:f&&!!m&&!x,isSponsored:!!p,hasSponsoredBanners:!!(null===(l=null===(i=null==p?void 0:p.props)||void 0===i?void 0:i.sponsoredBy)||void 0===l?void 0:l.length),isMobile:r}),w=y.headerRef,E=y.defaultHeaderHeight,k=y.headerHeight,C=y.headerBottom;return S.default.createElement(ml,{id:"navigation-v2",style:{"--default-header-height":E+"px","--header-height":"calc(".concat(k,"px - var(--amp-site-wide-closed), 64px)"),"--header-bottom":C+"px"},className:h},S.default.createElement("section",{ref:w},S.default.createElement(cl,{menuItems:b,type:"home",onTopBarAppears:r?function(e){d&&d(e)}:void 0,languageMenu:S.default.createElement(ve,{languageOptions:u,locale:s}),setSitewideBannerClosed:v,sitewideBannerClosed:x})))},hl=function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t,a,i,l,d,c,u,p,m,f,h,g,x,v,b,y,w,E,k,C,_,L,M,T,A,P,B,j,O,H,N,S,z,D,R,U;return e.__generator(this,(function(e){switch(e.label){case 0:t={},a="vi-VN_MB"===n,e.label=1;case 1:e.trys.push([1,14,,15]),i="tl-PH"===n?"lang=fil":"",e.label=2;case 2:return e.trys.push([2,4,,5]),[4,Promise.all([fetch("".concat(r.getDiscoverApiDomain(n),"/wp-json/api/categories").concat(i?"?"+i:"")).then((function(e){return e.json()})),fetch("".concat(r.getDiscoverApiDomain(n),"/wp-json/api/spotlights?per_page=10").concat(i?"&"+i:"")).then((function(e){return e.json()})),fetch("".concat(r.getDiscoverApiDomain(n),"/wp-json/api/").concat(a?"health-tools":"healthtools").concat(i?"?"+i:"")).then((function(e){return e.json()})),fetch("".concat(r.getDiscoverApiDomain(n),"/wp-json/api/").concat(a?"health-tools":"healthtools","/favorites").concat(i?"?"+i:"")).then((function(e){return e.json()}))])];case 3:return l=e.sent(),d=l[0],c=l[1],u=l[2],p=l[3],t.categories={items:(null===(w=null===(y=null==d?void 0:d.data)||void 0===y?void 0:y.map)||void 0===w?void 0:w.call(y,Qe))||[],spotlights:(null===(_=null===(C=null===(k=null===(E=null==c?void 0:c.data)||void 0===E?void 0:E.articles)||void 0===k?void 0:k.map)||void 0===C?void 0:C.call(k,Ye))||void 0===_?void 0:_.filter(Ke))||[]},t.healthTools={items:(null===(M=null===(L=null==u?void 0:u.data)||void 0===L?void 0:L.map)||void 0===M?void 0:M.call(L,Ve))||[],spotlights:(null===(A=null===(T=null==p?void 0:p.data)||void 0===T?void 0:T.map)||void 0===A?void 0:A.call(T,Ve))||[]},[3,5];case 4:return e.sent(),[3,5];case 5:if(!a&&!o.TOGETHER_LOCALES.includes(n))return[3,9];e.label=6;case 6:return e.trys.push([6,8,,9]),[4,Promise.all([fetch("".concat(r.getTogetherApiDomain(),"/api/v1/community?website_url=https://").concat(o.domainLocales[n])).then((function(e){return e.json()})),fetch("".concat(r.getTogetherApiDomain(),"/api/v1/options?website_url=https://").concat(o.domainLocales[n],"&meta_key=popular_post")).then((function(e){return e.json()}))])];case 7:return m=e.sent(),f=m[0],h=m[1],t.together={items:(null===(j=null===(B=null===(P=null==f?void 0:f.data)||void 0===P?void 0:P.communities)||void 0===B?void 0:B.map)||void 0===j?void 0:j.call(B,s.formatCommunity))||[],spotlights:(null===(N=null===(H=null===(O=null==h?void 0:h.data)||void 0===O?void 0:O.posts)||void 0===H?void 0:H.map)||void 0===N?void 0:N.call(H,s.formatPost))||[]},[3,9];case 8:return e.sent(),[3,9];case 9:if(!o.CARE_LOCALES.includes(n))return[3,13];e.label=10;case 10:return e.trys.push([10,12,,13]),[4,Promise.all([fetch(r.getCareApiDomain()+"/api/specialties?_ishome=1&site=".concat(o.domainLocales[n])).then((function(e){return e.json()})),fetch(r.getCareApiDomain()+"/api/search/?site=".concat(o.domainLocales[n],"&type=hospital&order_by=total_doctor")).then((function(e){return e.json()}))])];case 11:return g=e.sent(),x=g[0],v=g[1],t.care={items:(null===(D=null===(z=null===(S=null==x?void 0:x._data)||void 0===S?void 0:S.specialties)||void 0===z?void 0:z.map)||void 0===D?void 0:D.call(z,Fe))||[],spotlights:(null===(U=null===(R=null==v?void 0:v._data.searches)||void 0===R?void 0:R.map)||void 0===U?void 0:U.call(R,qe))||[]},[3,13];case 12:return e.sent(),[3,13];case 13:return[3,15];case 14:return b=e.sent(),console.error(b),[3,15];case 15:return[2,t]}}))}))};exports.Flag=ce,exports.LanguageSwitcher=ve,exports.NavHeader=$e,exports.NavigationLogoutPopup=_e,exports.NavigationProfileButton=Vn,exports.NavigationV2=function(n){var t=e.__assign({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},n);return S.default.createElement(qn,e.__assign({},t),S.default.createElement(fl,e.__assign({},t)))},exports.ProfilePopup=Qn,exports.UserProfileNavigation=Zn,exports.UserStats=Gn,exports.getNavMenuContent=hl,exports.getNavMenuContentWithCache=function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,t.getDataWithCache("nav-menu-content",(function(){return hl(n||"en-PH")}),(function(e){var n,t;return!!(null===(t=null===(n=null==e?void 0:e.categories)||void 0===n?void 0:n.items)||void 0===t?void 0:t.length)}))];case 1:return[2,e.sent()||{}]}}))}))};

package/build/index-3a1d6134.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-f53cff42.js"),n=require("react"),t=require("./Vietnam-866c3b99.js"),r=require("./index-a62b0660.js"),a=require("@mantine/core"),o=require("./gAssets.js"),i=require("@mantine/dates"),l=require("styled-components");require("dayjs"),require("./screenSizeContext-a05016e3.js");var u=require("./theme-dbc98ea3.js");require("./utils-41522b37.js"),require("./isProduction-05609795.js");var c=require("./Locale-6bfb9f06.js"),s=require("@mantine/carousel"),d=require("./defaultClassWrapper-fba68210.js"),f=require("./index-c5776dd9.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var g,h,v,b,y=m(n),C=m(l),x=f.createCommonjsModule((function(e){!function(){var n={}.hasOwnProperty;function t(){for(var e=[],r=0;r<arguments.length;r++){var a=arguments[r];if(a){var o=typeof a;if("string"===o||"number"===o)e.push(a);else if(Array.isArray(a)){if(a.length){var i=t.apply(null,a);i&&e.push(i)}}else if("object"===o){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){e.push(a.toString());continue}for(var l in a)n.call(a,l)&&a[l]&&e.push(l)}}}return e.join(" ")}e.exports?(t.default=t,e.exports=t):window.classNames=t}()})),k=Object.values(r.siteOptions).reduce((function(e,n){var t=n.phoneCountry;return e.includes(t)||e.push(t),e}),[]),_={PH:t.Phillipines,KH:t.Cambodia,ID:t.India,IN:t.Indonesia,MM:t.Myanmar,MY:t.Malaysia,TH:t.Thailand,TW:t.Taiwan,VN:t.Vietnam},j={phoneInput:"i-9Ibox",error:"YDWHh9b"},A=n.forwardRef((function(r,a){var o,i=r.isError,l=r.defaultCountry,u=r.countries,c=void 0===u?k:u,s=r.countryCallingCodeEditable,d=void 0!==s&&s,f=r.defaultValue,m=r.value,g=r.onChange,h=r.className,v=e.__rest(r,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","className"]),b=n.useState(f||m),C=b[0],A=b[1],E=n.useState(null),w=E[0],L=E[1];return n.useEffect((function(){A(m)}),[m]),n.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,Promise.resolve().then((function(){return p(require("react-phone-number-input"))}))];case 1:return n=e.sent(),L(n),[2]}}))}))}),[]),w?y.default.createElement(w.default,e.__assign({ref:a,value:C,onChange:function(e){A(e),null==g||g(e)},countries:c,defaultCountry:l,countryCallingCodeEditable:d,className:x(j.phoneInput,(o={isError:i},o[j.error]=i,o),h),flagUrl:void 0,flagComponent:function(n){var t=n.country,r=n.countryName;n.flagUrl;var a=e.__rest(n,["country","countryName","flagUrl"]),o=_[t],i=t?"(+".concat(w.getCountryCallingCode(t),")"):"";return o?y.default.createElement(y.default.Fragment,null,y.default.createElement(o,e.__assign({title:r},a)),y.default.createElement("span",{className:x(j.callingCode,"PhoneInputCountryIconCallingCode")},i)):y.default.createElement(y.default.Fragment,null)},countrySelectProps:{arrowComponent:function(){return y.default.createElement("div",{className:x(j.arrowSelect,"PhoneInputArrowContainer")},y.default.createElement(t.CaretDown,null))}}},v)):null})),E=C.default(i.DatePicker)(h||(h=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&l.css(g||(g=e.__makeTemplateObject(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),w=C.default(i.DateRangePicker)(b||(b=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&l.css(v||(v=e.__makeTemplateObject(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),L=function(n){return y.default.createElement(E,e.__assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:y.default.createElement(a.Image,{src:o.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};L.Range=function(n){return y.default.createElement(w,e.__assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:y.default.createElement(a.Image,{src:o.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var O,S,P,I=C.default(a.Textarea)(O||(O=e.__makeTemplateObject(["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"],["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"])),u.theme.colors.gray200),M=C.default(a.Modal)(S||(S=e.__makeTemplateObject(["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"],["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"])),u.theme.colors.neutral100),T=C.default(a.Accordion)(P||(P=e.__makeTemplateObject(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(e){return e.closeChevron||o.CommonGAssets.getAssetPath("plus-icon.svg")}),(function(e){return e.openChevron||o.CommonGAssets.getAssetPath("minus-icon.svg")})),q=function(n){var t=n.children,r=e.__rest(n,["children"]);return y.default.createElement(T,e.__assign({chevron:y.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),t)};q.Control=a.Accordion.Control,q.Item=a.Accordion.Item,q.Panel=a.Accordion.Panel;var D=o.CommonGAssets.getAssetPath("avatar.jpg"),R=function(n){var t=n.slidesToShow,r=void 0===t?1:t,a=n.children,o=e.__rest(n,["slidesToShow","children"]);return y.default.createElement(s.Carousel,e.__assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},o),a)};R.Slide=s.Carousel.Slide;var N=function(n){return y.default.createElement(a.Checkbox,e.__assign({},n))};N.Group=a.Checkbox.Group;var z,F,G,W,V,B=C.default(a.Slider)(z||(z=e.__makeTemplateObject(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(e){return e.color||e.theme.colors.primaryBase})),H="hhgcomp-mantine-slider-slider",U=d.getDefaultClassWrapper(B,H),Y=C.default.div(F||(F=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),H),K=C.default(a.Radio)(G||(G=e.__makeTemplateObject(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(e){return e.color||u.theme.colors.primaryBase})),Q=function(n){return y.default.createElement(K,e.__assign({size:"sm"},n))};Q.Group=a.Radio.Group;var J=((W={})[c.LOCALE.Vietnam]="vi",W[c.LOCALE.Cambodia]="km",W[c.LOCALE.India]="hi",W[c.LOCALE.Indonesia]="id",W[c.LOCALE.Malaysia]="ms",W[c.LOCALE.Thailand]="th",W[c.LOCALE.Taiwan]="zh-tw",W[c.LOCALE.PhilippinesTagalog]="tl-ph",W[c.LOCALE.PhilippinesEnglish]="en",W[c.LOCALE.Myanmar]="my",W),X=((V={})[c.LOCALE.Vietnam]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/vi.js"))}))},V[c.LOCALE.Cambodia]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/km.js"))}))},V[c.LOCALE.India]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/hi.js"))}))},V[c.LOCALE.Indonesia]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/id.js"))}))},V[c.LOCALE.Malaysia]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/ms.js"))}))},V[c.LOCALE.Thailand]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/th.js"))}))},V[c.LOCALE.Taiwan]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/zh-tw.js"))}))},V[c.LOCALE.PhilippinesTagalog]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/tl-ph.js"))}))},V[c.LOCALE.PhilippinesEnglish]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/en.js"))}))},V[c.LOCALE.Myanmar]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/my.js"))}))},V),Z={"&:hover":{borderColor:"".concat(u.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(u.theme.colors.blue200)}};function $(e,n){void 0===n&&(n=6);var t=new Array(n).fill("");if(e){var r=e.toString().split("");t.map((function(e,n){r[n]&&(t[n]=r[n]||"")}))}return t}function ee(e){return e.join("")}var ne="_2iQs0sk",te="Ia6IojY",re=n.forwardRef((function(n,t){var r=n.maxLength,a=void 0===r?1:r,o=n.placeholder,i=n.className,l=e.__rest(n,["maxLength","placeholder","className"]);return y.default.createElement("input",e.__assign({maxLength:a,className:x(te,"otpInput",i),placeholder:o,type:"number"},l,{ref:t}))})),ae=n.forwardRef((function(e,t){var r=e.valueLength,o=void 0===r?6:r,i=e.type,l=void 0===i?"number":i,u=e.value,c=e.defaultValue,s=e.onChange,d=e.onBlur,f=n.useRef(new Array(o).fill(null)),m=n.useState(c||u),p=m[0],g=m[1],h=n.useState(-1),v=h[0],b=h[1],C=n.useState((function(){return $(p,o)})),k=C[0],_=C[1],j=n.useCallback((function(){if(-1!==v){var e=f.current[v];if(e){e.value="";var n=k;n[v]="",_(n),g((function(){return ee(n)})),null==s||s(ee(n))}}}),[v,s,k]),A=n.useCallback((function(){if(0!==v){var e=f.current[v];e&&e.blur();var n=f.current[v-1];n&&n.focus()}}),[v]),E=n.useCallback((function(){if(v!==o-1){var e=f.current[v];e&&e.blur();var n=f.current[v+1];n&&n.focus()}}),[v,o]),w=n.useCallback((function(e){var n=e.target,t=n.value.toString().slice(0,1),r=f.current.findIndex((function(e){return e===n}));if(-1!==r){var a=k;a[r]=t,_(a),g((function(){return ee(a)})),null==s||s(ee(a))}E()}),[E,s,k]),L=n.useCallback((function(e){var n=e.target,t=f.current.findIndex((function(e){return e===n}));"number"===l?n.select():n.setSelectionRange(0,n.value.length,"backward"),-1!==t&&b(t)}),[]),O=n.useCallback((function(e){var n=$(e.clipboardData.getData("text/plain"),o),t=ee(n);_(n),g(t),null==s||s(t)}),[s,l,o]),S=n.useCallback((function(e){8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),j(),A()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),j()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),A()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),E()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[j,E,A]);return n.useImperativeHandle(t,(function(){return f.current[0]}),[]),n.useEffect((function(){_((function(){return $(u,o)})),g(u)}),[o,u]),y.default.createElement(a.Flex,{justify:"center",columnGap:8,className:x(ne,"otpContainer")},k.map((function(e,n){return y.default.createElement(re,{ref:function(e){f.current[n]=e},key:""+n,value:e,type:l,onChange:w,onFocus:L,onKeyDown:S,onPaste:O,onBlur:d})})))}));exports.Accordion=q,exports.Avatar=function(n){var t=n.withIndicator,r=void 0!==t&&t,o=n.indicatorConfig,i=void 0===o?null:o,l=n.size,u=void 0===l?56:l,c=n.children,s=n.styles,d=e.__rest(n,["withIndicator","indicatorConfig","size","children","styles"]),f=function(){return y.default.createElement(a.Avatar,e.__assign({size:u,radius:"xl"},d),c||y.default.createElement("img",{src:D,width:u}))};return r?y.default.createElement(a.Indicator,e.__assign({inline:!0,position:"bottom-end",offset:9},i,{styles:e.__assign({indicator:{backgroundColor:y.default.isValidElement(i.label)&&"transparent",zIndex:1}},s)}),f()):f()},exports.Carousel=R,exports.Checkbox=N,exports.DatePicker=L,exports.MAPPED_LOCALE=J,exports.OTP=ae,exports.Phone=A,exports.Radio=Q,exports.StyledModal=M,exports.StyledSlider=U,exports.StyledSliderWrapper=Y,exports.StyledTextArea=I,exports.getMantineThemeOverride=function(n){return{datesLocale:J[n],dateFormat:r.ISO_FORMAT[n].dateFormat,fontFamily:n===c.LOCALE.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.375rem"},error:{marginTop:"0.375rem"}}},NumberInput:{defaultProps:{decimalSeparator:r.ISO_FORMAT[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(u.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(u.theme.colors.blue200)}},invalid:{color:"#000"}}},Checkbox:{styles:{input:Z}},Radio:{styles:{radio:e.__assign(e.__assign({backgroundColor:"#ffffff"},Z),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},exports.useMantineLocale=function(e){n.useEffect((function(){var n;null===(n=X[e])||void 0===n||n.call(X)}),[e])};

package/build/index-5e03bffa.js

@@ -1 +0,0 @@
-"use strict";var a=require("./tslib.es6-f53cff42.js");function t(a){return a&&"object"==typeof a&&"default"in a?a:{default:a}}var e=t(require("react")),d="P03rcnV",c="LsvykAk",o="S2kaD9B",i="fAwTdkg",n="ITgol3T",r="cD-HMFz",l="oAG2-aJ",s="Y9fGCaj";exports.Button=function(t){var u=t.size,C=t.color,m=void 0===C?"primary":C,f=t.theme,h=void 0===f?"helloSites":f,p=t.isDisabled,v=t.isBlock,g=t.title,k=t.className,P=t.onClick,E=t.icon,y=t.children,N=t.isLoading,b=void 0!==N&&N,w=t.loadingText,L=t.dataEventCategory,B=t.dataEventAction,x=t.dataEventLabel,A=t.dataProductChannel,T=t.dataProductSku,z=t.dataProductBrand,D=t.dataProductName,S=t.dataProductPrice,_=t.dataProductCategory,j=t.dataProductPosition,F=t.type,M=a.__rest(t,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]),q={"data-event-category":L,"data-event-action":B,"data-event-label":x,"data-product-channel":A,"data-product-sku":T,"data-product-brand":z,"data-product-name":D,"data-product-price":S,"data-product-category":_,"data-product-position":j},G=e.default.createElement("span",{className:c},e.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.default.createElement("circle",{className:s,cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),e.default.createElement("svg",{className:d,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.default.createElement("mask",{id:"path-1-inside-1",fill:"white"},e.default.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),e.default.createElement("path",{className:l,d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"})));return e.default.createElement("button",a.__assign({},q,{className:"".concat(n," ").concat(k||""),"data-size":u,"data-color":m,"data-block":v,"data-has-icon":!!E||void 0,"data-theme":h,disabled:p,onClick:function(a){!b&&!p&&P&&P(a)},title:g,"data-is-loading":b,type:F},M),e.default.createElement("span",{className:i},(E||b)&&e.default.createElement("span",{className:r},b?G:E," "),y&&e.default.createElement("span",{className:o},b&&w||y)))};