"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3097],{Ivnr:function(e,t,n){n.r(t),n.d(t,{ProfileChatbot:function(){return ProfileChatbot},TabDataInit:function(){return E},TabName:function(){return o},UserType:function(){return i}});var a,r,o,i,l=n("XBaX"),s=n("q1tI"),c=n("SFAh"),d=n("qSbm"),p=n("KMnL"),u=n("IQVP"),m=n("Czgk"),h=n("WedE"),v=n("vWP/"),g=n("4JiQ"),b=n("Zzgq"),f=n("qpOh");n("NmYn"),n("gY0P"),n("Wgwc"),n("QgiU"),n("rBCA");let x=(0,s.createContext)({}),Faqs=({faqs:e})=>{let[t,n]=(0,s.useState)([]),handleClick=e=>{if(t.includes(e)){let a=t.filter(t=>t!==e);n(a)}else n(t=>[...t,e])};return s.createElement("div",{className:"_0NhMo6T"},e.map((e,n)=>{let a=t.includes(n);return s.createElement("div",{className:"nrZtZ-u",key:n},s.createElement("div",{className:"faq-item",onClick:()=>handleClick(n)},s.createElement("div",{className:"faq-question",dangerouslySetInnerHTML:{__html:e.question||""}}),a?s.createElement(h.Z,null):s.createElement(v.Z,null)),s.createElement(g.U,{in:a,className:"faq-answer"},s.createElement("div",{dangerouslySetInnerHTML:{__html:e.answer||""}})))}))};var y={container:"_2ugC2Ll",body:"CCwRHCd",description:"RF63WXG",cardAuthorWrapper:"PIaeC0v"};let formatExperience=e=>e?{title:null==e?void 0:e.title,organization:null==e?void 0:e.organization,duration:e.duration}:{},formatEducation=e=>e?{completedYear:null==e?void 0:e.completed_year,schoolName:e.school_name,study:e.study}:{};(a=o||(o={}))[a.About=0]="About",a[a.Care=1]="Care",a[a.Answer=2]="Answer",a[a.Posts=3]="Posts",(r=i||(i={}))[r.Expert=0]="Expert",r[r.User=1]="User";let E={experiences:[],relatedPosts:[],educations:[],awards:[],contact:{},data:{}},ProfileChatbot=e=>{var{authorProps:t,authActionWrapper:n,onSkipQuestion:a,onCloseFromPost:r,onChatWithBot:o,showSkipQuestionTag:i,currentPageUrl:h}=e,v=(0,l._)(e,["authorProps","authActionWrapper","onSkipQuestion","onCloseFromPost","onChatWithBot","showSkipQuestionTag","currentPageUrl"]);let{data:{locale:g,userInfo:E,env:{isMarryBaby:I}}}=(0,s.useContext)(m.T),C=String(null==t?void 0:t.userId),[k,T]=(0,s.useState)(),[w,F]=(0,s.useState)(!1),[S,N]=(0,s.useState)(),[P,_]=(0,s.useState)([]),[$,L]=(0,s.useState)(""),O=(null==E?void 0:E._togetherUserId)===(null==t?void 0:t.userId),[B,j]=(0,s.useState)(1),A={value:String(B),dataList:[{value:"1",text:"FAQs",content:s.createElement(Faqs,{faqs:P})}],onTabChange:e=>j(Number(e))};return(0,s.useEffect)(()=>{(0,l.a)(void 0,void 0,void 0,function*(){var e,t,n,a,r,o,i,l,s,c,d;F(!0);let h=yield Promise.all([(0,m.c)((0,m.f)(u.yy.USER.DETAIL,{_locale:g,id:C}),"GET"),(0,m.c)((0,m.f)(u.yy.CHATBOT.PROFILE,{_locale:g}),"GET"),(0,m.c)((0,m.f)(u.yy.CHATBOT.FAQS_LIST,{_locale:g}),"GET")]),[v,b,f]=h,x={data:null==v?void 0:v.data,experiences:((null===(t=null===(e=null==v?void 0:v.data)||void 0===e?void 0:e.fields)||void 0===t?void 0:t.experiences)||[]).map(formatExperience),relatedPosts:((null===(n=null==v?void 0:v.data)||void 0===n?void 0:n.related_post)||[]).map(e=>(0,p.b)(e.post)),educations:((null===(r=null===(a=null==v?void 0:v.data)||void 0===a?void 0:a.fields)||void 0===r?void 0:r.educations)||[]).map(formatEducation),awards:(null===(i=null===(o=null==v?void 0:v.data)||void 0===o?void 0:o.fields)||void 0===i?void 0:i.awards_accreditations)||[],contact:(null===(s=null===(l=null==v?void 0:v.data)||void 0===l?void 0:l.fields)||void 0===s?void 0:s.contact)||{}};(null==v?void 0:v.status)===1&&N(x),_((null===(c=null==f?void 0:f.data)||void 0===c?void 0:c.faqs)||[]),L((null===(d=null==b?void 0:b.data)||void 0===d?void 0:d.description)||""),F(!1)})},[]),s.createElement(x.Provider,{value:{isMarryBaby:I,siteType:I?"marryBaby":"helloSites",authorId:String((null==t?void 0:t.userId)||""),authActionWrapper:n,onSkipQuestion:a,info:S,authorProps:t,onCloseFromPost:r,countValues:k,setCountValues:T,isAuthorLogin:O,showSkipQuestionTag:i,currentPageUrl:h}},s.createElement("div",Object.assign({},v,{className:`${y.container} ${(null==v?void 0:v.className)||""}`,"data-is-marrybaby":I}),w?s.createElement(d.L,null):s.createElement(s.Fragment,null,s.createElement("div",{className:y.cardAuthorWrapper},s.createElement(b.C,Object.assign({},t,{className:"card-author",showDetailPopup:!1,showChatbotButton:g===f.L.Vietnam,onChatWithBot:o}))),s.createElement("div",{className:y.description,dangerouslySetInnerHTML:{__html:$}}),P.length>0&&s.createElement("div",{className:y.body},s.createElement(c.T,Object.assign({},A))))))}},SFAh:function(e,t,n){n.d(t,{T:function(){return Tabs}});var a=n("XBaX"),r=n("q1tI"),o=n("aKYm"),i=n("VLUI"),l=n("/npG"),s=n("mYVa"),c=n("rlLN"),d=n("vaps"),p=n("k1Nl"),u=n("HalR"),m=(0,l.k)((e,t)=>{let{variant:n}=t,a={content:"none",top:0,bottom:0,zIndex:1,width:(0,s.h)(56)};return Object.assign({},"inline"===n&&{root:{},tabsList:{gap:(0,s.h)(24),borderBottom:"none",flexWrap:"nowrap"},tab:{padding:`${(0,s.h)(8)} 0`,color:e.colors.gray[4],borderColor:"transparent",borderBottomWidth:(0,s.h)(2),marginBottom:(0,s.h)(-1),transition:"border 0.2s ease","&:hover":{backgroundColor:"initial",borderColor:"transparent"},"&[data-active='true']":{color:e.fn.primaryColor(),borderColor:e.fn.primaryColor()}},tabRightSection:{},tabLabel:{},tabIcon:{},panel:{},scrollArea:{position:"relative","&.prev-bg":{"&:before":Object.assign(Object.assign({},a),{content:'""',position:"absolute",left:0,background:"linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%)"})},"&.next-bg":{"&:after":Object.assign(Object.assign({},a),{content:'""',position:"absolute",right:0,background:"linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%)"})}},list:{borderBottom:`1px solid ${e.colors.neutral[1]}`},btn:{position:"absolute",top:"50%",zIndex:2,transform:"translate(0, -50%)",width:(0,s.h)(28),height:(0,s.h)(28),padding:0,background:"white",borderRadius:"50%",cursor:"pointer",filter:"drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))",".mantine-Button-icon":{display:"flex",alignItems:"center",justifyContent:"center"},"&.disabled":{opacity:0,zIndex:0}},prevBtn:{left:0},nextBtn:{right:0}})});let Tabs=e=>{var t,{variant:n="inline",value:l,styles:s,children:h,dataList:v=[],tabProps:g,listProps:b,panelProps:f,TabComponentDisplay:x,startPadding:y=40,defaultValue:E}=e,I=(0,a._)(e,["variant","value","styles","children","dataList","tabProps","listProps","panelProps","TabComponentDisplay","startPadding","defaultValue"]);let{cx:C,classes:k}=m({variant:n},{name:"Tabs",styles:s}),T=(0,r.useRef)(null),w=(0,r.useRef)([]),[F,S]=(0,r.useState)(E||(null===(t=null==v?void 0:v[0])||void 0===t?void 0:t.value)),[N,P]=(0,r.useState)(0),[_,$]=(0,r.useState)(!1),[L,O]=(0,r.useState)(!0),[B,j]=(0,r.useState)({x:0,y:0}),A=(0,r.useRef)(null),W=Object.assign({defaultValue:E,classNames:k},h?{value:l}:{value:F,onTabChange:e=>S(e)});(0,r.useEffect)(()=>{S(l)},[l]),(0,r.useEffect)(()=>{var e,t,n;null===(e=A.current)||void 0===e||e.scrollTo({left:(null===(n=null===(t=null==w?void 0:w.current)||void 0===t?void 0:t[N])||void 0===n?void 0:n.offsetLeft)-y,behavior:"smooth"})},[N]),(0,r.useEffect)(()=>{P(v.findIndex(e=>e.value==F))},[F]),(0,r.useEffect)(()=>{var e,t;O(0===B.x),$((null===(e=null==A?void 0:A.current)||void 0===e?void 0:e.clientWidth)+B.x===(null===(t=null==A?void 0:A.current)||void 0===t?void 0:t.scrollWidth))},[B]);let TabTextComponent=({text:e,dataEventCategory:t,dataEventAction:n,dataEventLabel:a})=>x?r.createElement(x,null,e):r.createElement(u.T,{size:"s3",color:"inherit",weight:"semiBold","data-event-category":t,"data-event-action":n,"data-event-label":a},e);return r.createElement(c.m,Object.assign({},W,I),h||r.createElement(r.Fragment,null,r.createElement(d.x,{className:C(k.scrollArea,`${L?"":"prev-bg"} ${_?"":"next-bg"}`),scrollbarSize:0,viewportRef:A,onScrollPositionChange:j},r.createElement(c.m.List,Object.assign({className:k.list,ref:T},b),v.map((e,t)=>r.createElement(c.m.Tab,Object.assign({ref:e=>w.current[t]=e,className:k.tab,key:String(e.value),value:String(e.value)},g),r.createElement(TabTextComponent,Object.assign({},e))))),r.createElement(p.B,{className:C(k.btn,k.prevBtn,L?"disabled":""),unstyled:!0,onClick:()=>P(N-1>-1?N-1:0),leftIcon:r.createElement(o.Z,{size:16})}),r.createElement(p.B,{className:C(k.btn,k.nextBtn,_?"disabled":""),unstyled:!0,onClick:()=>P(N+1r.createElement(c.m.Panel,Object.assign({value:String(e.value),key:String(e.value)},f),e.content))))};Tabs.List=c.m.List,Tabs.Tab=c.m.Tab,Tabs.Panel=c.m.Panel},qSbm:function(e,t,n){n.d(t,{L:function(){return Loading}});var a=n("q1tI"),r=n("RVQf"),o=n("cw2P");let Loading=({className:e,size:t="md"})=>{let{t:n}=(0,r.u)();return a.createElement("div",{className:`PD6nRZX ${e}`},a.createElement(o.B,{size:t,color:"transparent",isLoading:!0},n("loading")))}},uNLz:function(e,t,n){n.d(t,{C:function(){return ChoiceField},T:function(){return TextField},i:function(){return T},u:function(){return h}});var a=n("/npG"),r=n("iuhU"),o=n("Eso5"),i=n("8vDj"),l=n("O8A1"),s=n("XBaX"),c=n("q1tI"),d=n("ChHM"),p=n("AeFk"),u=n("rBCA"),m=n("iBNF"),h=(0,a.k)(e=>(0,l.G)(e)[l.C.LEADGEN]);let v=(0,c.createContext)({}),g=p.iv` height: 100% !important; min-height: calc(var(--container-height, 56px) * 24 / 56); line-height: calc(var(--container-height, 56px) * 24 / 56); border: none !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; padding: 0; cursor: pointer; /* opacity: 0; */ ::placeholder { color: ${m.r.colors.gray400}; } `,b=p.iv` height: auto !important; cursor: text; opacity: 1; transition: 0.1s ease-in-out all; `,f=p.iv` position: absolute; top: calc(var(--container-height) / 2); left: var(--space-x, 16px); margin: 0; z-index: 1; cursor: pointer; transform: translateY(-50%); transition: 0.125s ease-in all; right: 0; // auto grow width `,x=p.iv` top: var(--space-y-shrink, 6px); transform: translateY(0); transition: 0.125s ease-out all; right: 0; // auto grow width `,y=p.iv` min-height: var(--container-height, 56px); display: flex; align-items: flex-end; border: 1px solid ${m.r.colors.gray200}; border-radius: 8px; background-color: #fff; padding-inline: var(--space-x, 16px); padding-block: var(--space-y-not-shrink, 16px); cursor: pointer; pointer-events: none; &:has(.mantine-Input-rightSection) { padding-right: var(--container-height, 56px); } .mantine-Input-icon { display: none; } .mantine-NumberInput-control { border-color: ${m.r.colors.gray200}; } `,E=p.iv` height: auto; min-height: var(--container-height, 56px); padding-block: var(--space-y-shrink, 6px); cursor: text; pointer-events: auto; `,I=p.iv` color: ${m.r.colors.red800}; font-size: 12px; line-height: 1.5; `,C=u.Z.div` --space-x: 16px; --space-y-not-shrink: 15px; --space-y-shrink: 6px; --container-height: 56px; --label-not-shrink: 16px; --label-shrink: 12px; --input: 15px; position: relative; min-width: 100px; max-width: 100%; display: inline-block; .textField_wrapper { display: inline-block; width: 100%; cursor: pointer; } .mantine-InputWrapper-root { &[data-invalid='true'] { .mantine-Input-wrapper { border-color: ${m.r.colors.red400}; } } .mantine-Input-wrapper { &:has([data-invalid]) { border-color: ${m.r.colors.red400}; } } } .mantine-InputWrapper-label { ${f} } .mantine-Input-wrapper { ${y} + .mantine-Popover-dropdown[data-position="bottom-start"] { left: 0 !important; } + .mantine-Popover-dropdown[data-position='top-start'] { top: unset !important; left: 0 !important; bottom: 100% !important; } } .mantine-Input-input { ${g} } &.textField_shrink { .mantine-InputWrapper-label { ${x} } .mantine-Input-wrapper { ${E} &.mantine-Select-wrapper { .mantine-Select-rightSection { pointer-events: auto !important; } } } .mantine-Input-input { ${b} } &:has(.PhoneInput) { .mantine-InputWrapper-label { left: var(--space-x, 16px); } .PhoneInput { .PhoneInputInput { opacity: 1; } } } } &:focus-within { .mantine-Input-wrapper { transition: 0.25s linear border; border-color: ${m.r.colors.primary600}; box-shadow: 0 0 4px ${m.r.colors.primary200}; } } .PhoneInput { --phone-select: 75px; --phone-input-space-x: 8px; width: 100%; opacity: 1; border: none; .PhoneInputCountry { background-color: transparent; border: none; padding: 0; width: var(--phone-select, 75px); } .PhoneInputInput { flex: 1; min-width: 0; line-height: 1.5; outline: none !important; border: none; box-shadow: none; font-size: var(--input, 15px); padding: 0 var(--phone-input-space-x, 8px); /* opacity: 0; */ color: ${m.r.colors.gray800} !important; :focus { color: ${m.r.colors.gray800} !important; } } } &:has(.PhoneInput) { .mantine-InputWrapper-label { left: calc( var(--space-x, 16px) + var(--phone-select, 75px) + var(--phone-input-space-x, 8px) ); } } .icon { position: absolute; top: calc(var(--container-height) / 2); right: var(--space-x, 16px); transform: translateY(-50%); transition: 0.125s ease-in all; &.shrink { top: calc(var(--container-height) / 2 - 4px); transform: translateY(0); } } `,k=u.Z.div` &.leadgen-form_checkbox, &.leadgen-form_radio { width: 100%; } &.leadgen-form_dropdown { width: calc(50% - 12px); } .mantine-InputWrapper-root { display: block; } .mantine-InputWrapper-label { margin-bottom: 0.5rem; color: ${m.r.colors.gray800}; font-size: 16px; font-weight: 400; line-height: 1.5; } .mantine-Radio-root, .mantine-Checkbox-root { gap: 8px; min-width: calc(50% - 4px); // input[type='radio'], // input[type='checkbox'] { // border-color: ${m.r.colors.gray600}; // width: 18px; // height: 18px; // } // input[type='checkbox'] { // border-radius: 4px; // } // &[data-checked='true'] { // input[type='radio'], // input[type='checkbox'] { // border-color: ${m.r.colors.primary600}; // } // input[type='radio'] { // background-color: white; // } // } .mantine-Checkbox-input { &:checked { border-color: ${m.r.colors.primary600}; } } } .leadgen-choiceContainer { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; } .mantine-InputWrapper-error { ${I} } `;u.Z.div` position: absolute; top: calc(var(--container-height) / 2); right: var(--space-x, 16px); `;let TextField=e=>{let{shrink:t,onChangeShrink:n,children:a,className:o}=e,i=(0,s._)(e,["shrink","onChangeShrink","children","className"]),[l,d]=(0,c.useState)(t),[p,u]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{d(t)},[t]),c.createElement(v.Provider,Object.assign({value:{shrinkProps:t,shrink:l,setShrink:d,onChangeShrink:n,hasIcon:p,setHasIcon:u}},i),c.createElement(C,Object.assign({shrink:l,className:(0,r.default)(o,"textField",{textField_shrink:!!l})},i),a))},TextFieldControl=e=>{let{shrink:t,shrinkProps:n,onChangeShrink:a,setShrink:r,hasIcon:i}=(0,c.useContext)(v),{children:l,htmlFor:s}=e,p=(0,d.O)(()=>{n||(r(!1),null==a||a(!1))}),focusInput=e=>{setTimeout(()=>{let t=e.querySelectorAll('input:not([disabled]):not([type="submit"]),select:not([disabled]),textarea:not([disabled])'),n=t.item(t.length-1);n&&n.focus({preventScroll:!0})},150)},u=(0,c.useCallback)(e=>{if(t){focusInput(e.currentTarget);return}r(!0),null==a||a(!0),focusInput(e.currentTarget)},[t]);return(0,c.useEffect)(()=>{r(n)},[n]),c.createElement(o.x,{ref:p,onClick:u,className:"textField_wrapper",component:s?"label":"div",htmlFor:s},"function"==typeof l?l({shrink:!!t,hasIcon:i}):l)},TextFieldIcon=({Icon:e})=>{let{shrink:t,setHasIcon:n}=(0,c.useContext)(v),a=(0,i.rZ)();return(0,c.useEffect)(()=>{e&&n(!0)},[]),e?c.createElement(e,{className:`icon ${t?"shrink":""}`,shrink:t,size:24,color:a.colors.gray[9]}):null};TextField.Control=TextFieldControl,TextField.Icon=TextFieldIcon;let ChoiceField=e=>{let{children:t,className:n}=e,a=(0,s._)(e,["children","className"]);return c.createElement(k,Object.assign({className:(0,r.default)(n,"choiceField")},a),t)};var T=Object.freeze({__proto__:null,TextField:TextField,TextFieldControl:TextFieldControl,TextFieldIcon:TextFieldIcon,ChoiceField:ChoiceField})},"6p9C":function(e,t,n){n.d(t,{D:function(){return DatePicker}});var a=n("XBaX"),r=n("q1tI"),o=n("8vDj"),i=n("gHhT"),l=n("catb"),s=n("LBVr"),c=n("0aVn"),d=n("BSZG"),p=n("qpOh"),u=n("yNk5");let DatePicker=e=>{var t,{value:n,fullWidth:m=!0}=e,h=(0,a._)(e,["value","fullWidth"]);let v=(0,o.rZ)(),g="mb"===v.other.template,b=null===(t=s.I[u.env.UNIFY_LOCALE||p.L.Vietnam])||void 0===t?void 0:t.dateFormat;return r.createElement(l.a,Object.assign({locale:d.M[u.env.UNIFY_LOCALE||p.L.Vietnam],valueFormat:b,size:"md",clearable:!1,popoverProps:m?{styles:{dropdown:{minWidth:"100%",display:"flex",justifyContent:"center",alignItems:"center"}}}:{},styles:{root:{position:"relative"},rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:r.createElement(i.E,{src:c.C.getAssetPath(g?"MB-calendar.svg":"OutlineCalendar.svg"),width:18,height:18}),value:n,placeholder:b},h,{className:`input-control ${(null==h?void 0:h.className)||""}`}))}},"X9f/":function(e,t,n){n.d(t,{I:function(){return Indicator}});var a=n("XBaX"),r=n("q1tI"),o=n("QJsO"),i=n("iBNF");let Indicator=e=>{var{styles:t,color:n=i.r.colors.red700}=e,l=(0,a._)(e,["styles","color"]);return r.createElement(o.z,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({processing:{animationDirection:"alternate"}},t),color:n},l))}},RVQf:function(e,t,n){n.d(t,{f:function(){return format},u:function(){return useTranslations}});var a=n("q1tI"),r=n("R8gA");function format(e,t){let n=[e];return(Object.keys(t).forEach(e=>{n=function(e,t,n){let r=[];return e.forEach(e=>{if("string"==typeof e){let o=RegExp(`\\{${n}\\}`,"gi");if("string"==typeof t||"number"==typeof t)r.push(e.replace(o,`${t}`));else{let n=e.split(o);n.forEach((e,o)=>{e&&(function(e){let t=[],n=!1,r=!1;return e.match(/^\s+/gi)&&(e=e.replace(/^\s+/gi,""),n=!0),e.match(/\s+$/gi)&&(e=e.replace(/\s+$/gi,""),r=!0),n&&t.push(a.createElement(a.Fragment,null,"\xa0")),t.push(e),r&&t.push(a.createElement(a.Fragment,null,"\xa0")),t})(e).forEach(e=>r.push(e)),o+1"string"==typeof e)?n.join(""):a.createElement(a.Fragment,null,n.map((e,t)=>a.createElement(a.Fragment,{key:t},e)))}function useTranslations(){let{values:e,locale:t}=(0,a.useContext)(r.T)||{locale:"en-PH"};return(0,a.useMemo)(()=>({t:(t,n)=>e?e[t]?n?format(e[t]||t,n):e[t]||t:n?format(t,n):t:t,locale:t}),[e,t])}}}]);