"use strict";(self.webpackChunkhhgDiscoverV1=self.webpackChunkhhgDiscoverV1||[]).push([[9249],{AeFk:function(e,t,a){a.d(t,{AH:function(){return css},i7:function(){return keyframes},mL:function(){return s},n:function(){return jsx}});var n=a("q5MD"),r=a("+OUp"),o=a("eVQB"),i=a("xLBD"),l=a("54pO");a("TVHi"),a("2mql");var jsx=function(e,t){var a=arguments;if(null==t||!n.h.call(t,"css"))return r.createElement.apply(void 0,a);var o=a.length,i=Array(o);i[0]=n.E,i[1]=(0,n.c)(e,t);for(var l=2;ln.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor"},e),n.createElement("path",{d:"M3.99403 3.32695C3.86141 3.32698 3.73181 3.36657 3.62181 3.44065C3.5118 3.51472 3.42638 3.61992 3.37648 3.7428C3.32658 3.86567 3.31445 4.00064 3.34165 4.13044C3.36885 4.26024 3.43415 4.37898 3.52919 4.47148L7.05784 8.00013L3.52919 11.5288C3.46521 11.5902 3.41413 11.6638 3.37894 11.7452C3.34375 11.8266 3.32516 11.9142 3.32425 12.0029C3.32335 12.0916 3.34015 12.1796 3.37368 12.2617C3.40721 12.3438 3.45678 12.4185 3.5195 12.4812C3.58222 12.5439 3.65682 12.5935 3.73894 12.627C3.82106 12.6605 3.90904 12.6773 3.99774 12.6764C4.08643 12.6755 4.17405 12.6569 4.25547 12.6217C4.33689 12.5865 4.41047 12.5355 4.4719 12.4715L8.00054 8.94283L11.5292 12.4715C11.5906 12.5355 11.6642 12.5865 11.7456 12.6217C11.827 12.6569 11.9147 12.6755 12.0034 12.6764C12.092 12.6773 12.18 12.6605 12.2621 12.627C12.3443 12.5935 12.4189 12.5439 12.4816 12.4812C12.5443 12.4185 12.5939 12.3439 12.6274 12.2617C12.6609 12.1796 12.6777 12.0916 12.6768 12.0029C12.6759 11.9142 12.6573 11.8266 12.6222 11.7452C12.587 11.6638 12.5359 11.5902 12.4719 11.5288L8.94325 8.00013L12.4719 4.47148C12.5682 4.37784 12.634 4.25728 12.6607 4.1256C12.6873 3.99392 12.6735 3.85726 12.6212 3.73354C12.5688 3.60982 12.4803 3.5048 12.3672 3.43224C12.2542 3.35969 12.1218 3.32299 11.9875 3.32695C11.8143 3.33211 11.6499 3.4045 11.5292 3.52877L8.00054 7.05742L4.4719 3.52877C4.40977 3.46491 4.33548 3.41415 4.2534 3.37948C4.17132 3.34482 4.08313 3.32696 3.99403 3.32695Z"})),d=300,useDrawerDrag=(e=d)=>{let[t,a]=(0,n.useState)(!1),r=(0,n.useCallback)(()=>{a(!0)},[]),o=(0,n.useCallback)(()=>{setTimeout(()=>{a(!1)},e)},[e]);return{isDragging:t,handleDragStart:r,handleDragEnd:o}},p=(0,s.A)(l._s.Content)` position: fixed; z-index: ${c.c-9e6+1}; inset: 0; background-color: #fff; outline: none !important; &::-webkit-scrollbar { width: 6px; height: 6px; } &::-webkit-scrollbar-track { background-color: transparent; } &::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.4); border-radius: 6px; } &[data-vaul-drawer-direction='bottom'] { border-top-left-radius: 8px; border-top-right-radius: 8px; } &[data-vaul-drawer-direction='top'] { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } &[data-vaul-drawer-direction='left'] { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } &[data-vaul-drawer-direction='right'] { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } ${e=>e.isDragging&&` input { caret-color: transparent; } `} `,u=(0,s.A)(l._s.Overlay)` position: fixed; inset: 0; z-index: ${c.c-9e6}; width: 100%; max-height: 100%; &[data-state='open'] { opacity: 0.6 !important; } `,DrawerComponent=e=>{let{open:t,onOpenChange:a,snapPoints:s,activeSnapPoint:d,setActiveSnapPoint:m,children:g,overlayClassName:h,className:f,fadeFromIndex:x=c.c-9e6,onClose:y}=e,v=(0,o.a)(e,["open","onOpenChange","snapPoints","activeSnapPoint","setActiveSnapPoint","children","overlayClassName","className","fadeFromIndex","onClose"]),[b,w]=(0,n.useState)(t),[E,C]=(0,n.useState)(s?null==s?void 0:s[0]:null),{isDragging:k,handleDragStart:$,handleDragEnd:z}=useDrawerDrag(),M=(0,n.useCallback)(e=>{w(e),null==a||a(e)},[a]),S=(0,n.useMemo)(()=>s&&s.length?E===s[s.length-1]:b,[E,s]),N=(0,n.useMemo)(()=>{let e={open:b,onOpenChange:M,fadeFromIndex:x};return s&&(null==s?void 0:s.length)&&(e.snapPoints=s,e.activeSnapPoint=E,e.setActiveSnapPoint=e=>{C(e),null==m||m(e)}),e},[b,M,E,C,m,s,x]);return(0,n.useEffect)(()=>{w(t)},[t]),(0,n.useEffect)(()=>{C(d)},[d]),r().createElement(l._s.Root,Object.assign({onDrag:$,onRelease:z,onClose:y},v,N),r().createElement(l._s.Portal,null,r().createElement(u,{className:(0,i.clsx)(h,"drawer__overlay",{drawer__overlay_full:S})}),r().createElement(p,{isDragging:k,className:(0,i.clsx)(f,"drawer__content",{drawer__content_full:S})},r().createElement(l._s.Handle,{className:"drawer__handle"}),r().createElement(l._s.Title,{style:{display:"none"}}),g)))}},bAY6:function(e,t,a){a.d(t,{C:function(){return Checkbox},I:function(){return ImageWrapV2},P:function(){return Pagination},S:function(){return C},a:function(){return v},b:function(){return SearchInput},c:function(){return Search2}});var n=a("+OUp"),r=a.n(n),o=a("rBCA"),i=a("CL9C"),l=a("iBNF"),s=a("vEfc"),c=a("Pn4S"),d=a("xrdX"),p=a("sFNn"),u=a("aHnw");a("vH4S");var m=a("uJ2t");let Search2=e=>n.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 24 25",fill:"none"},e),n.createElement("path",{d:"M11 18.957C14.866 18.957 18 15.823 18 11.957C18 8.09104 14.866 4.95703 11 4.95703C7.13401 4.95703 4 8.09104 4 11.957C4 15.823 7.13401 18.957 11 18.957Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M20 20.957L16 16.957",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),g=o.A.div` display: flex; cursor: pointer; &[data-theme='marryBaby'] { input { width: 20px; height: 20px; border: 1.3px solid ${l.w.mbColors.midGray}; border-radius: 9px; cursor: inherit; transition: border-color 0.4s, box-shadow 0.4s; &:hover, &:active { border-color: ${l.w.mbColors.cobalt}; box-shadow: 0 0 2px 2px ${l.w.mbColors.cobalt}; } &:focus-visible { border: 2px solid ${l.w.mbColors.cobalt}; } &:checked { border: 0; background: ${l.w.mbColors.cobalt} url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L3.45455 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center; } } label { max-width: 15rem; margin-left: 8px; width: calc(100% - 24px); cursor: inherit; font-weight: 600; font-size: 12px; line-height: 20px; letter-spacing: -0.2px; color: ${l.w.mbColors.gray}; } } input { width: 20px; height: 20px; border: solid 1px ${l.w.colors.gray500}; border-radius: 2px; cursor: inherit; transition: border-color 0.4s, box-shadow 0.4s; &:hover, &:active { border-color: ${l.w.colors.primaryBase}; box-shadow: 0 0 2px 2px ${l.w.colors.primary200}; } &:focus-visible { border: 2px solid ${l.w.colors.primaryActive}; } &:checked { border: 0; background: ${l.w.colors.primaryBase} url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center; } } label { max-width: 15rem; margin-left: 8px; font-weight: ${l.w.sizes.fwRegular}; width: calc(100% - 24px); cursor: inherit; ${i.M.mbDown} { font-size: 14px; line-height: 24px; } ${i.M.mbUp} { font-size: 16px; line-height: 22px; } } &[data-is-rectangle] > input { position: relative; width: unset; height: unset; padding: 5px 12px; border: 1px solid ${l.w.colors.neutral100}; border-radius: 32px; &::after { color: ${l.w.colors.gray800}; content: attr(data-label-text); font-size: 13px; } &:checked { border-color: ${l.w.colors.primary50}; &::after { color: ${l.w.colors.primaryBase}; } } &:checked { background: ${l.w.colors.primary50}; } } &[data-disabled] { color: ${l.w.colors.gray300}; cursor: not-allowed; input { border-color: ${l.w.colors.gray300}; &:hover { border-color: ${l.w.colors.gray300}; box-shadow: none; } } } `,Checkbox=({label:e,name:t,checked:a,className:n,isDisabled:o,onChange:i,value:l,isRectangle:s,inputDataTestId:c,siteType:d})=>r().createElement(g,{className:n,"data-disabled":o||void 0,"data-is-rectangle":s||void 0,"data-label-text":e,"data-theme":d},r().createElement("input",{type:"checkbox",checked:a,name:t,onChange:()=>i(l,!a),disabled:o,value:l,id:`${t}-${l}`,"data-label-text":e,"data-testid":c}),!s&&r().createElement("label",{htmlFor:`${t}-${l}`},e)),h=o.A.div` display: flex; align-items: center; justify-content: space-between; user-select: none; li { transition: all 0.3s ease; } [data-page-active] { background: ${l.w.colors.primaryBase}; color: ${l.w.colors.white}; > a { color: ${l.w.colors.white}; } } `,f=o.A.div` display: flex; width: 32px; height: 32px; box-sizing: border-box; align-items: center; justify-content: center; border: 1px solid ${l.w.colors.gray200}; margin: 0 2px; border-radius: 4px; color: ${l.w.colors.gray800}; cursor: pointer; font-size: 14px; font-weight: ${l.w.sizes.fwBold}; &[data-last-page] { border: none; background-color: ${l.w.colors.gray100}; cursor: not-allowed; pointer-events: none; svg { path { stroke: ${l.w.colors.gray300}; } } } `,x=o.A.li` display: flex; width: 32px; height: 32px; align-items: center; justify-content: center; margin: 0 2px; border-radius: 4px; color: ${l.w.colors.gray800}; cursor: pointer; font-size: 14px; font-weight: ${l.w.sizes.fwBold}; > a { color: ${l.w.colors.gray800}; text-decoration: unset; display: block; width: 100%; height: 100%; line-height: 32px; text-align: center; } `,RenderPagiWithDots=({pagesAmount:e,activePage:t,handlePageChange:a,handleClick:o,href:l,queryPageName:s="page"})=>{let c=[...Array(e)].map((e,t)=>t+1),[d,p]=(0,n.useState)(t<=4?c.slice(0,5):t>=c.length-3?c.slice(c.length-5,c.length):c.slice(t-2,t+1));return(0,n.useEffect)(()=>{t<=4?p(c.slice(0,5)):t>=c.length-3?p(c.slice(c.length-5,c.length)):p(c.slice(t-2,t+1))},[t]),r().createElement(n.Fragment,null,t>4&&r().createElement(n.Fragment,null,r().createElement(x,{onClick:()=>a(1)},l?r().createElement("a",{href:l,onClick:o},1):1),r().createElement(x,null,"...")),d.map(e=>r().createElement(x,{key:`pagination+${e}`,"data-page-active":e===t||void 0,onClick:()=>a(e)},l?r().createElement("a",{href:(0,i.f)(l,e,s),onClick:o},e):e)),ta(c.length)},l?r().createElement("a",{href:(0,i.f)(l,c.length,s),onClick:o},c.length):c.length)))},Pagination=({className:e,pagesAmount:t,currentPage:a,onChange:o,onClick:l,style:s,href:c,queryPageName:d="page"})=>{let p=[...Array(t)].map((e,t)=>t+1),[u,m]=(0,n.useState)(a),g=(0,n.useMemo)(()=>c&&c.endsWith("&page=")?c.replace("&page=",""):c,[c]),y=t-1,handlePageChange=e=>{e<=t&&e>0&&(m(e),o(e))},handleClick=e=>{l&&l(e)};return(0,n.useEffect)(()=>{m(a)},[a]),r().createElement(h,{className:e,style:s},r().createElement(f,{className:"prev-page",onClick:()=>handlePageChange(u-1),"data-last-page":1===u||void 0},g?r().createElement("a",{href:(0,i.f)(g,u,d),onClick:handleClick},r().createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},r().createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):r().createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},r().createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),p.length>8?r().createElement(RenderPagiWithDots,{pagesAmount:t,activePage:u,handlePageChange:handlePageChange,handleClick:handleClick,href:g,queryPageName:d}):p.map(e=>r().createElement(x,{key:`pagination+${e}`,"data-page-active":e===u||void 0,onClick:()=>handlePageChange(e)},g?r().createElement("a",{href:(0,i.f)(g,e,d),onClick:handleClick},e):e)),r().createElement(f,{className:"next-page",onClick:()=>handlePageChange(u+1),"data-last-page":u===y+1||void 0},g?r().createElement("a",{href:(0,i.f)(g,u,d),onClick:handleClick},r().createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},r().createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):r().createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},r().createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},y=o.A.div` position: relative; width: 100%; &[data-has-error] { input { border-color: ${l.w.colors.red700}; } } input { width: 100%; padding: 12px 16px; border: solid 1px ${l.w.colors.gray200}; border-radius: ${l.w.borderRadius}; &:active, &:focus, .focused & { border-color: ${l.w.colors.primaryBase}; box-shadow: 0px 0px 2px 2px ${l.w.colors.primary200}; } &:disabled { background-color: ${l.w.colors.gray100}; cursor: not-allowed; } } &[data-has-action-icon] { input { padding: 12px 48px 12px 16px; } } &[data-has-display-icon] { input { padding: 12px 16px 12px 48px; } } &[data-has-action-icon][data-has-display-icon] { input { padding: 12px 48px; } } &[data-size='lg'] { input { font-size: 16px; font-weight: ${l.w.sizes.fwRegular}; ${i.M.mbDown} { font-size: 22px; line-height: 1.2; } ${i.M.mbUp} { font-size: 26px; line-height: 1.2; } } } &[data-size='md'] { input { font-weight: ${l.w.sizes.fwRegular}; ${i.M.mbDown} { font-size: 14px; line-height: 1.2; } ${i.M.mbUp} { font-size: 16px; line-height: 1.2; } } } &[data-size='sm'] { input { font-weight: ${l.w.sizes.fwRegular}; ${i.M.mbDown} { font-size: 13px; line-height: 1.5; } ${i.M.mbUp} { font-size: 13px; line-height: 1.5; } } } `,v=r().forwardRef((e,t)=>{var{name:a,errorMessage:o,autoComplete:i="off",defaultValue:l,actionIcon:d,displayIcon:p,isDeleteAction:u,onActionClick:m,label:g,placeholder:h,className:f,onChange:x,onKeyPress:v,isDisabled:b,CustomInput:w,size:E,style:C,autoFocus:k,type:$="text",isNumerousKeyboard:z=!1,onFocus:M,enterKeyHint:S,nativeOnChange:N}=e,A=(0,s.a)(e,["name","errorMessage","autoComplete","defaultValue","actionIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","autoFocus","type","isNumerousKeyboard","onFocus","enterKeyHint","nativeOnChange"]);let[D,L]=(0,n.useState)(l),handleOnChange=e=>{L(e),x(e)};return r().createElement(y,{"data-size":E,className:f,"data-has-action-icon":!!d||void 0,"data-has-display-icon":!!p||void 0,"data-has-error":o&&o.length>0||void 0,style:C},g&&r().createElement(c.L,{size:"label2",htmlFor:a,className:"inputLabel"},g),r().createElement("div",{style:{position:"relative"}},w||r().createElement("input",Object.assign({id:a,name:a,placeholder:h,onChange:null!=N?N:e=>handleOnChange(e.target.value),onKeyPress:v,type:$,"aria-label":$,disabled:b,value:D,autoComplete:i,ref:t,autoFocus:k,inputMode:z||"number"===$?"numeric":$,pattern:z?"[0-9]*":".*",onFocus:M,enterKeyHint:S},A)),p&&r().createElement(c.S,{className:"displayIcon"},p),d&&r().createElement(c.a,{className:"actionIcon",onClick:()=>{var e;u&&(L(""),null===(e=t.current)||void 0===e||e.focus()),m&&m()}},d)),o&&o.length>0&&r().createElement(c.b,{className:"errorLabel"},o))});v.displayName="PureInput";let b=[320,420,640,750,828,1080,1200,1440,1920,2048],defaultLoader=({src:e,width:t,quality:a,locale:n})=>{try{let r="undefined"!=typeof window?window.location.origin:d.y[n]?`https://${d.y[n]}`:"";if(!r)return e;let o=new URL(e,r);return o.searchParams.set("w",String(t)),o.searchParams.set("q",String(null!=a?a:75)),o.toString()}catch(t){return e}},ImageWrapV2=e=>{var{alt:t,backupSrc:a,src:o,placeholderSrc:i,style:l,ref:c,unoptimized:d=!1,quality:u,sizes:m,width:g}=e,h=(0,s.a)(e,["alt","backupSrc","src","placeholderSrc","style","ref","unoptimized","quality","sizes","width"]);let[f,x]=(0,n.useState)(!1),{locale:y="vi-VN"}=(0,p.u)(),v=(0,n.useMemo)(()=>d?[]:function(e){if(e.sizes)return b;if(e.width){let t=Math.max(1,Math.round(e.width));return Array.from(new Set([t,Math.min(2*t,2048)])).sort((e,t)=>e-t)}return b}({sizes:m,width:g}),[m,g,d]),E=(0,n.useMemo)(()=>{if(!d)return v.map(e=>`${defaultLoader({src:o,width:e,quality:u,locale:y})} ${e}w`).join(", ")},[d,v,o,u]),C=(0,n.useMemo)(()=>{if(d)return o;let e=v.length?v[v.length-1]:null!=g?g:1920;return defaultLoader({src:o,width:e,quality:u,locale:y})},[d,v,o,u,g]);return r().createElement(w,Object.assign({loading:"lazy",alt:t,srcSet:E,onError:()=>!f&&x(!0),src:f?a||C:C||a,style:Object.assign(Object.assign({},i?{backgroundImage:`url(${i})`}:{}),l),"data-has-placeholder":!!i,sizes:m,ref:c},h))},w=o.A.img` &[data-has-placeholder='true'] { background-position: center; background-repeat: no-repeat; background-size: cover; } `,E=(0,o.A)(u.I)` box-shadow: 0px 0px 1px 0px #0000000a, 0px 2px 8px 0px #0000000a, 0px 10px 16px 0px #0000000a; border-radius: 0.75rem; overflow: hidden; input.mantine-Input-input { border: none; font-size: 0.8125rem; line-height: 1.25rem; } .close-icon-wrapper { display: none; background-color: ${l.w.colors.gray400}; border-radius: 100%; cursor: pointer; width: 20px; height: 20px; padding: 2px; svg { pointer-events: none; } &[data-is-disabled='true'] { opacity: 0.2; cursor: not-allowed; pointer-events: none; } } input.mantine-Input-input:focus ~ .mantine-Input-rightSection .close-icon-wrapper, input.mantine-Input-input:not(:placeholder-shown) ~ .mantine-Input-rightSection .close-icon-wrapper { display: flex; } `,C=(0,o.A)(Search2)` color: ${l.w.colors.primaryBase}; width: 20px; height: 20px; `,SearchInput=e=>{let{loading:t,disabled:a,placeholder:n,value:o,onChange:i,icon:l=r().createElement(C,null),className:c,style:d,enableClear:p}=e,u=(0,s.a)(e,["loading","disabled","placeholder","value","onChange","icon","className","style","enableClear"]);return r().createElement(E,Object.assign({disabled:t||a,size:"lg",value:o,onChangeRaw:e=>{i(e.currentTarget.value)},type:"text",placeholder:n,className:c,icon:l,style:d,rightSection:p?r().createElement("div",{className:"close-icon-wrapper",onClick:()=>{i("")},"data-is-disabled":!o},r().createElement(m.C,{fill:"white",width:"100%",height:"100%"})):void 0},u,{"data-event-label":o}))}},"+YhV":function(e,t,a){a.d(t,{T:function(){return Text}});var n=a("vEfc"),r=a("+OUp"),o=a.n(r);a("vH4S");var i=a("uzh1");let Text=e=>{var{size:t="base",type:a="regular"}=e,r=(0,n.a)(e,["size","type"]);return o().createElement(i.T,Object.assign({size:t,weight:"caption"===a?"bold":a,"data-size":t,"data-type":a,"data-word-wrap":r.wordWrap,"data-is-uppercase":r.isUppercase},r))}},sFNn:function(e,t,a){a.d(t,{f:function(){return format},u:function(){return useTranslations}});var n=a("+OUp"),r=a("luvD");function format(e,t){let a=[e];return(Object.keys(t).forEach(e=>{a=function(e,t,a){let r=[];return e.forEach(e=>{if("string"==typeof e){let o=RegExp(`\\{${a}\\}`,"gi");if("string"==typeof t||"number"==typeof t)r.push(e.replace(o,`${t}`));else{let a=e.split(o);a.forEach((e,o)=>{e&&(function(e){let t=[],a=!1,r=!1;return e.match(/^\s+/gi)&&(e=e.replace(/^\s+/gi,""),a=!0),e.match(/\s+$/gi)&&(e=e.replace(/\s+$/gi,""),r=!0),a&&t.push(n.createElement(n.Fragment,null,"\xa0")),t.push(e),r&&t.push(n.createElement(n.Fragment,null,"\xa0")),t})(e).forEach(e=>r.push(e)),o+1"string"==typeof e)?a.join(""):n.createElement(n.Fragment,null,a.map((e,t)=>n.createElement(n.Fragment,{key:t},e)))}function useTranslations(){let{values:e,locale:t}=(0,n.useContext)(r.T)||{locale:"en-PH"};return(0,n.useMemo)(()=>({t:(t,a)=>e?e[t]?a?format(e[t]||t,a):e[t]||t:a?format(t,a):t:t,locale:t}),[e,t])}},tuDO:function(e,t,a){a.d(t,{B:function(){return Button}});var n=a("vEfc"),r=a("+OUp"),o=a.n(r),i=a("abax");let Button=e=>{var{size:t,color:a="primary",isDisabled:r,isBlock:l,title:s,onClick:c,icon:d,iconPosition:p="left",children:u,isLoading:m=!1,loadingText:g,dataEventCategory:h,dataEventAction:f,dataEventLabel:x,dataProductChannel:y,dataProductSku:v,dataProductBrand:b,dataProductName:w,dataProductPrice:E,dataProductCategory:C,dataProductPosition:k,type:$}=e,z=(0,n.a)(e,["size","color","isDisabled","isBlock","title","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);return o().createElement(i.B,Object.assign({},{"data-event-category":h,"data-event-action":f,"data-event-label":x,"data-product-channel":y,"data-product-sku":v,"data-product-brand":b,"data-product-name":w,"data-product-price":E,"data-product-category":C,"data-product-position":k},{size:t,variant:"transparent"===a?"white":"danger"===a?"error":a,disabled:r,onClick:e=>{m||r||!c||c(e)},title:s,loading:m,type:$||"submit",leftIcon:"left"===p?d:void 0,rightIcon:"right"===p?d:void 0,w:l?"100%":void 0,p:l?"12px auto":void 0,"data-color":a,"data-size":t,"data-block":l,"data-has-icon":!!d||void 0,"data-theme":z.theme,"data-is-loading":m},z),m&&g||u)}},Pn4S:function(e,t,a){a.d(t,{I:function(){return Input},L:function(){return Label},S:function(){return m},a:function(){return u},b:function(){return p}});var n=a("vEfc"),r=a("+OUp"),o=a.n(r),i=a("vH4S"),l=a("rBCA"),s=a("iBNF"),c=a("CL9C");let d=l.A.div` position: relative; width: 100%; &[data-has-error] { input { border-color: ${s.w.colors.red700}; } } input { width: 100%; padding: 12px 16px; border: solid 1px ${s.w.colors.gray200}; border-radius: ${s.w.borderRadius}; &:active, &:focus, &.focused { border-color: ${e=>e.color}; box-shadow: 0px 0px 2px 2px ${e=>e.shadowColor}; } &:disabled { background-color: ${s.w.colors.gray100}; cursor: not-allowed; } } &[data-has-action-icon] { input { padding: 12px 48px 12px 16px; } } &[data-has-display-icon] { input { padding: 12px 16px 12px 48px; } } &[data-has-action-icon][data-has-display-icon] { input { padding: 12px 48px; } } &[data-size='lg'] { input { font-size: 16px; font-weight: ${s.w.sizes.fwRegular}; ${c.M.mbDown} { font-size: 22px; line-height: 1.2; } ${c.M.mbUp} { font-size: 26px; line-height: 1.2; } } } &[data-size='md'] { input { font-weight: ${s.w.sizes.fwRegular}; line-height: 22px; ${c.M.mbDown} { font-size: 14px; line-height: 1.2; } ${c.M.mbUp} { font-size: 16px; line-height: 1.2; } } } &[data-size='sm'] { input { font-weight: ${s.w.sizes.fwRegular}; line-height: 20px; ${c.M.mbDown} { font-size: 13px; line-height: 1.5; } ${c.M.mbUp} { font-size: 13px; line-height: 1.5; } } } `,p=l.A.label` color: ${s.w.colors.red700}; font-weight: ${s.w.sizes.fwRegular}; `,u=l.A.div` position: absolute; top: 50%; right: 16px; cursor: pointer; transform: translateY(-50%); `,m=l.A.div` position: absolute; top: 50%; left: 16px; display: inline-flex; cursor: default; transform: translateY(-50%); `,Label=({children:e,className:t,style:a,htmlFor:n,size:r})=>o().createElement("label",{"data-size":r,className:`DjBFAbd ${t||""}`,style:a,htmlFor:n},e),Input=e=>{var{name:t,value:a,errorMessage:l,isNumerousKeyboard:s=!1,showErrorMessage:c=!0,actionIcon:g,displayIcon:h,onActionClick:f,label:x,className:y,onChange:v,isDisabled:b,CustomInput:w,size:E,style:C,autoComplete:k="off",type:$="text",inputClassName:z,trackingAttributes:M,enterKeyHint:S}=e,N=(0,n.a)(e,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);let A=(0,i.useMantineTheme)(),D=(0,r.useMemo)(()=>M?{"data-event-category":M.dataEventCategory,"data-event-action":M.dataEventAction,"data-event-label":M.dataEventLabel}:{},[M]);return o().createElement(d,{"data-size":E,className:y,"data-has-action-icon":!!g||void 0,"data-has-display-icon":!!h||void 0,"data-has-error":l&&l.length>0||void 0,color:A.fn.primaryColor(),shadowColor:A.colors[A.primaryColor][0],style:C},x&&o().createElement(Label,{size:"label2",htmlFor:t,className:"inputLabel"},x),o().createElement("div",{style:{position:"relative"}},w||o().createElement("input",Object.assign({id:t,name:t,onChange:e=>v&&v(e.target.value),type:$,"aria-label":$,value:a,disabled:b,autoComplete:k,inputMode:s||"number"===$?"numeric":$,pattern:s?"[0-9]*":".*",className:z,enterKeyHint:S},D,N)),h&&o().createElement(m,{className:"displayIcon"},h),g&&o().createElement(u,{className:"actionIcon",onClick:f},g)),l&&l.length>0&&c&&o().createElement(p,{className:"errorLabel"},l))}},oxwC:function(e,t,a){a.d(t,{F:function(){return Footer}});var n=a("+OUp"),r=a.n(n),o=a("cSIu"),i=a("8BcA"),l=a.n(i),s=a("vH4S"),c=a("uzh1"),d=a("CL9C"),p=a("RBzE"),u=a("rBCA"),m=a("iBNF"),g=a("xrdX"),h=a("zgme"),f=a("1hey");let x=u.A.footer` background-color: #1b3250; .inner { padding: 64px 24px 98px 24px; margin: 0 auto; } .newsletter { padding: 24px 0; } .footer-logo { max-width: 132px; max-height: 32px; &[data-is-sehat='true'] { max-width: 250px; } img { object-fit: contain; } } .social { margin-top: 24px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; > .icons { display: flex; gap: 16px; } } hr { height: 1px; border: none; margin: 16px 0 16px 0; background: ${m.w.colors.neutral500}; opacity: 0.1; outline: none; } .footer-menu-column { min-width: 168px; } .footer-menu-title { margin-bottom: 16px; } .footer-menu-link { display: block; } .footer-menu-link-wrapper { display: flex; flex-direction: column; gap: 12px; } .copyright { display: flex; flex-direction: column; gap: 16px; padding-top: 8px; .copyright-content { color: ${m.w.colors.neutral500}; font-size: 12px; } .copyright-image-wrapper { flex-shrink: 0; flex-wrap: wrap; display: flex; gap: 16px; justify-content: flex-end; .copyright-image { align-self: flex-start; img { height: 32px; } } } } .otherSites { display: flex; gap: 16px; align-items: center; padding: 19px 0; border-top: 1px solid ${m.w.colors.neutral100}1a; border-bottom: 1px solid ${m.w.colors.neutral100}1a; .flags { display: flex; gap: 12px; } } .signupButton { display: none; border: none; margin-top: 16px; outline: none; text-transform: uppercase; } ${d.M.mbDown} { .inner { padding: 64px 0; } .social { flex-direction: column; gap: 10px; align-items: start; } hr { margin-top: 0px; } .copyright { align-items: center; text-align: center; } .copyright-image-wrapper { justify-content: center; max-width: unset; } .otherSites { flex-direction: column; padding: 24px 0; .linkTitle { text-align: center; } .flags { flex-wrap: wrap; justify-content: center; } } .footer-menu-title { margin-bottom: 12px; } .footer-menu { display: grid; grid-template-columns: repeat(2, 1fr); > .footer-menu-column { padding: 24px 0; } > .footer-menu-column:first-child { grid-column-start: 1; grid-column-end: 3; border-top: 1px solid ${m.w.colors.neutral100}1a; border-bottom: 1px solid ${m.w.colors.neutral100}1a; > .footer-menu-link-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); } } } .otherSites { margin-bottom: 24px; } } ${d.M.mbUp} { .newsletter > p { max-width: 360px; } .hrMobile { display: none; } .copyright { gap: 24px; flex-direction: row-reverse; align-items: center; justify-content: space-between; } .otherSites { margin-bottom: 40px; } .columns { display: flex; flex-direction: row; width: 100%; gap: 16px; margin-bottom: 40px; > div:nth-child(1) { display: flex; flex-direction: column; flex: 1; } > div:nth-child(2) { display: flex; flex-direction: row; gap: 24px; } } } `,y=u.A.img` width: 32px; height: 32px; ${d.M.mbDown} { width: 24px; height: 24px; } .country-flag { width: 100%; height: 100%; } `,Flag=({url:e,dataEventCategory:t,dataEventAction:a,dataEventLabel:n})=>r().createElement(y,{loading:"lazy",className:"country-flag",src:e,alt:"Country Flag","data-event-category":t,"data-event-action":a,"data-content-label":n}),FooterMenuColumn=({title:e,items:t,locale:a,index:n})=>{let{isMobile:o}=(0,p.u)();return r().createElement("div",{className:"footer-menu-column"},e?r().createElement(c.T,{size:o?"s4":"s3",className:"footer-menu-title",weight:o?"regular":"semiBold",color:"neutral.6"},e):null,r().createElement("div",{className:"footer-menu-link-wrapper"},null==t?void 0:t.map((e,t)=>r().createElement(c.T,{size:o?"p3":"p4",as:"a","data-event-category":"Footer","data-event-action":e.title,"data-event-label":`https://${g.y[a]}${e.url}`,className:"footer-menu-link",href:e.url,key:t,color:"#fff",weight:o&&0===n?"semiBold":"regular"},e.title))))},DiscoverFooter=({className:e,footerInfo:t,locale:a})=>{var n,i,s,d,u,m,g,h,f,y,v;let{isMobile:b}=(0,p.u)(),w=null==t?void 0:t.menu,E=(null===(i=null===(n=null==t?void 0:t.general)||void 0===n?void 0:n.verified)||void 0===i?void 0:i.filter(Boolean))||[];return r().createElement(x,{className:e},r().createElement(o.C,null,r().createElement("div",{className:"inner"},r().createElement("a",{href:"/"},r().createElement("img",{loading:"lazy",className:"footer-logo",src:null===(s=null==t?void 0:t.general)||void 0===s?void 0:s.logo,alt:"Logo","data-is-sehat":"id-ID"===a})),r().createElement("div",{className:"columns"},r().createElement("div",{className:"newsletter"},r().createElement(c.T,{size:b?"s3":"s4",weight:"semiBold",color:"neutral.0"},null===(d=null==t?void 0:t.general)||void 0===d?void 0:d.content),r().createElement("div",{className:"social"},r().createElement(c.T,{size:"p4",color:"neutral.6"},null===(u=null==t?void 0:t.social)||void 0===u?void 0:u.title),r().createElement("div",{className:"icons"},null===(g=null===(m=null==t?void 0:t.social)||void 0===m?void 0:m.socials)||void 0===g?void 0:g.map((e,t)=>r().createElement("a",{key:t,"data-event-category":"Footer","data-event-action":`Follow us - ${e.name}`,"data-content-label":e.url,href:e.url},r().createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":`Follow us - ${e.name}`,"data-content-label":e.url,src:e.icon,alt:"Logo Social",className:"social-icon",width:"24",height:"24"})))))),r().createElement("div",{className:"footer-menu"},w&&r().createElement(r().Fragment,null,null==w?void 0:w.map((e,t)=>r().createElement(FooterMenuColumn,{title:e.menu_title,items:e.items,locale:a,key:t,index:t}))))),r().createElement("div",{className:"otherSites"},r().createElement(c.T,{size:"p4",className:"linkTitle",color:"neutral.6",weight:"regular"},null===(h=null==t?void 0:t.branch)||void 0===h?void 0:h.title),r().createElement("div",{className:"flags"},null===(y=null===(f=null==t?void 0:t.branch)||void 0===f?void 0:f.branch)||void 0===y?void 0:y.map((e,t)=>r().createElement("a",{href:e.url,key:t,"data-event-category":"Footer","data-event-action":e.name,"data-event-label":e.url},r().createElement(Flag,{url:e.flag,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url}))))),r().createElement("div",{className:"copyright"},r().createElement("div",{className:"copyright-image-wrapper"},E.length?E.map((e,t)=>r().createElement("a",{href:e.url,key:t,className:"copyright-image"},r().createElement("img",{loading:"lazy",src:e.image,alt:"DMCA Icon"}))):null),r().createElement(c.T,{size:"n1",className:"copyright-content",as:"div",color:"neutral.6",weight:"regular"},r().createElement("div",{dangerouslySetInnerHTML:{__html:null===(v=null==t?void 0:t.general)||void 0===v?void 0:v.copyright.replace(/{currentYear}/gi,l()().get("year").toString())}}))))))},v=u.A.footer` position: relative; overflow: hidden; .icons { margin-top: 12px; margin-bottom: 20px; > a:not(:last-child) { margin-right: 16px; } } a { text-decoration: none; } `,b=u.A.div` position: relative; padding: 80px 0 40px; margin: auto 68px; display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid ${m.w.colors.neutral200}; ${d.M.tdDown} { margin: auto 16px; flex-wrap: wrap; row-gap: 32px; column-gap: 16px; } ${d.M.mbDown} { margin: auto 0; } `,w=u.A.div` display: flex; justify-content: space-between; gap: 12px; flex-direction: column; ${d.M.mbDown} { flex: 1 1 160px; } .title { padding-bottom: 4px; } `,E=u.A.div` display: flex; justify-content: space-between; gap: 12px; flex-direction: column; `,C=u.A.div` background-color: #{map-get($mbColors, 'dark')}; padding: 16px 0; position: relative; img { width: 89px; height: 32px; } .content { display: flex; align-items: center; justify-content: space-between; gap: 174px; margin: auto 68px; ${d.M.tdDown} { margin: auto 16px; } ${d.M.mbDown} { flex-direction: column-reverse; gap: 16px; align-items: flex-start; margin: auto 0; } } .verify { display: flex; align-items: flex-start; gap: 8px; } `,k=u.A.div` padding: 40px 0; ${d.M.mbUp} { margin: auto 68px; } `,$=u.A.div` display: flex; gap: 16px; .social-logo { width: 28px; } `,MarryBabyFooter=({logoType:e="marryBaby",footerMenu:t,background:a})=>{var n;if(!t)return null;let{general:i,menu:d,socials:p}=t;return r().createElement(v,{style:{backgroundColor:a||"none"}},r().createElement(o.C,null,r().createElement(b,null,null==d?void 0:d.map(({menu_title:e,items:t},a)=>r().createElement(w,{key:`mbf${a}`},r().createElement(f.M,{className:"title",type:"subtitle-1",color:m.w.mbColors.pink},e),null==t?void 0:t.map(({title:e,url:t},a)=>r().createElement("a",{"data-event-category":"Footer","data-event-action":"Click","data-event-label":`${t}`,className:"link",href:t,key:`footer-links-${a}`},r().createElement(E,{key:`mbitem${a}`},r().createElement(f.M,{type:"bodytext-2",color:m.w.mbColors.gray},e)))))))),r().createElement(o.C,null,r().createElement(k,null,r().createElement(s.Flex,{gap:"24px",sx:e=>({[e.fn.largerThan("sm")]:{".info-item":{flexGrow:1,width:"50%"}},[e.fn.smallerThan("sm")]:{flexDirection:"column"}})},r().createElement(s.Stack,{spacing:"24px",className:"info-item"},r().createElement(h.L,{className:"logo",type:e}),r().createElement(c.T,{size:"p4",as:"div"},r().createElement("div",{dangerouslySetInnerHTML:{__html:null==i?void 0:i.content}})),r().createElement($,null,null==p?void 0:p.map(({icon:e,name:t,url:a},n)=>r().createElement("a",{key:`social${n}`,target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":`Follow us - ${t}`,"data-content-label":t,href:a},r().createElement("img",{className:"social-logo",loading:"lazy",src:e,alt:t}))))),r().createElement(s.Box,{className:"info-item",sx:{paddingTop:"7px"}},r().createElement(c.T,{size:"p4",as:"div"},r().createElement("div",{dangerouslySetInnerHTML:{__html:null==i?void 0:i.information}})))))),r().createElement(C,null,r().createElement(o.C,null,r().createElement("div",{className:"content"},r().createElement(c.T,{size:"p5",color:"#fff",as:"div"},r().createElement("div",{dangerouslySetInnerHTML:{__html:null==i?void 0:i.copyright.replace(/{currentYear}/gi,l()().get("year").toString())}})),r().createElement("div",{className:"verify"},null===(n=null==i?void 0:i.verified)||void 0===n?void 0:n.map(({image:e,url:t},a)=>r().createElement("img",{loading:"lazy",key:`imgMbFt${a}`,src:e,alt:t})))))))},Footer=({locale:e,footerInfo:t,siteType:a,background:n})=>"helloSites"===a?r().createElement(DiscoverFooter,{locale:e,footerInfo:t||{}}):r().createElement(MarryBabyFooter,{footerMenu:t,background:n})},"1hey":function(e,t,a){a.d(t,{M:function(){return MarryBabyText},a:function(){return MarryBabyHeading}});var n=a("vEfc"),r=a("+OUp"),o=a.n(r),i=a("rBCA"),l=a("iBNF");let s=(0,i.A)(e=>{var{type:t}=e,a=(0,n.a)(e,["type"]);return o().createElement(t,a)})` color: var(--text-color, ${l.w.mbColors.dark}); font-family: Krub; font-weight: 600; letter-spacing: -0.2px; &[data-type='headline-1'] { font-size: 40px; line-height: 60px; } &[data-type='headline-2'] { font-size: 32px; line-height: 48px; } &[data-type='headline-3'] { font-size: 24px; line-height: 40px; } &[data-type='headline-4'] { font-size: 18px; line-height: 32px; } `,c=i.A.p` color: var(--text-color, ${l.w.mbColors.dark}); letter-spacing: -0.2px; &[data-type='subtitle-1'] { font-size: 16px; font-weight: 600; line-height: 26px; } &[data-type='subtitle-2'] { font-size: 14px; font-weight: 500; line-height: 24px; } &[data-type='subtitle-3'] { font-size: 12px; font-weight: 500; line-height: 20px; } &[data-type='bodytext-1'] { font-size: 16px; font-weight: 400; line-height: 28px; } &[data-type='bodytext-2'] { font-size: 14px; font-weight: 400; line-height: 24px; } &[data-type='bodytext-3'] { font-size: 12px; font-weight: 400; line-height: 20px; } &[data-type='caption-1'] { font-size: 10px; font-weight: 500; letter-spacing: -0.1px; line-height: 14px; } &[data-type='caption-2'] { font-size: 10px; font-weight: 400; letter-spacing: -0.1px; line-height: 14px; } `,MarryBabyHeading=e=>{var{type:t,color:a,style:r}=e,i=(0,n.a)(e,["type","color","style"]);return o().createElement(s,Object.assign({type:t,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[t],style:Object.assign(Object.assign({},a&&{"--text-color":a}),r)},i))},MarryBabyText=e=>{var{type:t,color:a,style:r}=e,i=(0,n.a)(e,["type","color","style"]);return o().createElement(c,Object.assign({"data-type":t,style:Object.assign(Object.assign({},r),a&&{"--text-color":a})},i))}},"27Mu":function(e,t,a){a.d(t,{Ri:function(){return getCookie},TV:function(){return setCookie},Yj:function(){return deleteCookie}});let getCookie=e=>{if("undefined"==typeof window)return;let t=`; ${document.cookie}`,a=t.split(`; ${e}=`);if(2===a.length)return a.pop().split(";").shift()},setCookie=(e,t,a)=>{if("undefined"==typeof window)return;let n="",{days:r,minutes:o,domain:i,path:l}=a||{};if(null==a?void 0:a.expires)n=`; expires=${a.expires}`;else if(r||o){let e=new Date;r?e.setTime(e.getTime()+864e5*r):e.setTime(e.getTime()+6e4*o),n="; expires="+e.toUTCString()}document.cookie=e+"="+(t||"")+n+"; path="+(l||"/")+(i?"; domain="+i:"")},deleteCookie=e=>{"undefined"!=typeof window&&(document.cookie=e+"=; Max-Age=-99999999; path=/")}},luvD:function(e,t,a){a.d(t,{T:function(){return r}});var n=a("+OUp");let r=(0,n.createContext)(null)},UYRA:function(e,t,a){a.d(t,{t:function(){return o},u:function(){return useSetCaptureUrlPageParams}});var n=a("+OUp"),r=a("d/ZZ");function useSetCaptureUrlPageParams(){let{action:e}=(0,n.useContext)(r.T);return e.setCaptureUrlPageParams}var o=Object.freeze({__proto__:null})},tDPp:function(e,t,a){a.d(t,{a:function(){return useUniqueId},u:function(){return useInitialMount}});var n=a("+OUp");let useInitialMount=()=>{let e=(0,n.useRef)(!0);return!!e.current&&(e.current=!1,!0)},r=0,useUniqueId=()=>{let e=(0,n.useRef)(""),t=useInitialMount();return t&&(r+=1,e.current=`hhg-gen-id${r}`),e.current}},m2uH:function(e,t,a){let n;a.d(t,{A:function(){return rng}});let r=new Uint8Array(16);function rng(){if(!n&&!(n="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)))throw Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return n(r)}},"3uuB":function(e,t,a){a.d(t,{k:function(){return unsafeStringify}});let n=[];for(let e=0;e<256;++e)n.push((e+256).toString(16).slice(1));function unsafeStringify(e,t=0){return n[e[t+0]]+n[e[t+1]]+n[e[t+2]]+n[e[t+3]]+"-"+n[e[t+4]]+n[e[t+5]]+"-"+n[e[t+6]]+n[e[t+7]]+"-"+n[e[t+8]]+n[e[t+9]]+"-"+n[e[t+10]]+n[e[t+11]]+n[e[t+12]]+n[e[t+13]]+n[e[t+14]]+n[e[t+15]]}},"77Jp":function(e,t){var a,n;Object.defineProperty(t,"__esModule",{value:!0}),t.Doctype=t.CDATA=t.Tag=t.Style=t.Script=t.Comment=t.Directive=t.Text=t.Root=t.isTag=t.ElementType=void 0,(n=a=t.ElementType||(t.ElementType={})).Root="root",n.Text="text",n.Directive="directive",n.Comment="comment",n.Script="script",n.Style="style",n.Tag="tag",n.CDATA="cdata",n.Doctype="doctype",t.isTag=function(e){return e.type===a.Tag||e.type===a.Script||e.type===a.Style},t.Root=a.Root,t.Text=a.Text,t.Directive=a.Directive,t.Comment=a.Comment,t.Script=a.Script,t.Style=a.Style,t.Tag=a.Tag,t.CDATA=a.CDATA,t.Doctype=a.Doctype}}]);