@hhgtech/hhg-components 1.27.115 → 1.27.117

package/build/esm/onboarding.js

@@ -1 +1 @@
-import{a as e,_ as o}from"./tslib.es6-ac3afa23.js";import t,{useContext as n,useState as r,useRef as a,useEffect as i,useMemo as s,useCallback as l}from"react";import{Input as c,Grid as d,Title as m}from"@mantine/core";import{useInterval as p,useCounter as u}from"@mantine/hooks";import{B as g}from"./index-72ccbc84.js";import{x as b,aH as h,K as E,aI as f,aJ as v,ak as y,y as w,I as S}from"./index.styles-70158aec.js";import{u as P,a as j,F as k,O as C,b as x}from"./index-f2e5ccac.js";import{u as B}from"./useTranslations-b80f6cea.js";import"lodash/debounce";import"./isProduction-1a2ee964.js";import{L as z}from"./index-09c17ca0.js";import"./useCategory-04f78bbd.js";import{O as T}from"./Onboarding-03e07675.js";export{O as OnboardingStep}from"./Onboarding-03e07675.js";import"dayjs";import{M as N}from"./screenSizeContext-823a0ed3.js";import"styled-components";import{t as F}from"./theme-1fbc994e.js";import"./gAssets.js";import{S as I,a as L,b as q,c as A,d as V,e as D,f as _,g as U,h as R,i as H}from"./index.styled-54cd15cf.js";import{yupResolver as W}from"@mantine/form";import"./index-7cae1139.js";import"./index-8c194e19.js";import"@mantine/dates";import{D as Y}from"./index-cd94eec4.js";import{A as $}from"./index-948c3689.js";import{V as G}from"./Visible-8321b81d.js";import{M as Z,h as K}from"./utils-6efd33c7.js";export{M as MAPPED_LOCALE}from"./utils-6efd33c7.js";import*as J from"yup";import Q from"lodash/throttle";import{T as X}from"./index-f5c58742.js";import{format as ee}from"date-fns";import"./translationsContext-93c2cf4e.js";import"string-format";import"react-keyed-flatten-children";import"@mantine/carousel";import"./useUniqueId-85a1867a.js";import"./cookieHelper-48427295.js";import"slugify";import"date-fns/locale";const oe=({inputOrder:e=["phone"],withSimilac:o=!1,customTerms:n=""})=>{const{t:r}=B(),a=P(),i=t.createElement(c.Wrapper,Object.assign({className:o?"input-control":"phone-input",withAsterisk:!0},o?{label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.phone"))}:{}),t.createElement(h,Object.assign({defaultCountry:Z[process.env.UNIFY_LOCALE]||"VN"},a.getInputProps("phone"))),t.createElement(c.Error,{size:"md"},a.errors.phone)),s=t.createElement(E,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourName")),withAsterisk:!0},a.getInputProps("name"))),l=t.createElement(E,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourEmail")),withAsterisk:!0},a.getInputProps("email"))),d=t.createElement(Y,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},a.getInputProps("dob"))),m=t.createElement(f.Group,Object.assign({className:"radio-group",label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("bmi.selectGender"))},a.getInputProps("gender")),t.createElement(f,{value:"0",label:r("onboarding.formEmail.genderMale")}),t.createElement(f,{value:"1",label:r("onboarding.formEmail.genderFemale")})),p=t.createElement("div",{className:"otp-input"},t.createElement(v,Object.assign({enterKeyHint:void 0,nonce:void 0},a.getInputProps("otp"))),t.createElement(c.Error,null,a.errors.otp)),u=t.createElement(E.Password,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:t.createElement(G,null)},a.getInputProps("password"))),g=t.createElement(E.Wrapper,Object.assign({},a.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),t.createElement(y,{label:n?t.createElement(b,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},n):t.createElement(b,{size:"p4",as:"span"},"Tôi đã đọc và đồng ý với các điều khoản và chương trình của"," ",t.createElement("a",null,t.createElement(b,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",t.createElement("a",null,t.createElement(b,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Abbott Similac"))," ","và được hướng dẫn cách ngưng chương trình"),onChange:e=>{a.setFieldValue("term",e.currentTarget.checked)}}),t.createElement(c.Error,{size:"md"},a.getInputProps("term",{type:"checkbox"}).error)),w=t.createElement($,Object.assign({className:"input-control",label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.address"))},a.getInputProps("address"))),S=t.createElement(E.Password,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:t.createElement(G,null)},a.getInputProps("confirmPassword"))),j=e.map((e=>({phone:i,full_name:s,email:l,dob:d,gender:m,otp:p,password:u,confirm_password:S,term:g,address:w}[e]||null)));return t.createElement(I,null,j)},te=e=>J.object().shape({phone:J.string().required(e("onboarding.updatePhone.error")).default("")}),ne=e=>J.object().shape({phone:J.string().required(e("onboarding.updatePhone.error")).default(""),name:J.string().required(e("onboarding.errorMessage.requiredName")),email:J.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:J.mixed().required(e("onboarding.similac.address.error")),term:J.bool().oneOf([!0],e("onboarding.similac.term.error"))}),re=e=>J.object().shape({otp:J.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),ae=e=>J.object().shape({email:J.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:J.string().required(e("onboarding.errorMessage.requiredName"))}),ie=e=>J.object().shape({password:J.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:J.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([J.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),se=({onClose:o,onSubmit:n,canSkip:r=!0,customFormTexts:a})=>{const{t:i}=B(),s=j({initialValues:{phone:""},validate:W(te(i))});return t.createElement(L,{heading:(null==a?void 0:a.heading)||i("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||i("onboarding.updatePhone.description")},t.createElement(k,{form:s},t.createElement("form",{onSubmit:s.onSubmit((o=>e(void 0,void 0,void 0,(function*(){n(o.phone)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["phone"]}),t.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},i("onboarding.button.continue")),r&&t.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:o,type:"button"},i("onboarding.button.skip")))))},le=n=>{var{onClose:r,onSubmit:a,canSkip:i=!0,customFormTexts:s,customTerms:l,defaultValues:c}=n,d=o(n,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:m}=B(),{isMobile:p}=w(),u=j({initialValues:Object.assign({phone:"",term:!1},c),validate:W(ne(m))});return t.createElement(L,Object.assign({heading:(null==s?void 0:s.heading)||m("onboarding.updatePhone.heading"),description:(null==s?void 0:s.description)||m("onboarding.updatePhone.description"),hiddenLogo:p},d),t.createElement(k,{form:u},t.createElement("form",{onSubmit:u.onSubmit((o=>e(void 0,void 0,void 0,(function*(){a(o)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["full_name","email","phone","address","term"],withSimilac:!0,customTerms:l}),t.createElement(S,{fullWidth:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},m("onboarding.button.continue")),i&&t.createElement(S,{variant:"ghost",fullWidth:!0,size:"lg",onClick:r,type:"button"},m("onboarding.button.skip")))))},ce=e=>{var{withSimilac:n=!1}=e,r=o(e,["withSimilac"]);return n?t.createElement(le,Object.assign({},r)):t.createElement(se,Object.assign({},r))},de=({onSubmit:o,phone:l,email:c,onResendCode:d,otpError:m,onClose:b,loading:h,onBack:E,canSkip:f,outOfEdit:v})=>{const{siteType:y,isMarryBaby:w}=n(C),[S,P]=r(30),O=p((()=>P((e=>e-1))),1e3),[M,x]=u(0,{min:0,max:3}),z=a(!0),{t:T}=B();i((()=>(O.start(),O.stop)),[]),i((()=>{0===S&&(O.stop(),z.current=!1)}),[S]);const N=j({initialValues:{otp:""},validate:W(re(T))});i((()=>{m&&N.setFieldError("otp",m)}),[m]);const I=s((()=>Q((()=>{z.current||(x.increment(),P(30),null==d||d(l||c),O.start(),z.current=!0)}),1e3,{trailing:!1})),[l,c,d,O]);return t.createElement(q,{heading:T("onboarding.otpForm.heading"),description:t.createElement(t.Fragment,null,t.createElement("span",{dangerouslySetInnerHTML:{__html:l?T("onboarding.otpForm.description",{phone:`<b style="color:${F.colors.gray800}">${l.slice(0,-3).replace(/./g,"x").concat(l.slice(-3))}</b>`}):T("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${F.colors.gray800}">${K(c)}</b>`})}}),!v&&t.createElement("svg",{onClick:()=>{null==E||E()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},t.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},t.createElement(k,{form:N},t.createElement("form",{onSubmit:N.onSubmit((t=>e(void 0,void 0,void 0,(function*(){x.increment(),o(t.otp)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["otp"]}),t.createElement("div",{className:"resend"},t.createElement(X,{size:"p4",color:F.colors.gray400},T("onboarding.otpForm.notReceiveOTP")),t.createElement(X,{as:"a",size:"p4",color:w?F.mbColors.pink:F.colors.primaryBase,onClick:I},T("onboarding.otpForm.resendCode",{seconds:S}))),t.createElement(g,{theme:y,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:h,disabled:h,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},T("onboarding.button.continue")),f&&M>=3&&t.createElement(g,{theme:y,color:"ghost",isBlock:!0,size:"lg",onClick:b,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none",type:"button"},T("onboarding.button.skip")))))},me=({onClose:e,onSubmit:o,canSkip:r,loading:a,errorMessage:s,initialData:l})=>{const{t:c,locale:d}=B(),{siteType:m,isMarryBaby:p}=n(C),u=j({validate:W(ae(c))});return i((()=>{u.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),i((()=>{s&&u.setFieldError("email",s)}),[s]),t.createElement(x,{heading:c("onboarding.formEmail.heading"),description:c("onboarding.formEmail.description",{site:p?"Marry Baby":z[d].SITE_NAME_FORMATTED})},t.createElement(k,{form:u},t.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&ee(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},t.createElement(oe,{inputOrder:["full_name","email","dob","gender"]}),t.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:m,isLoading:a,disabled:a},c("onboarding.button.continue")),r&&t.createElement(g,{theme:m,color:"ghost",isBlock:!0,size:"lg",onClick:e},c("onboarding.button.skip")))))},pe=({onClose:e,onSubmit:o,canSkip:n,errorMessage:r,loading:a})=>{const{t:i}=B(),s=j({initialValues:{password:"",confirmPassword:""},validate:W(ie(i))});return t.createElement(x,{heading:i("onboarding.updatePassword.heading"),description:i("onboarding.updatePassword.description")},t.createElement(k,{form:s},t.createElement("form",{className:"form",onSubmit:s.onSubmit((e=>o((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},t.createElement(oe,{inputOrder:["password","confirm_password"]}),t.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:a,disabled:a},i("onboarding.button.continue")),n&&t.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e},i("onboarding.button.skip")),r&&t.createElement(c.Error,{className:"form-error"},r))))},ue=n=>{var{banner:a,canSkip:i,createPassError:s,createPassLoading:c,customFormTexts:p,emailLoading:h,flow:E=[T.Phone,T.OTP],initialData:f,onClose:v,onCreatePassByEmail:y,onOtpSubmit:S,onPersonalInfoSubmit:P,onPhoneSubmit:j,onResendCode:k,otpError:O,otpLoading:M,personalInfoError:z,resultScreenProps:I,siteType:L,step:q,withSimilac:W=!1,similacFormProps:Y}=n,$=o(n,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step","withSimilac","similacFormProps"]);const{t:G}=B(),[Z,K]=r(q||E[0]),[J,Q]=r(""),[X,ee]=r(""),[oe,te]=u(0,{min:0,max:2}),{isMobile:ne}=w(),re=l((()=>{const e=E.indexOf(Z)+1;e<=E.length-1&&K(E[e])}),[Z]),ae=l((()=>{const e=E.indexOf(Z)-1;e>=0&&K(E[e])}),[Z]),ie=o=>e(void 0,void 0,void 0,(function*(){try{!(yield S(o))&&re()}catch(e){console.error(e)}})),se=()=>{oe>=2||(te.increment(),ae())},ue="marryBaby"===L;return t.createElement(C.Provider,{value:{siteType:L,isMarryBaby:ue}},t.createElement(A,Object.assign({},$),E.length>0?t.createElement(V,null,t.createElement(d,{sx:{[N.mbDown]:{margin:0},".mantine-Grid-col":{[N.mbDown]:{padding:0}}}},t.createElement(d.Col,{span:"object"!=typeof a&&!W||ne?12:6,order:W?2:1,orderMd:W?1:2,sx:{zIndex:W?99:void 0}},t.createElement(D,{"data-similac":W,"data-has-banner":"object"==typeof a},Z===T.Phone&&(W?t.createElement(le,{onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){var e;try{const t=null==o?void 0:o.phone;t&&(Q(t),yield Promise.all([null===(e=null==Y?void 0:Y.onFormSubmit)||void 0===e?void 0:e.call(Y,o),null==j?void 0:j(t)])),re()}catch(e){console.error(e)}})),customFormTexts:p.onboarding,defaultValues:null==Y?void 0:Y.defaultValues,customTerms:null==Y?void 0:Y.customTerms}):t.createElement(ce,{onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{Q(o),yield null==j?void 0:j(o),re()}catch(e){console.error(e)}})),customFormTexts:p.onboarding})),Z===T.OTP&&t.createElement(de,{onClose:v,onSubmit:ie,phone:J,onResendCode:k,otpError:O,loading:M,canSkip:i,onBack:se,outOfEdit:oe>=2}),Z===T.OTPEmail&&t.createElement(de,{onClose:v,onSubmit:ie,onResendCode:k,otpError:O,loading:M,canSkip:i,onBack:se,outOfEdit:oe>=2,email:X}),Z===T.PersonalInfo&&t.createElement(me,{initialData:null==f?void 0:f[T.PersonalInfo],onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{ee((null==o?void 0:o.email)||"");!(yield null==P?void 0:P(o))&&re()}catch(e){console.error(e)}})),errorMessage:z,loading:h}),Z===T.UpdatePassword&&t.createElement(pe,{onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{yield null==y?void 0:y(o),!s&&re()}catch(e){console.error(e)}})),errorMessage:s,loading:c}),Z===T.Result&&t.createElement(x,Object.assign({},I),t.createElement(g,{theme:L,size:"lg",onClick:v,className:"form-button"},G("onboarding.button.continue"))))),"object"==typeof a&&!W&&t.createElement(d.Col,{span:"object"!=typeof a&&!W||ne?12:6,order:W?2:1,orderMd:W?1:2},t.createElement(_,null,t.createElement(U,{"data-is-marry-baby":ue},t.createElement(R,null,(null==a?void 0:a.heading)&&t.createElement(m,{order:1,mb:24},null==a?void 0:a.heading),(null==a?void 0:a.description)&&t.createElement(b,{size:"p1",color:F.colors.gray800},G("onboarding.welcomeScreen.content"))),(null==a?void 0:a.imgSrc)&&t.createElement("div",null,t.createElement(H,{src:null==a?void 0:a.imgSrc,loading:"lazy"}))))),"object"==typeof a&&W&&(null==a?void 0:a.imgSrc)&&t.createElement(d.Col,{span:"auto",order:W?1:2,orderMd:W?2:1},t.createElement(H,{src:null==a?void 0:a.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))};export{ce as OnboardingForm,ue as OnboardingModal,de as OtpForm};
+import{a as e,_ as o}from"./tslib.es6-944f3452.js";import t,{useContext as n,useState as r,useRef as a,useEffect as i,useMemo as s,useCallback as l}from"react";import{Input as d,Grid as m,Title as c}from"@mantine/core";import{useInterval as p,useCounter as u}from"@mantine/hooks";import{B as g}from"./index-9a28c8a5.js";import{x as b,aH as h,K as E,aI as f,aJ as v,ak as y,y as w,I as S}from"./index.styles-91e32efd.js";import{u as P,a as j,F as k,O as C,b as x}from"./index-c06b123b.js";import{u as B}from"./useTranslations-1986da74.js";import"lodash/debounce";import"./isProduction-e51193f7.js";import{L as z}from"./index-460e54da.js";import"./useCategory-68b3c360.js";import{O as T}from"./Onboarding-c49f7629.js";export{O as OnboardingStep}from"./Onboarding-c49f7629.js";import"dayjs";import{M as N}from"./screenSizeContext-ec11c471.js";import"styled-components";import{t as F}from"./theme-e8a9aabf.js";import"./gAssets.js";import{S as I,a as L,b as q,c as A,d as V,e as D,f as _,g as U,h as R,i as H}from"./index.styled-728e560f.js";import{yupResolver as W}from"@mantine/form";import"./index-ae4a6e0a.js";import"./index-d612cd0f.js";import"@mantine/dates";import{D as Y}from"./index-6578d97f.js";import{A as $}from"./index-c986ff0b.js";import{V as G}from"./Visible-8ad64feb.js";import{M as Z,h as K}from"./utils-54d73494.js";export{M as MAPPED_LOCALE}from"./utils-54d73494.js";import*as J from"yup";import Q from"lodash/throttle";import{T as X}from"./index-61a33982.js";import{format as ee}from"date-fns";import"./translationsContext-b4928084.js";import"string-format";import"react-keyed-flatten-children";import"@mantine/carousel";import"./useUniqueId-e4e98dbe.js";import"./cookieHelper-2d320574.js";import"slugify";import"date-fns/locale";const oe=({inputOrder:e=["phone"],withSimilac:o=!1,customTerms:n=""})=>{const{t:r}=B(),a=P(),i=t.createElement(d.Wrapper,Object.assign({className:o?"input-control":"phone-input",withAsterisk:!0},o?{label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.phone"))}:{}),t.createElement(h,Object.assign({defaultCountry:Z[process.env.UNIFY_LOCALE]||"VN"},a.getInputProps("phone"))),t.createElement(d.Error,{size:"md"},a.errors.phone)),s=t.createElement(E,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourName")),withAsterisk:!0},a.getInputProps("name"))),l=t.createElement(E,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourEmail")),withAsterisk:!0},a.getInputProps("email"))),m=t.createElement(Y,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},a.getInputProps("dob"))),c=t.createElement(f.Group,Object.assign({className:"radio-group",label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("bmi.selectGender"))},a.getInputProps("gender")),t.createElement(f,{value:"0",label:r("onboarding.formEmail.genderMale")}),t.createElement(f,{value:"1",label:r("onboarding.formEmail.genderFemale")})),p=t.createElement("div",{className:"otp-input"},t.createElement(v,Object.assign({enterKeyHint:void 0,nonce:void 0},a.getInputProps("otp"))),t.createElement(d.Error,null,a.errors.otp)),u=t.createElement(E.Password,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:t.createElement(G,null)},a.getInputProps("password"))),g=t.createElement(E.Wrapper,Object.assign({},a.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),t.createElement(y,{label:n?t.createElement(b,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},n):t.createElement(b,{size:"p4",as:"span"},"Tôi đã đọc và đồng ý với các điều khoản và chương trình của"," ",t.createElement("a",null,t.createElement(b,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",t.createElement("a",null,t.createElement(b,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Abbott Similac"))," ","và được hướng dẫn cách ngưng chương trình"),onChange:e=>{a.setFieldValue("term",e.currentTarget.checked)}}),t.createElement(d.Error,{size:"md"},a.getInputProps("term",{type:"checkbox"}).error)),w=t.createElement($,Object.assign({className:"input-control",label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.address"))},a.getInputProps("address"))),S=t.createElement(E.Password,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:t.createElement(G,null)},a.getInputProps("confirmPassword"))),j=e.map((e=>({phone:i,full_name:s,email:l,dob:m,gender:c,otp:p,password:u,confirm_password:S,term:g,address:w}[e]||null)));return t.createElement(I,null,j)},te=e=>J.object().shape({phone:J.string().required(e("onboarding.updatePhone.error")).default("")}),ne=e=>J.object().shape({phone:J.string().required(e("onboarding.updatePhone.error")).default(""),name:J.string().required(e("onboarding.errorMessage.requiredName")),email:J.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:J.mixed().required(e("onboarding.similac.address.error")),term:J.bool().oneOf([!0],e("onboarding.similac.term.error"))}),re=e=>J.object().shape({otp:J.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),ae=e=>J.object().shape({email:J.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:J.string().required(e("onboarding.errorMessage.requiredName"))}),ie=e=>J.object().shape({password:J.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:J.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([J.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),se=({onClose:o,onSubmit:n,canSkip:r=!0,customFormTexts:a})=>{const{t:i}=B(),s=j({initialValues:{phone:""},validate:W(te(i))});return t.createElement(L,{heading:(null==a?void 0:a.heading)||i("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||i("onboarding.updatePhone.description")},t.createElement(k,{form:s},t.createElement("form",{onSubmit:s.onSubmit((o=>e(void 0,void 0,void 0,(function*(){n(o.phone)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["phone"]}),t.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},i("onboarding.button.continue")),r&&t.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:o,type:"button"},i("onboarding.button.skip")))))},le=n=>{var{onClose:r,onSubmit:a,canSkip:i=!0,customFormTexts:s,customTerms:l,defaultValues:d}=n,m=o(n,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:c}=B(),{isMobile:p}=w(),u=j({initialValues:Object.assign({phone:"",term:!1},d),validate:W(ne(c))});return t.createElement(L,Object.assign({heading:(null==s?void 0:s.heading)||c("onboarding.updatePhone.heading"),description:(null==s?void 0:s.description)||c("onboarding.updatePhone.description"),hiddenLogo:p},m),t.createElement(k,{form:u},t.createElement("form",{onSubmit:u.onSubmit((o=>e(void 0,void 0,void 0,(function*(){a(o)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["full_name","email","phone","address","term"],withSimilac:!0,customTerms:l}),t.createElement(S,{fullWidth:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},c("onboarding.button.continue")),i&&t.createElement(S,{variant:"ghost",fullWidth:!0,size:"lg",onClick:r,type:"button"},c("onboarding.button.skip")))))},de=e=>{var{withSimilac:n=!1}=e,r=o(e,["withSimilac"]);return n?t.createElement(le,Object.assign({},r)):t.createElement(se,Object.assign({},r))},me=({onSubmit:o,phone:l,email:d,onResendCode:m,otpError:c,onClose:b,loading:h,onBack:E,canSkip:f,outOfEdit:v})=>{const{siteType:y,isMarryBaby:w}=n(C),[S,P]=r(30),O=p((()=>P((e=>e-1))),1e3),[M,x]=u(0,{min:0,max:3}),z=a(!0),{t:T}=B();i((()=>(O.start(),O.stop)),[]),i((()=>{0===S&&(O.stop(),z.current=!1)}),[S]);const N=j({initialValues:{otp:""},validate:W(re(T))});i((()=>{c&&N.setFieldError("otp",c)}),[c]);const I=s((()=>Q((()=>{z.current||(x.increment(),P(30),null==m||m(l||d),O.start(),z.current=!0)}),1e3,{trailing:!1})),[l,d,m,O]);return t.createElement(q,{heading:T("onboarding.otpForm.heading"),description:t.createElement(t.Fragment,null,t.createElement("span",{dangerouslySetInnerHTML:{__html:l?T("onboarding.otpForm.description",{phone:`<b style="color:${F.colors.gray800}">${l.slice(0,-3).replace(/./g,"x").concat(l.slice(-3))}</b>`}):T("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${F.colors.gray800}">${K(d)}</b>`})}}),!v&&t.createElement("svg",{onClick:()=>{null==E||E()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},t.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},t.createElement(k,{form:N},t.createElement("form",{onSubmit:N.onSubmit((t=>e(void 0,void 0,void 0,(function*(){x.increment(),o(t.otp)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["otp"]}),t.createElement("div",{className:"resend"},t.createElement(X,{size:"p4",color:F.colors.gray400},T("onboarding.otpForm.notReceiveOTP")),t.createElement(X,{as:"a",size:"p4",color:w?F.mbColors.pink:F.colors.primaryBase,onClick:I},T("onboarding.otpForm.resendCode",{seconds:S}))),t.createElement(g,{theme:y,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:h,disabled:h,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},T("onboarding.button.continue")),f&&M>=3&&t.createElement(g,{theme:y,color:"ghost",isBlock:!0,size:"lg",onClick:b,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none",type:"button"},T("onboarding.button.skip")))))},ce=({onClose:e,onSubmit:o,canSkip:r,loading:a,errorMessage:s,initialData:l})=>{const{t:d,locale:m}=B(),{siteType:c,isMarryBaby:p}=n(C),u=j({validate:W(ae(d))});return i((()=>{u.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),i((()=>{s&&u.setFieldError("email",s)}),[s]),t.createElement(x,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:p?"Marry Baby":z[m].SITE_NAME_FORMATTED})},t.createElement(k,{form:u},t.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&ee(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},t.createElement(oe,{inputOrder:["full_name","email","dob","gender"]}),t.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:c,isLoading:a,disabled:a},d("onboarding.button.continue")),r&&t.createElement(g,{theme:c,color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip")))))},pe=({onClose:e,onSubmit:o,canSkip:n,errorMessage:r,loading:a})=>{const{t:i}=B(),s=j({initialValues:{password:"",confirmPassword:""},validate:W(ie(i))});return t.createElement(x,{heading:i("onboarding.updatePassword.heading"),description:i("onboarding.updatePassword.description")},t.createElement(k,{form:s},t.createElement("form",{className:"form",onSubmit:s.onSubmit((e=>o((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},t.createElement(oe,{inputOrder:["password","confirm_password"]}),t.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:a,disabled:a},i("onboarding.button.continue")),n&&t.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e},i("onboarding.button.skip")),r&&t.createElement(d.Error,{className:"form-error"},r))))},ue=n=>{var{banner:a,canSkip:i,createPassError:s,createPassLoading:d,customFormTexts:p,emailLoading:h,flow:E=[T.Phone,T.OTP],initialData:f,onClose:v,onCreatePassByEmail:y,onOtpSubmit:S,onPersonalInfoSubmit:P,onPhoneSubmit:j,onResendCode:k,otpError:O,otpLoading:M,personalInfoError:z,resultScreenProps:I,siteType:L,step:q,withSimilac:W=!1,similacFormProps:Y}=n,$=o(n,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step","withSimilac","similacFormProps"]);const{t:G}=B(),[Z,K]=r(q||E[0]),[J,Q]=r(""),[X,ee]=r(""),[oe,te]=u(0,{min:0,max:2}),{isMobile:ne}=w(),re=l((()=>{const e=E.indexOf(Z)+1;e<=E.length-1&&K(E[e])}),[Z]),ae=l((()=>{const e=E.indexOf(Z)-1;e>=0&&K(E[e])}),[Z]),ie=o=>e(void 0,void 0,void 0,(function*(){try{!(yield S(o))&&re()}catch(e){console.error(e)}})),se=()=>{oe>=2||(te.increment(),ae())},ue="marryBaby"===L;return t.createElement(C.Provider,{value:{siteType:L,isMarryBaby:ue}},t.createElement(A,Object.assign({},$),E.length>0?t.createElement(V,null,t.createElement(m,{sx:{[N.mbDown]:{margin:0},".mantine-Grid-col":{[N.mbDown]:{padding:0}}}},t.createElement(m.Col,{span:"object"!=typeof a&&!W||ne?12:6,order:W?2:1,orderMd:W?1:2,sx:{zIndex:W?99:void 0}},t.createElement(D,{"data-similac":W,"data-has-banner":"object"==typeof a},Z===T.Phone&&(W?t.createElement(le,{onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){var e;try{const t=null==o?void 0:o.phone;t&&(Q(t),yield Promise.all([null===(e=null==Y?void 0:Y.onFormSubmit)||void 0===e?void 0:e.call(Y,o),null==j?void 0:j(t)])),re()}catch(e){console.error(e)}})),customFormTexts:p.onboarding,defaultValues:null==Y?void 0:Y.defaultValues,customTerms:null==Y?void 0:Y.customTerms}):t.createElement(de,{onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{Q(o),yield null==j?void 0:j(o),re()}catch(e){console.error(e)}})),customFormTexts:p.onboarding})),Z===T.OTP&&t.createElement(me,{onClose:v,onSubmit:ie,phone:J,onResendCode:k,otpError:O,loading:M,canSkip:i,onBack:se,outOfEdit:oe>=2}),Z===T.OTPEmail&&t.createElement(me,{onClose:v,onSubmit:ie,onResendCode:k,otpError:O,loading:M,canSkip:i,onBack:se,outOfEdit:oe>=2,email:X}),Z===T.PersonalInfo&&t.createElement(ce,{initialData:null==f?void 0:f[T.PersonalInfo],onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{ee((null==o?void 0:o.email)||"");!(yield null==P?void 0:P(o))&&re()}catch(e){console.error(e)}})),errorMessage:z,loading:h}),Z===T.UpdatePassword&&t.createElement(pe,{onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{yield null==y?void 0:y(o),!s&&re()}catch(e){console.error(e)}})),errorMessage:s,loading:d}),Z===T.Result&&t.createElement(x,Object.assign({},I),t.createElement(g,{theme:L,size:"lg",onClick:v,className:"form-button"},G("onboarding.button.continue"))))),"object"==typeof a&&!W&&t.createElement(m.Col,{span:"object"!=typeof a&&!W||ne?12:6,order:W?2:1,orderMd:W?1:2},t.createElement(_,null,t.createElement(U,{"data-is-marry-baby":ue},t.createElement(R,null,(null==a?void 0:a.heading)&&t.createElement(c,{order:1,mb:24},null==a?void 0:a.heading),(null==a?void 0:a.description)&&t.createElement(b,{size:"p1",color:F.colors.gray800},G("onboarding.welcomeScreen.content"))),(null==a?void 0:a.imgSrc)&&t.createElement("div",null,t.createElement(H,{src:null==a?void 0:a.imgSrc,loading:"lazy"}))))),"object"==typeof a&&W&&(null==a?void 0:a.imgSrc)&&t.createElement(m.Col,{span:"auto",order:W?1:2,orderMd:W?2:1},t.createElement(H,{src:null==a?void 0:a.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))};export{de as OnboardingForm,ue as OnboardingModal,me as OtpForm};

package/build/esm/onboardingV2.js

@@ -1,4 +1,4 @@
-import e,{createContext as t,forwardRef as n,useContext as r,useImperativeHandle as a,useState as o,useRef as i,useEffect as l,useMemo as s,Fragment as m}from"react";import{_ as d,a as c}from"./tslib.es6-ac3afa23.js";import{Box as p,Input as u,Grid as g,Title as b,Flex as h,rem as E,Container as f,Stack as L,AspectRatio as v}from"@mantine/core";import{x as C,aH as y,K as x,aI as w,aJ as S,ak as M,H as P,y as j,I as k,L as O}from"./index.styles-70158aec.js";import{D as F}from"./index-cd94eec4.js";import"dayjs";import{M as B,k as I}from"./screenSizeContext-823a0ed3.js";import T from"styled-components";import{t as z}from"./theme-1fbc994e.js";import{L as N}from"./index-09c17ca0.js";import"./isProduction-1a2ee964.js";import{L as D}from"./Onboarding-03e07675.js";import{CommonGAssets as A}from"./gAssets.js";import{u as Z}from"./useTranslations-b80f6cea.js";import"./index-7cae1139.js";import{useInterval as _,useCounter as H}from"@mantine/hooks";import{A as V}from"./index-948c3689.js";import"lodash/debounce";import"./useCategory-04f78bbd.js";import{V as q}from"./Visible-8321b81d.js";import{createFormContext as W,yupResolver as $}from"@mantine/form";import{I as U}from"./index-8c194e19.js";import"@mantine/dates";import*as Y from"yup";import{createPortal as R}from"react-dom";import{b as G}from"./index-f2e5ccac.js";import K from"lodash/throttle";import{T as J}from"./index-f5c58742.js";import{B as Q}from"./index-72ccbc84.js";import{format as X}from"date-fns";import"./translationsContext-93c2cf4e.js";import"string-format";import ee from"react-keyed-flatten-children";import"@mantine/carousel";import"./useUniqueId-85a1867a.js";import"./cookieHelper-48427295.js";import"slugify";import"date-fns/locale";import"./utils-6efd33c7.js";const te=t({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),[ne,re,ae]=W(),oe=T(p)`
+import e,{createContext as t,forwardRef as n,useContext as r,useImperativeHandle as a,useState as o,useRef as i,useEffect as l,useMemo as s,Fragment as m}from"react";import{_ as d,a as c}from"./tslib.es6-944f3452.js";import{Box as p,Input as u,Grid as g,Title as b,Flex as h,rem as E,Container as f,Stack as L,AspectRatio as v}from"@mantine/core";import{x as C,aH as y,K as x,aI as w,aJ as S,ak as M,H as P,y as j,I as k,L as O}from"./index.styles-91e32efd.js";import{D as F}from"./index-6578d97f.js";import"dayjs";import{M as B,k as I}from"./screenSizeContext-ec11c471.js";import T from"styled-components";import{t as z}from"./theme-e8a9aabf.js";import{L as N}from"./index-460e54da.js";import"./isProduction-e51193f7.js";import{L as D}from"./Onboarding-c49f7629.js";import{CommonGAssets as A}from"./gAssets.js";import{u as Z}from"./useTranslations-1986da74.js";import"./index-ae4a6e0a.js";import{useInterval as _,useCounter as H}from"@mantine/hooks";import{A as V}from"./index-c986ff0b.js";import"lodash/debounce";import"./useCategory-68b3c360.js";import{V as q}from"./Visible-8ad64feb.js";import{createFormContext as W,yupResolver as $}from"@mantine/form";import{I as U}from"./index-d612cd0f.js";import"@mantine/dates";import*as Y from"yup";import{createPortal as R}from"react-dom";import{b as G}from"./index-c06b123b.js";import K from"lodash/throttle";import{T as J}from"./index-61a33982.js";import{B as Q}from"./index-9a28c8a5.js";import{format as X}from"date-fns";import"./translationsContext-b4928084.js";import"string-format";import ee from"react-keyed-flatten-children";import"@mantine/carousel";import"./useUniqueId-e4e98dbe.js";import"./cookieHelper-2d320574.js";import"slugify";import"date-fns/locale";import"./utils-54d73494.js";const te=t({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),[ne,re,ae]=W(),oe=T(p)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;

package/build/esm/paths-d1aa7632.js

@@ -0,0 +1 @@
+const i={GET_CITIES_LIST:"api/lists/cities?keyword={keyword}&country_id={countryId}&site={domain}&_nopaging={noPaging}&client={client}",GET_CITY:"api/lists/cities?ids={ids}&site={domain}&longitude={longitude}&latitude={latitude}",GET_HOME_SEARCH:"api/search/?_home=1&city_id={city}&keyword={keyword}&site={domain}&latitude={lat}&longitude={lng}",GET_SEARCH_V2:"api/v2/search/?site={domain}&type={searchType}&keyword={keyword}&city_id={city}&latitude={lat}&longitude={lng}&specialty_id={specialty_id}&client_slug={client_slug}",GET_CITY_BY_IP:"api/geobyip?site={domain}&latitude={lat}&longitude={lng}&_nopaging={noPaging}&client={client}",GET_DOCTOR_DETAIL:"api/doctors/{id}?site={site}",GET_HOSPITAL_DETAIL:"api/hospital/branch/{id}?site={site}",GET_SERVICE_DETAIL:"api/hospital/service/{id}?site={site}",GET_SEARCH_SPECIALTY:"api/v2/specialties/?site={domain}&type={searchType}&keyword={keyword}&city_id={city}&latitude={lat}&longitude={lng}",GET_SEARCH_POPULAR_KEY:"api/search/keywords?site={domain}&sort_by={sort_by}&sort_order={sort_order}&type={searchType}"};export{i as P};

package/build/esm/pwg.js

@@ -1,4 +1,4 @@
-import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as o}from"./index-86fa35f1.js";import{T as n}from"./index-f5c58742.js";import{P as i}from"./index-bee675e7.js";import{u as c}from"./useTranslations-b80f6cea.js";import{t as s}from"./theme-1fbc994e.js";import{ResponsiveContainer as m,AreaChart as p,CartesianGrid as d,Tooltip as g,XAxis as y,YAxis as u,Area as b,ReferenceDot as f}from"recharts";import{C as h}from"./index-7cae1139.js";import{a as x}from"./useOutsideClick-60f0a66c.js";import E from"styled-components";import{_ as k}from"./tslib.es6-ac3afa23.js";import"./Onboarding-03e07675.js";import"./index.styled-476ff122.js";import"./gAssets.js";import"./index-09c17ca0.js";import"date-fns/locale";import"./isProduction-1a2ee964.js";import"./translationsContext-93c2cf4e.js";import"string-format";import"@mantine/carousel";import"@mantine/core";import"@mantine/hooks";const w=t=>{const{x:r,y:a,payload:l,activeWeek:o}=t;return o===l.value?e.createElement("g",{transform:`translate(${r},${a})`},e.createElement("circle",{r:12,fill:"marryBaby"===t.siteType?s.mbColors.pink:s.colors.primaryBase}),e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:s.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},l.value)):e.createElement("g",{transform:`translate(${r},${a})`},e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:s.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},l.value))},v=E.div`
+import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as o}from"./index-eab665d2.js";import{T as n}from"./index-61a33982.js";import{P as i}from"./index-17f8c37e.js";import{u as s}from"./useTranslations-1986da74.js";import{t as c}from"./theme-e8a9aabf.js";import{ResponsiveContainer as m,AreaChart as d,CartesianGrid as p,Tooltip as g,XAxis as y,YAxis as u,Area as b,ReferenceDot as h}from"recharts";import{C as f}from"./index-ae4a6e0a.js";import{a as x}from"./useOutsideClick-861c0acd.js";import E from"styled-components";import{_ as k}from"./tslib.es6-944f3452.js";import"./Onboarding-c49f7629.js";import"./index.styled-29497d9c.js";import"./gAssets.js";import"./index-460e54da.js";import"date-fns/locale";import"./isProduction-e51193f7.js";import"./translationsContext-b4928084.js";import"string-format";import"@mantine/carousel";import"@mantine/core";import"@mantine/hooks";const w=t=>{const{x:r,y:a,payload:l,activeWeek:o}=t;return o===l.value?e.createElement("g",{transform:`translate(${r},${a})`},e.createElement("circle",{r:12,fill:"marryBaby"===t.siteType?c.mbColors.pink:c.colors.primaryBase}),e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:c.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},l.value)):e.createElement("g",{transform:`translate(${r},${a})`},e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:c.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},l.value))},v=E.div`
   /* position: absolute; */
   display: flex;
   flex-direction: column;
@@ -18,7 +18,7 @@ import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as
     display: flex;
     align-items: center;
     padding: 4px 8px;
-    background: ${s.colors.yellow600};
+    background: ${c.colors.yellow600};
     border-radius: 3px;
   } */
   & > * {
@@ -55,14 +55,14 @@ import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as
     align-items: center;
     gap: 4px;
   }
-`,T=[{name:"overweight",backgroundColor:s.colors.yellow50,color:s.colors.yellow900},{name:"underweight",backgroundColor:s.colors.yellow50,color:s.colors.yellow900},{name:"healthy",backgroundColor:s.colors.green50,color:s.colors.green900}],B=r=>{var a,l,o,i,c;const{payload:m,active:p}=r,d=null===(a=null==m?void 0:m[0])||void 0===a?void 0:a.payload;if(!d||!d.toolTipLabel||!p)return null;const{backgroundColor:g,color:y}=t((()=>T.find((e=>e.name===d.status))),[null==d?void 0:d.status]);return e.createElement(v,null,e.createElement("div",null,null===(l=d.toolTipLabel)||void 0===l?void 0:l[0]," ",null===(o=d.toolTipLabel)||void 0===o?void 0:o[1]),e.createElement("div",null,(null===(i=d.toolTipLabel)||void 0===i?void 0:i[2])&&e.createElement(n,{as:"span",size:"s3",color:s.colors.gray800,type:"semiBold"},null===(c=d.toolTipLabel)||void 0===c?void 0:c[2]),e.createElement("div",{className:"risk",style:{backgroundColor:g}},e.createElement(n,{size:"n1",color:y},d.translatedStatus))))},W=({weightByWeek:e,weightBefore:t,toolTipLabel:r,status:a,activeWeek:l,t:o})=>{const n=o(`bmi.result.${a}`);return e.map((e=>Object.assign({name:e.week,min:t+e.min,difference:e.max-e.min,max:t+e.max},e.week===l?{toolTipLabel:r,translatedStatus:n,status:a}:{})))},z=({weightBefore:o,weightByWeek:i,activeWeek:E,currentWeight:k,toolTipLabel:v=[],status:C,withLine:T=!1,siteType:z})=>{const{t:L}=c(),S="marryBaby"===z,O=t((()=>W({weightByWeek:i,weightBefore:o,toolTipLabel:v,status:C,activeWeek:E,t:L})),[i,o,v,C,E]),[F,I]=r(!1),M=a(null);return x(M,(()=>I(!1))),e.createElement(j,null,S?e.createElement(l,{type:"bodytext-3",color:s.mbColors.dark}," ",L("babyGrowth.weight")," ",L("pregnancyWeightGain.weightInput.desc")):e.createElement(n,{size:"n1",color:s.colors.gray500},L("babyGrowth.weight")," ",L("pregnancyWeightGain.weightInput.desc")),Array.isArray(O)&&O.length>0&&e.createElement(j,null,e.createElement(m,{height:388,className:"chart"},e.createElement(p,{data:O,margin:{top:16,right:0,left:0}},e.createElement(d,{stroke:s.colors.neutral100}),e.createElement(g,{trigger:"click",content:t=>e.createElement(B,Object.assign({active:!T&&F&&void 0!==E&&void 0!==k},t))}),e.createElement(y,{type:"number",scale:"linear",ticks:Array.from({length:40},((e,t)=>t+1)),dataKey:"name",tickLine:!1,tickMargin:12,tick:t=>e.createElement(w,Object.assign({},t,{activeWeek:E,siteType:z})),domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),e.createElement(u,{domain:[e=>Math.max(e,o-10||e),e=>Math.max(e,o+20||e)],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:e=>String(Math.round(100*(e+Number.EPSILON))/100),tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:s.colors.gray600}}),e.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),e.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:S?s.mbColors.tonePink:s.colors.primary100}),void 0!==E&&void 0!==k&&e.createElement(f,{onClick:()=>I(!0),x:0===E?1:E,y:k,r:4,shape:e.createElement(h,{ref:M,r:4}),fill:S?s.mbColors.pink:s.colors.primaryBase,stroke:S?s.mbColors.pink:s.colors.primaryBase}))),e.createElement("div",{className:"custom-chart-label"},e.createElement("i",null),S?e.createElement(l,{type:"bodytext-3",color:s.mbColors.dark},L("pregnancy.week")):e.createElement(n,{size:"n1",color:s.colors.gray500},L("pregnancy.week")))))},L=t=>{var{color:r}=t,a=k(t,["color"]);return e.createElement("svg",Object.assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),e.createElement("circle",{cx:"4",cy:"4",r:"4",fill:r||s.colors.primaryBase}))},S=({idealWeight:t,siteType:r})=>{const{t:a}=c(),o="marryBaby"===r;return e.createElement(C,null,e.createElement("div",null,o?e.createElement(e.Fragment,null,e.createElement(L,{color:s.mbColors.lightPink}),e.createElement(l,{type:"bodytext-3",color:s.mbColors.dark},a("pregnancyTool.weightSuggested")," ",e.createElement(n,{size:"n1",color:s.colors.gray800,type:"bold",as:"span"},t))):e.createElement(e.Fragment,null,e.createElement(L,{color:s.colors.primary100}),e.createElement(n,{size:"n1",color:s.colors.gray600},e.createElement(n,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),e.createElement(n,{size:"n1",color:s.colors.gray800,type:"bold",as:"span"},t)))),e.createElement("div",null,o?e.createElement(e.Fragment,null,e.createElement(L,{color:s.mbColors.pink}),e.createElement(l,{type:"bodytext-3",color:s.mbColors.dark},a("pwg.placeholder.weight"))):e.createElement(e.Fragment,null,e.createElement(L,null),e.createElement(n,{size:"n1",color:s.colors.gray600},a("pwg.placeholder.weight")))))},O=E.div`
+`,T=[{name:"overweight",backgroundColor:c.colors.yellow50,color:c.colors.yellow900},{name:"underweight",backgroundColor:c.colors.yellow50,color:c.colors.yellow900},{name:"healthy",backgroundColor:c.colors.green50,color:c.colors.green900}],B=r=>{var a,l,o,i,s;const{payload:m,active:d}=r,p=null===(a=null==m?void 0:m[0])||void 0===a?void 0:a.payload;if(!p||!p.toolTipLabel||!d)return null;const{backgroundColor:g,color:y}=t((()=>T.find((e=>e.name===p.status))),[null==p?void 0:p.status]);return e.createElement(v,null,e.createElement("div",null,null===(l=p.toolTipLabel)||void 0===l?void 0:l[0]," ",null===(o=p.toolTipLabel)||void 0===o?void 0:o[1]),e.createElement("div",null,(null===(i=p.toolTipLabel)||void 0===i?void 0:i[2])&&e.createElement(n,{as:"span",size:"s3",color:c.colors.gray800,type:"semiBold"},null===(s=p.toolTipLabel)||void 0===s?void 0:s[2]),e.createElement("div",{className:"risk",style:{backgroundColor:g}},e.createElement(n,{size:"n1",color:y},p.translatedStatus))))},W=({weightByWeek:e,weightBefore:t,toolTipLabel:r,status:a,activeWeek:l,t:o})=>{const n=o(`bmi.result.${a}`);return e.map((e=>Object.assign({name:e.week,min:t+e.min,difference:e.max-e.min,max:t+e.max},e.week===l?{toolTipLabel:r,translatedStatus:n,status:a}:{})))},z=({weightBefore:o,weightByWeek:i,activeWeek:E,currentWeight:k,toolTipLabel:v=[],status:C,withLine:T=!1,siteType:z})=>{const{t:L}=s(),S="marryBaby"===z,O=t((()=>W({weightByWeek:i,weightBefore:o,toolTipLabel:v,status:C,activeWeek:E,t:L})),[i,o,v,C,E]),[F,I]=r(!1),M=a(null);return x(M,(()=>I(!1))),e.createElement(j,null,S?e.createElement(l,{type:"bodytext-3",color:c.mbColors.dark}," ",L("babyGrowth.weight")," ",L("pregnancyWeightGain.weightInput.desc")):e.createElement(n,{size:"n1",color:c.colors.gray500},L("babyGrowth.weight")," ",L("pregnancyWeightGain.weightInput.desc")),Array.isArray(O)&&O.length>0&&e.createElement(j,null,e.createElement(m,{height:388,className:"chart"},e.createElement(d,{data:O,margin:{top:16,right:0,left:0}},e.createElement(p,{stroke:c.colors.neutral100}),e.createElement(g,{trigger:"click",content:t=>e.createElement(B,Object.assign({active:!T&&F&&void 0!==E&&void 0!==k},t))}),e.createElement(y,{type:"number",scale:"linear",ticks:Array.from({length:40},((e,t)=>t+1)),dataKey:"name",tickLine:!1,tickMargin:12,tick:t=>e.createElement(w,Object.assign({},t,{activeWeek:E,siteType:z})),domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),e.createElement(u,{domain:[e=>Math.max(e,o-10||e),e=>Math.max(e,o+20||e)],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:e=>String(Math.round(100*(e+Number.EPSILON))/100),tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:c.colors.gray600}}),e.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),e.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:S?c.mbColors.tonePink:c.colors.primary100}),void 0!==E&&void 0!==k&&e.createElement(h,{onClick:()=>I(!0),x:0===E?1:E,y:k,r:4,shape:e.createElement(f,{ref:M,r:4}),fill:S?c.mbColors.pink:c.colors.primaryBase,stroke:S?c.mbColors.pink:c.colors.primaryBase}))),e.createElement("div",{className:"custom-chart-label"},e.createElement("i",null),S?e.createElement(l,{type:"bodytext-3",color:c.mbColors.dark},L("pregnancy.week")):e.createElement(n,{size:"n1",color:c.colors.gray500},L("pregnancy.week")))))},L=t=>{var{color:r}=t,a=k(t,["color"]);return e.createElement("svg",Object.assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),e.createElement("circle",{cx:"4",cy:"4",r:"4",fill:r||c.colors.primaryBase}))},S=({idealWeight:t,siteType:r})=>{const{t:a}=s(),o="marryBaby"===r;return e.createElement(C,null,e.createElement("div",null,o?e.createElement(e.Fragment,null,e.createElement(L,{color:c.mbColors.lightPink}),e.createElement(l,{type:"bodytext-3",color:c.mbColors.dark},a("pregnancyTool.weightSuggested")," ",e.createElement(n,{size:"n1",color:c.colors.gray800,type:"bold",as:"span"},t))):e.createElement(e.Fragment,null,e.createElement(L,{color:c.colors.primary100}),e.createElement(n,{size:"n1",color:c.colors.gray600},e.createElement(n,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),e.createElement(n,{size:"n1",color:c.colors.gray800,type:"bold",as:"span"},t)))),e.createElement("div",null,o?e.createElement(e.Fragment,null,e.createElement(L,{color:c.mbColors.pink}),e.createElement(l,{type:"bodytext-3",color:c.mbColors.dark},a("pwg.placeholder.weight"))):e.createElement(e.Fragment,null,e.createElement(L,null),e.createElement(n,{size:"n1",color:c.colors.gray600},a("pwg.placeholder.weight")))))},O=E.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 24px 16px;
   width: 100%;
   gap: 24px;
-  border: 1px solid ${s.colors.neutral100};
+  border: 1px solid ${c.colors.neutral100};
   border-radius: 8px;
   .chart-header {
     text-align: center;
@@ -70,4 +70,4 @@ import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as
   > div {
     width: 100%;
   }
-`,F=({chartProps:t,pillCarouselProps:r,idealWeight:a,description:l,siteType:m})=>{const{t:p}=c(),d="marryBaby"===m;return e.createElement(O,null,e.createElement("div",{className:"chart-header"},d?e.createElement(o,{type:"h3",color:s.mbColors.dark},p("pregnancyTool.weightSuggested")):e.createElement(n,{size:"s1",type:"semiBold",color:s.colors.gray800},p("pregnancyTool.weightSuggested")),l&&l),e.createElement(i,Object.assign({},r)),e.createElement("div",null,e.createElement(S,{idealWeight:a,siteType:m}),e.createElement(z,Object.assign({},t,{siteType:m}))))};export{F as PregnancyWeightGainChart};
+`,F=({chartProps:t,pillCarouselProps:r,idealWeight:a,description:l,siteType:m})=>{const{t:d}=s(),p="marryBaby"===m;return e.createElement(O,null,e.createElement("div",{className:"chart-header"},p?e.createElement(o,{type:"h3",color:c.mbColors.dark},d("pregnancyTool.weightSuggested")):e.createElement(n,{size:"s1",type:"semiBold",color:c.colors.gray800},d("pregnancyTool.weightSuggested")),l&&l),e.createElement(i,Object.assign({},r)),e.createElement("div",null,e.createElement(S,{idealWeight:a,siteType:m}),e.createElement(z,Object.assign({},t,{siteType:m}))))};export{F as PregnancyWeightGainChart};

package/build/esm/together.js

@@ -1 +1 @@
-export{n as CardAuthor,C as CardReactions,l as LabelSortPin,m as LabelSorting,L as Loading,y as PopoverMenu,o as PopupDoctor,P as PopupExpert,q as PopupFrame,p as PopupHospital,t as PostContent,w as ProfileDetail,v as ProfileDetailModal,s as ShareBox,r as SharePopup,z as SourceList,x as TabNameInProfileDetail,k as TagTopic,i as TogetherAuthConfigContext,j as TogetherAuthConfigContextProvider,u as useTogetherAuthRequiredAction}from"./index-f0703e1c.js";export{d as TogetherDataTransforms,U as UserAvatar}from"./index.styled-dd9882a9.js";export{C as CardLink,i as CardPost,j as CardPostPopoverMore,k as CardReply,l as CardReplyPopover,a as CreateNewPostContent,b as CreatePostDescription,c as CreatePostTitle,d as ImagePreviewPopup,I as InputCommentBar,L as LabelPin,P as PopupDanger,f as PostImagePreview,e as PostSingleImageViewPopup,h as SkipQuestionOfExpertBtn,g as SocialLinkPreview,S as SubmitReportForm,t as TogetherTypes,T as TopicSelectList,V as VerifiedTag}from"./types-d95ff0a2.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,d as TogetherComponentGlobalContext,e as TogetherComponentGlobalContextProvider,c as TogetherConstants}from"./index.styles-70158aec.js";import"./tslib.es6-ac3afa23.js";import"react";import"@mantine/core";import"./index-7cae1139.js";import"styled-components";import"@mantine/carousel";import"@mantine/hooks";import"./gAssets.js";import"./index-09c17ca0.js";import"date-fns/locale";import"./Onboarding-03e07675.js";import"./isProduction-1a2ee964.js";import"./index-8c194e19.js";import"./screenSizeContext-823a0ed3.js";import"lodash/throttle";import"./theme-1fbc994e.js";import"dayjs";import"./useUniqueId-85a1867a.js";import"./useTranslations-b80f6cea.js";import"./translationsContext-93c2cf4e.js";import"string-format";import"@mantine/dates";import"./normalizeLink-ec13b136.js";import"lodash/debounce";import"./useCategory-04f78bbd.js";import"./cookieHelper-48427295.js";import"./number-1741390a.js";import"innertext";import"date-fns";import"react-day-picker/DayPickerInput";import"react-dom";import"./index-ec45fec9.js";import"./index-f5c58742.js";import"./index-86fa35f1.js";import"./index-a53fa885.js";import"./index-72ccbc84.js";import"./index-17e0de1a.js";import"./types-3a5bac59.js";import"react-hook-form";import"@hookform/resolvers/yup";import"./index-a5f32e1f.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./index.styled-476ff122.js";import"uuid";import"./utils-6efd33c7.js";import"dayjs/plugin/relativeTime";import"./paths-32761998.js";import"./constants-55b45825.js";import"./index-337f9c4b.js";import"react-contenteditable";import"@mantine/form";import"./useHealthToolCache-144f477f.js";import"./getDynamicHealthTool-4de90d2c.js";import"./core-3eccb9f3.js";import"js-cookie";import"lodash/flatten";import"lodash/uniqBy";import"./index-74c5df78.js";import"react-keyed-flatten-children";import"slugify";
+export{n as CardAuthor,C as CardReactions,l as LabelSortPin,m as LabelSorting,L as Loading,y as PopoverMenu,o as PopupDoctor,P as PopupExpert,q as PopupFrame,p as PopupHospital,t as PostContent,w as ProfileDetail,v as ProfileDetailModal,s as ShareBox,r as SharePopup,z as SourceList,x as TabNameInProfileDetail,k as TagTopic,i as TogetherAuthConfigContext,j as TogetherAuthConfigContextProvider,u as useTogetherAuthRequiredAction}from"./index-59d7af38.js";export{d as TogetherDataTransforms,U as UserAvatar}from"./index.styled-8b2691e0.js";export{C as CardLink,i as CardPost,j as CardPostPopoverMore,k as CardReply,l as CardReplyPopover,a as CreateNewPostContent,b as CreatePostDescription,c as CreatePostTitle,d as ImagePreviewPopup,I as InputCommentBar,L as LabelPin,P as PopupDanger,f as PostImagePreview,e as PostSingleImageViewPopup,h as SkipQuestionOfExpertBtn,g as SocialLinkPreview,S as SubmitReportForm,t as TogetherTypes,T as TopicSelectList,V as VerifiedTag}from"./types-e8c598b7.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,d as TogetherComponentGlobalContext,e as TogetherComponentGlobalContextProvider,c as TogetherConstants}from"./index.styles-91e32efd.js";import"./tslib.es6-944f3452.js";import"react";import"@mantine/core";import"./index-ae4a6e0a.js";import"styled-components";import"@mantine/carousel";import"@mantine/hooks";import"./gAssets.js";import"./index-460e54da.js";import"date-fns/locale";import"./Onboarding-c49f7629.js";import"./isProduction-e51193f7.js";import"./index-d612cd0f.js";import"./screenSizeContext-ec11c471.js";import"lodash/throttle";import"./theme-e8a9aabf.js";import"dayjs";import"./useUniqueId-e4e98dbe.js";import"./useTranslations-1986da74.js";import"./translationsContext-b4928084.js";import"string-format";import"@mantine/dates";import"./normalizeLink-f3588f13.js";import"lodash/debounce";import"./useCategory-68b3c360.js";import"./cookieHelper-2d320574.js";import"./number-0aa74dcd.js";import"innertext";import"date-fns";import"react-day-picker/DayPickerInput";import"react-dom";import"./index-a8c5ea6f.js";import"./index-61a33982.js";import"./index-eab665d2.js";import"./index-da7ea3c7.js";import"./index-9a28c8a5.js";import"./index-f3bdf79c.js";import"./types-a7213f30.js";import"react-hook-form";import"@hookform/resolvers/yup";import"./index-1e8be272.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./index.styled-29497d9c.js";import"uuid";import"./utils-54d73494.js";import"dayjs/plugin/relativeTime";import"./paths-d1aa7632.js";import"./constants-ebd14cc2.js";import"./index-62dadf70.js";import"react-contenteditable";import"@mantine/form";import"./useHealthToolCache-0ee4d91c.js";import"./getDynamicHealthTool-4a5c0672.js";import"./core-e1653ac3.js";import"js-cookie";import"lodash/flatten";import"lodash/uniqBy";import"./index-3f879aea.js";import"react-keyed-flatten-children";import"slugify";

package/build/esm/{types-8b4be14a.js → types-a58b3954.js}

@@ -1,4 +1,4 @@
-import{a as e}from"./tslib.es6-ac3afa23.js";import*as t from"react";import i,{useState as a,useCallback as o,useMemo as n,useEffect as s,useRef as l,useReducer as r}from"react";import{u as c}from"./useTranslations-b80f6cea.js";import d from"lodash/debounce";import{I as p,L as u,a as h,C as g,S as m}from"./constants-55b45825.js";import{I as C}from"./index-17e0de1a.js";import b,{createGlobalStyle as y}from"styled-components";import{T as f}from"./index-f5c58742.js";import{t as v}from"./theme-1fbc994e.js";import{M as x}from"./screenSizeContext-823a0ed3.js";import w from"react-loading-skeleton";import E from"lodash/shuffle";import{a as S}from"./useOutsideClick-60f0a66c.js";import{P as L}from"./paths-32761998.js";import{Skeleton as k,Input as O,Divider as j,Tabs as I,Flex as F,Button as $}from"@mantine/core";import{e as M,d as R}from"./index-09c17ca0.js";import{g as T,s as P,d as A}from"./cookieHelper-48427295.js";import{C as N,I as B}from"./index-8c194e19.js";import V from"string-format";const D=e=>t.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("path",{d:"M7.99969 9.38055L5.45236 6.83322C5.17636 6.55722 4.72836 6.55722 4.45236 6.83322C4.17636 7.10922 4.17636 7.55722 4.45236 7.83322L7.52836 10.9092C7.78903 11.1699 8.21103 11.1699 8.47103 10.9092L11.547 7.83322C11.823 7.55722 11.823 7.10922 11.547 6.83322C11.271 6.55722 10.823 6.55722 10.547 6.83322L7.99969 9.38055Z"}));function K(){const[e,t]=a((()=>{if("undefined"==typeof window)return"unset";if(T(M))return"granted";const e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),[i,s]=a((()=>{if("undefined"==typeof window)return null;const e=T(M);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),l=o((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((e=>{const i={lat:""+Math.round(1e7*e.coords.latitude)/1e7,lng:""+Math.round(1e7*e.coords.longitude)/1e7};P(M,JSON.stringify(i),{minutes:15}),s(i),t("granted")}),(()=>{A(M),t("denied")}))}),[]);return n((()=>({geoLocationPermission:e,geoLocationCoordinates:i,requestGeoLocation:l})),[e,i])}const z=b.div``,_=b.div`
+import{a as e}from"./tslib.es6-944f3452.js";import*as t from"react";import i,{useState as a,useCallback as o,useMemo as n,useEffect as s,useRef as l,useReducer as r}from"react";import{u as c}from"./useTranslations-1986da74.js";import d from"lodash/debounce";import{I as p,L as u,a as h,C as g,S as m}from"./constants-ebd14cc2.js";import{I as C}from"./index-f3bdf79c.js";import b,{createGlobalStyle as y}from"styled-components";import{T as f}from"./index-61a33982.js";import{t as v}from"./theme-e8a9aabf.js";import{M as x}from"./screenSizeContext-ec11c471.js";import w from"react-loading-skeleton";import E from"lodash/shuffle";import{a as S}from"./useOutsideClick-861c0acd.js";import{P as L}from"./paths-d1aa7632.js";import{Skeleton as k,Input as O,Divider as j,Tabs as I,Flex as F,Button as $}from"@mantine/core";import{e as M,d as R}from"./index-460e54da.js";import{g as T,s as P,d as A}from"./cookieHelper-2d320574.js";import{C as N,I as B}from"./index-d612cd0f.js";import V from"string-format";const D=e=>t.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("path",{d:"M7.99969 9.38055L5.45236 6.83322C5.17636 6.55722 4.72836 6.55722 4.45236 6.83322C4.17636 7.10922 4.17636 7.55722 4.45236 7.83322L7.52836 10.9092C7.78903 11.1699 8.21103 11.1699 8.47103 10.9092L11.547 7.83322C11.823 7.55722 11.823 7.10922 11.547 6.83322C11.271 6.55722 10.823 6.55722 10.547 6.83322L7.99969 9.38055Z"}));function K(){const[e,t]=a((()=>{if("undefined"==typeof window)return"unset";if(T(M))return"granted";const e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),[i,s]=a((()=>{if("undefined"==typeof window)return null;const e=T(M);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),l=o((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((e=>{const i={lat:""+Math.round(1e7*e.coords.latitude)/1e7,lng:""+Math.round(1e7*e.coords.longitude)/1e7};P(M,JSON.stringify(i),{minutes:15}),s(i),t("granted")}),(()=>{A(M),t("denied")}))}),[]);return n((()=>({geoLocationPermission:e,geoLocationCoordinates:i,requestGeoLocation:l})),[e,i])}const z=b.div``,_=b.div`
   --searchbar-z-index: 305;
   &[data-is-modal='true'] {
     position: fixed;
@@ -705,7 +705,7 @@ import{a as e}from"./tslib.es6-ac3afa23.js";import*as t from"react";import i,{us
       text-align: center;
     }
   }
-`,_t=({state:e,isMobile:t,specialties:a,isLoading:o,clientSlug:s="",dispatch:l})=>{const{t:r,locale:d}=c(),{selectedLocation:p}=e,h=n((()=>u[d]),[d]),g=n((()=>a.length>=9||e.searchKeywords.trim().length<=ht[e.locale]),[e.searchKeywords,a]);return i.createElement(i.Fragment,null,!t&&i.createElement(Kt,{color:"#E4E8EC"}),i.createElement(Vt,null,a.length>0&&!o&&i.createElement(i.Fragment,null,a.map(((e,t)=>t>=9?i.createElement(i.Fragment,null):i.createElement(Dt,{key:e.id,onClick:()=>(e=>{let t="";t=e===m&&s?`/${p.slug}/${h.HOSPITAL}/${s}/`:`/${p.slug}/${h.DOCTOR}/${e}`,l({type:mt.NavigateTo,payload:t})})(e.slug)},i.createElement("div",{className:"image-item"},i.createElement("img",{src:e.thumbnail,alt:e.name})),i.createElement("div",{className:"infor"},i.createElement("div",{className:"title"},e.name)))))),0===a.length&&!o&&i.createElement(f,{size:"sm",color:v.colors.gray400},r("booking.searchBar.noResults")),o&&Array(6).fill(void 0).map(((e,t)=>i.createElement(Dt,{key:"loading"+t},i.createElement("div",{className:"image-item"},i.createElement(k,{height:40,animate:!0})),i.createElement("div",{className:"infor"},i.createElement("div",{className:"title"},i.createElement(k,{height:20,radius:"sm",animate:!0}))))))),g&&i.createElement(zt,null,i.createElement("div",{className:"show-more",onClick:()=>{const e=`/${h.SPECIALTIES}`;l({type:mt.NavigateTo,payload:e})}},r("home.seeAll"))))},Ht=b.div`
+`,_t=({state:e,isMobile:t,specialties:a,isLoading:o,dispatch:s})=>{const{t:l,locale:r}=c(),{selectedLocation:d}=e,p=n((()=>u[r]),[r]),h=n((()=>a.length>=9||e.searchKeywords.trim().length<=ht[e.locale]),[e.searchKeywords,a]);return i.createElement(i.Fragment,null,!t&&i.createElement(Kt,{color:"#E4E8EC"}),i.createElement(Vt,null,a.length>0&&!o&&i.createElement(i.Fragment,null,a.map(((e,t)=>t>=9?i.createElement(i.Fragment,null):i.createElement(Dt,{key:e.id,onClick:()=>(e=>{let t="";t=e===m?`/${d.slug}/${p.HOSPITAL}/${g}/`:`/${d.slug}/${p.DOCTOR}/${e}`,s({type:mt.NavigateTo,payload:t})})(e.slug)},i.createElement("div",{className:"image-item"},i.createElement("img",{src:e.thumbnail,alt:e.name})),i.createElement("div",{className:"infor"},i.createElement("div",{className:"title"},e.name)))))),0===a.length&&!o&&i.createElement(f,{size:"sm",color:v.colors.gray400},l("booking.searchBar.noResults")),o&&Array(6).fill(void 0).map(((e,t)=>i.createElement(Dt,{key:"loading"+t},i.createElement("div",{className:"image-item"},i.createElement(k,{height:40,animate:!0})),i.createElement("div",{className:"infor"},i.createElement("div",{className:"title"},i.createElement(k,{height:20,radius:"sm",animate:!0}))))))),h&&i.createElement(zt,null,i.createElement("div",{className:"show-more",onClick:()=>{const e=`/${p.SPECIALTIES}`;s({type:mt.NavigateTo,payload:e})}},l("home.seeAll"))))},Ht=b.div`
   display: flex;
   gap: 5px;
   margin-top: 16px;
@@ -756,4 +756,4 @@ import{a as e}from"./tslib.es6-ac3afa23.js";import*as t from"react";import i,{us
   background: rgba(255, 255, 255, 0.64);
   backdrop-filter: blur(12px);
   border-bottom: 1px solid ${v.colors.neutral100};
-`,Wt=({currentTab:e,hideTabBookingSearch:t=[],isMobile:a,setCurrentTab:o})=>{const{t:s}=c(),l=n((()=>({root:{overflowY:a?"hidden":"initial",overflowX:a?"auto":"initial"},tabsList:{background:"rgba(255, 255, 255, 0)",borderBottom:"none",flexWrap:"nowrap",".mantine-Tabs-tab":{"&:last-child":{"&:after":{display:"none"}}}},tab:{padding:a?"12px 16px 12px 16px":"15px 40px 15px 40px",borderTop:"2px solid transparent",borderBottom:"none",margin:0,borderRadius:0,position:"relative",width:"auto",'&[data-active="true"]':{borderColor:"#2d87f3",backgroundColor:"#ffffff","&:after":{display:"none"},"&:before":{content:'""',width:"100%",height:"1px",position:"absolute",backgroundColor:"#ffffff",bottom:"-1px"}},"&:hover":{borderColor:"#2d87f3",backgroundColor:"#ffffff","&:before":{content:'""',width:"100%",height:"1px",position:"absolute",backgroundColor:"#ffffff",bottom:"-1px"}},"&:after":{content:'""',width:"1px",height:"24px",backgroundColor:"#E4E8EC",position:"absolute",right:"-1px"}},tabLabel:{color:"#595959",fontSize:a?"14px":"16px",fontWeight:600,lineHeight:a?"22px":"24px"}})),[a]),r=(()=>{const{t:e}=c();return[{value:"hospital",label:e("booking.searchPopup.hospitals")},{value:"doctor",label:e("booking.searchPopup.doctors")},{value:"service",label:e("booking.searchPopup.services")},{value:"specialty",label:e("booking.searchPopup.specialties")}]})(),d=n((()=>r.filter((e=>!t.includes(e.value)))||[]),[t,r]);return i.createElement(Ut,{className:"booking-search-tab"},i.createElement(N,null,i.createElement(I,{value:e,onTabChange:e=>{o(e)},styles:l},i.createElement(I.List,null,d.map((e=>i.createElement(I.Tab,{value:e.value,key:e.value},s(e.label))))))))};var Qt;!function(e){e.doctor="doctor",e.service="hospital_service",e.hospital="hospital_branch"}(Qt||(Qt={}));const qt=({isMobile:e,careApiDomain:t,geoLocationPermission:m,geoLocationCoordinates:C,initialSelectedCity:b,initialSearchValue:y="",initTypeSearch:f="hospital",initSpecialty:v,careFrontDomain:x="/care",isDebug:w=!1,gaTrackingSearchBar:E,gaTrackingLocationSearch:k,autoCompleteDisabled:O=!1,inputSearchPlaceholder:j="",hideTabBookingSearch:I=[],hideSpecialtySelection:M=!1,hidePopularSearchKeys:R=!1,clientSlug:T="",routerPush:P,onGeoLocationPermissionChange:A,onChangeLocation:N})=>{const{locale:B,t:V}=c(),D=l(null),z=l(null),[_,H]=a(f),{geoLocationPermission:G,geoLocationCoordinates:Z}=K(),[Y,U]=r(bt,gt,(t=>Object.assign(Object.assign({},t),{isDebug:w,isMobile:e,geoLocationPermission:m||G||"unset",geoLocationCoordinates:C||Z||null,searchKeywords:y,initialSelectedCity:b||null,selectedLocation:b||t.selectedLocation||null,searchLocationKeywords:(null==b?void 0:b.name)||t.searchLocationKeywords,autoCompleteDisabled:O,inputSearchPlaceholder:j,locale:B}))),{navigateTo:W,focusedSpecialty:Q,searchKeywords:q,geoLocationPermission:J,selectedLocation:X,selectedSpecialty:ee,initialSelectedCity:te,searchResults:ie,isLoadingSearchResults:ae}=Y,{fetchCitiesByLocation:oe,fetchCitiesByKeyword:ne,fetchSearchResults:se,fetchAllSpecialties:le,fetchPopularKeys:re}=function({dispatch:e,careApiDomain:t,locale:i="vi-VN"}){const a=o((function(a,o={}){const n=`${t}${a}`;return e({type:mt.FetchCitiesStart}),fetch(rt(n,o,i),{method:"GET"}).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:(console.log("error loading cities",e),Promise.reject(e)))).finally((()=>e({type:mt.FetchCitiesFinish})))}),[i]);return{fetchCitiesByLocation:o((function({coordinates:t}){let o={};const n={};t&&(o={lat:t.lat,lng:t.lng}),"ms-MY"===i&&(n.noPaging=1);const s=[a(L.GET_CITY_BY_IP,Object.assign(Object.assign({},o),n))];return"zh-TW"===i&&s.push(a(L.GET_CITIES_LIST,{noPaging:1})),Promise.all(s).then((([t,i])=>{const a=Object.assign({},t);if(i){const e=a.cities.map((e=>e.id));a.cities=a.cities.concat(i.cities.filter((t=>!e.includes(t.id))))}e({type:mt.FetchCitiesByGeoIpComplete,payload:a})})).catch((e=>console.error("error loading cities by location",e)))}),[i,t,e]),fetchCitiesByKeyword:o((function(t){return a(L.GET_CITIES_LIST,{keyword:t}).then((t=>{e({type:mt.FetchCitiesByKeywordComplete,payload:t.cities})})).catch((e=>console.error("error loading cities by keyword",e)))}),[i,t,e]),fetchSearchResults:o((function(a,o,n,s,l){const r="specialty"===n?`${t}${L.GET_SEARCH_SPECIALTY}`:`${t}${L.GET_SEARCH_V2}`;e({type:mt.FetchSearchResultsStart});const{selectedLocation:c,geoLocationCoordinates:d,selectedSpecialty:u}=o;let g="";if(!c)return void e({type:mt.FetchSearchResultsFinish});g=c.id===p?"":c.id;const m=(null==d?void 0:d.lat)||"",C=(null==d?void 0:d.lng)||"",b=(null==u?void 0:u.id)>0?null==u?void 0:u.id:"",y=a.trim().length>ht[i]?a.trim():"";return fetch(rt(r,{domain:t,searchType:n||"global",keyword:y,city:g===h?"":g,lat:m,lng:C,specialty_id:b,client_slug:s},i),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e))).then((t=>{let i=[];"specialty"!==n&&(i=t.searches),"specialty"===n&&(i=y?t.specialties:t.default),e({type:mt.FetchSearchResultsComplete,payload:{key:n,searches:i||[]}}),l&&e({type:mt.UpdateInitialSearchResults,payload:{key:n,searches:i||[]}})})).catch((e=>{console.log("error loading search results",{url:r,error:e})})).finally((()=>e({type:mt.FetchSearchResultsFinish})))}),[i,t,e]),fetchAllSpecialties:o((function(){const a=`${t}${L.GET_SEARCH_SPECIALTY}`;return fetch(rt(a,{domain:t,searchType:""},i),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e))).then((t=>{e({type:mt.FetchAllSpecialties,payload:t.specialties||[]})})).catch((e=>{console.log("error loading search results",{url:a,error:e})}))}),[i,t,e]),fetchPopularKeys:o((function(a){const o=`${t}${L.GET_SEARCH_POPULAR_KEY}`;return fetch(rt(o,{domain:t,searchType:Qt[a],sort_by:"display_order",sort_order:"asc"},i)).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e))).then((t=>{e({type:mt.FetchPopularKeys,payload:t.popular_searches||[]})})).catch((e=>{console.log("error loading search results",{url:o,error:e})}))}),[i,t,e])}}({dispatch:U,locale:B,careApiDomain:t}),ce=n((()=>u[B]),[B]),de=n((()=>({doctor:{name:V("booking.searchPopup.doctors"),icon:i.createElement(jt,null),slug:ce.DOCTOR},service:{name:V("booking.searchPopup.services"),icon:i.createElement(It,null),slug:ce.SERVICE},hospital:{name:V("booking.searchPopup.hospitals"),icon:i.createElement(Ft,null),slug:ce.HOSPITAL},specialty:{name:V("booking.searchPopup.specialties"),icon:i.createElement($t,null),slug:ce.SPECIALTIES}})),[_]),pe=n((()=>d(ne,400)),[ne]),ue=n((()=>d(se,400)),[se]),he=o((function(e){U({type:mt.SelectLocation,payload:e}),ge(),N&&N(e)}),[V,U]);function ge(){var e;D.current&&(null===(e=D.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}return S(z,(()=>{U({type:mt.ClickOutsideInputSearchSpecialty})})),s((()=>{var t;"denied"===J||te||U({type:mt.SelectLocation,payload:{name:V("booking.searchBar.allLocations"),id:p,slug:null===(t=u[B])||void 0===t?void 0:t.ALL}}),A&&A(J,Y.geoLocationCoordinates),e&&"granted"===J&&X&&U({type:mt.FocusInputSearch}),oe({coordinates:Y.geoLocationCoordinates})}),[J]),s((()=>{const e=v||{name:V("booking.searchBar.allSpecialties"),id:-1,thumbnail:"",total_doctor:0,slug:ce.SPECIALTIES};Y.selectedSpecialty||U({type:mt.SelectSpecialty,payload:e})}),[v,Y.selectedSpecialty]),s((()=>{le()}),[]),s((()=>{re(_)}),[_]),s((()=>{W&&(P?P(W):window.location.href=`${x}${W}`)}),[W]),s((()=>{se(Y.searchKeywords,Y,_,T,!0)}),[X,ee,_]),i.createElement(dt,{ref:D},i.createElement(Wt,{currentTab:_,setCurrentTab:H,isMobile:e,hideTabBookingSearch:I}),i.createElement(pt,{className:"booking-search-container"},i.createElement(ut,null,i.createElement("div",{ref:z},i.createElement(F,{gap:"12px",justify:"space-between",align:"center",direction:e?"column":"row",className:"flex-search-input"},"specialty"!==_&&i.createElement(Bt,{state:Y,isMobile:e,dispatch:U,debouncedFetchCitiesByKeyword:pe,selectedLocation:X,onLocationClick:he,trackingAttributes:k}),i.createElement(Rt,{type:_,isMobile:e,state:Y,dispatch:U,debouncedFetchSearchResults:ue,initalSearchValue:y,focusSearchInput:ge,typeInformation:de,trackingAttributes:E,isLoading:ae,hideSpecialtySelection:M,clientSlug:T}),i.createElement($,{size:e?"md":"lg",fullWidth:e,onClick:function(){let e="";const{slug:t}=de[_];let i="";("doctor"===_||"hospital"===_)&&Y.selectedSpecialty.id>0&&(i=`&specialtyId=${Y.selectedSpecialty.id}`),e="specialty"===_?`/${t}`:`/${X.slug}/${t}`,T===g&&(e+=`/${T}`),e+=`?q=${q}${i}`,e&&U({type:mt.NavigateTo,payload:e})},styles:{root:{height:e?"40px":"48px"}}},V("booking.searchBar.searchButton"))),!R&&"specialty"!==_&&Y.popularKeys.length>0&&i.createElement(Yt,{type:_,state:Y,typeInformation:de,dispatch:U}),"specialty"===_&&"search"===Q&&i.createElement(_t,{state:Y,isMobile:e,dispatch:U,specialties:(null==ie?void 0:ie.specialty)||[],isLoading:ae,clientSlug:T})))))};var Jt;!function(e){e[e.SPECIALTY=1]="SPECIALTY",e[e.DOCTOR=2]="DOCTOR",e[e.CLINIC=3]="CLINIC",e[e.SERVICE=4]="SERVICE"}(Jt||(Jt={}));var Xt=Object.freeze({__proto__:null,get RedirectType(){return Jt}});export{ct as B,D as C,qt as a,Xt as t};
+`,Wt=({currentTab:e,hideTabBookingSearch:t=[],isMobile:a,setCurrentTab:o})=>{const{t:s}=c(),l=n((()=>({root:{overflowY:a?"hidden":"initial",overflowX:a?"auto":"initial"},tabsList:{background:"rgba(255, 255, 255, 0)",borderBottom:"none",flexWrap:"nowrap",".mantine-Tabs-tab":{"&:last-child":{"&:after":{display:"none"}}}},tab:{padding:a?"12px 16px 12px 16px":"15px 40px 15px 40px",borderTop:"2px solid transparent",borderBottom:"none",margin:0,borderRadius:0,position:"relative",width:"auto",'&[data-active="true"]':{borderColor:"#2d87f3",backgroundColor:"#ffffff","&:after":{display:"none"},"&:before":{content:'""',width:"100%",height:"1px",position:"absolute",backgroundColor:"#ffffff",bottom:"-1px"}},"&:hover":{borderColor:"#2d87f3",backgroundColor:"#ffffff","&:before":{content:'""',width:"100%",height:"1px",position:"absolute",backgroundColor:"#ffffff",bottom:"-1px"}},"&:after":{content:'""',width:"1px",height:"24px",backgroundColor:"#E4E8EC",position:"absolute",right:"-1px"}},tabLabel:{color:"#595959",fontSize:a?"14px":"16px",fontWeight:600,lineHeight:a?"22px":"24px"}})),[a]),r=(()=>{const{t:e}=c();return[{value:"hospital",label:e("booking.searchPopup.hospitals")},{value:"doctor",label:e("booking.searchPopup.doctors")},{value:"service",label:e("booking.searchPopup.services")},{value:"specialty",label:e("booking.searchPopup.specialties")}]})(),d=n((()=>r.filter((e=>!t.includes(e.value)))||[]),[t,r]);return i.createElement(Ut,{className:"booking-search-tab"},i.createElement(N,null,i.createElement(I,{value:e,onTabChange:e=>{o(e)},styles:l},i.createElement(I.List,null,d.map((e=>i.createElement(I.Tab,{value:e.value,key:e.value},s(e.label))))))))};var Qt;!function(e){e.doctor="doctor",e.service="hospital_service",e.hospital="hospital_branch"}(Qt||(Qt={}));const qt=({isMobile:e,careApiDomain:t,geoLocationPermission:m,geoLocationCoordinates:C,initialSelectedCity:b,initialSearchValue:y="",initTypeSearch:f="hospital",initSpecialty:v,careFrontDomain:x="/care",isDebug:w=!1,gaTrackingSearchBar:E,gaTrackingLocationSearch:k,autoCompleteDisabled:O=!1,inputSearchPlaceholder:j="",hideTabBookingSearch:I=[],hideSpecialtySelection:M=!1,hidePopularSearchKeys:R=!1,clientSlug:T="",routerPush:P,onGeoLocationPermissionChange:A,onChangeLocation:N})=>{const{locale:B,t:V}=c(),D=l(null),z=l(null),[_,H]=a(f),{geoLocationPermission:G,geoLocationCoordinates:Z}=K(),[Y,U]=r(bt,gt,(t=>Object.assign(Object.assign({},t),{isDebug:w,isMobile:e,geoLocationPermission:m||G||"unset",geoLocationCoordinates:C||Z||null,searchKeywords:y,initialSelectedCity:b||null,selectedLocation:b||t.selectedLocation||null,searchLocationKeywords:(null==b?void 0:b.name)||t.searchLocationKeywords,autoCompleteDisabled:O,inputSearchPlaceholder:j,locale:B}))),{navigateTo:W,focusedSpecialty:Q,searchKeywords:q,geoLocationPermission:J,selectedLocation:X,selectedSpecialty:ee,initialSelectedCity:te,searchResults:ie,isLoadingSearchResults:ae}=Y,{fetchCitiesByLocation:oe,fetchCitiesByKeyword:ne,fetchSearchResults:se,fetchAllSpecialties:le,fetchPopularKeys:re}=function({dispatch:e,careApiDomain:t,locale:i="vi-VN",client:a=""}){const n=o((function(a,o={}){const n=`${t}${a}`;return e({type:mt.FetchCitiesStart}),fetch(rt(n,o,i),{method:"GET"}).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:(console.log("error loading cities",e),Promise.reject(e)))).finally((()=>e({type:mt.FetchCitiesFinish})))}),[i]);return{fetchCitiesByLocation:o((function({coordinates:t}){let o={};const s={};t&&(o={lat:t.lat,lng:t.lng}),"ms-MY"===i&&(s.noPaging=1);const l=[n(L.GET_CITY_BY_IP,Object.assign(Object.assign(Object.assign({},o),s),{client:a}))];return"zh-TW"===i&&l.push(n(L.GET_CITIES_LIST,{noPaging:1,client:a})),Promise.all(l).then((([t,i])=>{const a=Object.assign({},t);if(i){const e=a.cities.map((e=>e.id));a.cities=a.cities.concat(i.cities.filter((t=>!e.includes(t.id))))}e({type:mt.FetchCitiesByGeoIpComplete,payload:a})})).catch((e=>console.error("error loading cities by location",e)))}),[i,t,e]),fetchCitiesByKeyword:o((function(t){return n(L.GET_CITIES_LIST,{keyword:t,client:a}).then((t=>{e({type:mt.FetchCitiesByKeywordComplete,payload:t.cities})})).catch((e=>console.error("error loading cities by keyword",e)))}),[i,t,e]),fetchSearchResults:o((function(a,o,n,s,l){const r="specialty"===n?`${t}${L.GET_SEARCH_SPECIALTY}`:`${t}${L.GET_SEARCH_V2}`;e({type:mt.FetchSearchResultsStart});const{selectedLocation:c,geoLocationCoordinates:d,selectedSpecialty:u}=o;let g="";if(!c)return void e({type:mt.FetchSearchResultsFinish});g=c.id===p?"":c.id;const m=(null==d?void 0:d.lat)||"",C=(null==d?void 0:d.lng)||"",b=(null==u?void 0:u.id)>0?null==u?void 0:u.id:"",y=a.trim().length>ht[i]?a.trim():"";return fetch(rt(r,{domain:t,searchType:n||"global",keyword:y,city:g===h?"":g,lat:m,lng:C,specialty_id:b,client_slug:s},i),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e))).then((t=>{let i=[];"specialty"!==n&&(i=t.searches),"specialty"===n&&(i=y?t.specialties:t.default),e({type:mt.FetchSearchResultsComplete,payload:{key:n,searches:i||[]}}),l&&e({type:mt.UpdateInitialSearchResults,payload:{key:n,searches:i||[]}})})).catch((e=>{console.log("error loading search results",{url:r,error:e})})).finally((()=>e({type:mt.FetchSearchResultsFinish})))}),[i,t,e]),fetchAllSpecialties:o((function(){const a=`${t}${L.GET_SEARCH_SPECIALTY}`;return fetch(rt(a,{domain:t,searchType:""},i),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e))).then((t=>{e({type:mt.FetchAllSpecialties,payload:t.specialties||[]})})).catch((e=>{console.log("error loading search results",{url:a,error:e})}))}),[i,t,e]),fetchPopularKeys:o((function(a){const o=`${t}${L.GET_SEARCH_POPULAR_KEY}`;return fetch(rt(o,{domain:t,searchType:Qt[a],sort_by:"display_order",sort_order:"asc"},i)).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e))).then((t=>{e({type:mt.FetchPopularKeys,payload:t.popular_searches||[]})})).catch((e=>{console.log("error loading search results",{url:o,error:e})}))}),[i,t,e])}}({dispatch:U,locale:B,careApiDomain:t,client:T}),ce=n((()=>u[B]),[B]),de=n((()=>({doctor:{name:V("booking.searchPopup.doctors"),icon:i.createElement(jt,null),slug:ce.DOCTOR},service:{name:V("booking.searchPopup.services"),icon:i.createElement(It,null),slug:ce.SERVICE},hospital:{name:V("booking.searchPopup.hospitals"),icon:i.createElement(Ft,null),slug:ce.HOSPITAL},specialty:{name:V("booking.searchPopup.specialties"),icon:i.createElement($t,null),slug:ce.SPECIALTIES}})),[_]),pe=n((()=>d(ne,400)),[ne]),ue=n((()=>d(se,400)),[se]),he=o((function(e){U({type:mt.SelectLocation,payload:e}),ge(),N&&N(e)}),[V,U]);function ge(){var e;D.current&&(null===(e=D.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}return S(z,(()=>{U({type:mt.ClickOutsideInputSearchSpecialty})})),s((()=>{var t;"denied"===J||te||U({type:mt.SelectLocation,payload:{name:V("booking.searchBar.allLocations"),id:p,slug:null===(t=u[B])||void 0===t?void 0:t.ALL}}),A&&A(J,Y.geoLocationCoordinates),e&&"granted"===J&&X&&U({type:mt.FocusInputSearch}),oe({coordinates:Y.geoLocationCoordinates})}),[J]),s((()=>{const e=v||{name:V("booking.searchBar.allSpecialties"),id:-1,thumbnail:"",total_doctor:0,slug:ce.SPECIALTIES};Y.selectedSpecialty||U({type:mt.SelectSpecialty,payload:e})}),[v,Y.selectedSpecialty]),s((()=>{le()}),[]),s((()=>{re(_)}),[_]),s((()=>{W&&(P?P(W):window.location.href=`${x}${W}`)}),[W]),s((()=>{se(Y.searchKeywords,Y,_,T,!0)}),[X,ee,_]),i.createElement(dt,{ref:D},i.createElement(Wt,{currentTab:_,setCurrentTab:H,isMobile:e,hideTabBookingSearch:I}),i.createElement(pt,{className:"booking-search-container"},i.createElement(ut,null,i.createElement("div",{ref:z},i.createElement(F,{gap:"12px",justify:"space-between",align:"center",direction:e?"column":"row",className:"flex-search-input"},"specialty"!==_&&i.createElement(Bt,{state:Y,isMobile:e,dispatch:U,debouncedFetchCitiesByKeyword:pe,selectedLocation:X,onLocationClick:he,trackingAttributes:k}),i.createElement(Rt,{type:_,isMobile:e,state:Y,dispatch:U,debouncedFetchSearchResults:ue,initalSearchValue:y,focusSearchInput:ge,typeInformation:de,trackingAttributes:E,isLoading:ae,hideSpecialtySelection:M,clientSlug:T}),i.createElement($,{size:e?"md":"lg",fullWidth:e,onClick:function(){let e="";const{slug:t}=de[_];let i="";("doctor"===_||"hospital"===_)&&Y.selectedSpecialty.id>0&&(i=`&specialtyId=${Y.selectedSpecialty.id}`),e="specialty"===_?`/${t}`:`/${X.slug}/${t}`,T===g&&(e+=`/${T}`),e+=`?q=${q}${i}`,e&&U({type:mt.NavigateTo,payload:e})},styles:{root:{height:e?"40px":"48px"}}},V("booking.searchBar.searchButton"))),!R&&"specialty"!==_&&Y.popularKeys.length>0&&i.createElement(Yt,{type:_,state:Y,typeInformation:de,dispatch:U}),"specialty"===_&&"search"===Q&&i.createElement(_t,{state:Y,isMobile:e,dispatch:U,specialties:(null==ie?void 0:ie.specialty)||[],isLoading:ae})))))};var Jt;!function(e){e[e.SPECIALTY=1]="SPECIALTY",e[e.DOCTOR=2]="DOCTOR",e[e.CLINIC=3]="CLINIC",e[e.SERVICE=4]="SERVICE"}(Jt||(Jt={}));var Xt=Object.freeze({__proto__:null,get RedirectType(){return Jt}});export{ct as B,D as C,qt as a,Xt as t};