@hhgtech/hhg-components 1.27.129 → 1.27.131

package/build/esm/onboarding.js

@@ -1 +0,0 @@
-import{a as e,_ as o}from"./tslib.es6-94d7a71f.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-74e02dfd.js";import{T as b}from"./index-47e3daa0.js";import{u as h,a as E,F as f,O as v,b as y}from"./index-266c67dc.js";import{u as w}from"./useTranslations-a44fb2b8.js";import"lodash/debounce";import"./isProduction-07258913.js";import{L as S}from"./index-989cdca7.js";import"./useCategory-8f1ab87e.js";import{P,e as j,R as k,O as C,f as x,u as B,B as z}from"./index-9f93dfea.js";import{O as T}from"./Onboarding-d1de2167.js";export{O as OnboardingStep}from"./Onboarding-d1de2167.js";import"dayjs";import{M as N}from"./screenSizeContext-7d7a1fc0.js";import"styled-components";import{t as F}from"./theme-9f669777.js";import"./gAssets.js";import{S as L,a as I,b as q,c as A,d as V,e as D,f as _,g as R,h as U,i as W}from"./index.styled-1dae8dac.js";import{yupResolver as H}from"@mantine/form";import"./index.styles-9c177634.js";import"./index-b986c56a.js";import"./utils-b9110e08.js";import"@mantine/dates";import"./index.styled-9ca36a2d.js";import"./index-d16ed225.js";import{D as Y}from"./index-6c42a891.js";import{A as $}from"./index-6b140908.js";import{V as G}from"./Visible-aa9e4118.js";import{M as Z,h as K}from"./utils-a0f349d6.js";export{M as MAPPED_LOCALE}from"./utils-a0f349d6.js";import*as J from"yup";import Q from"lodash/throttle";import{T as X}from"./index-891b3114.js";import{format as ee}from"date-fns";import"./translationsContext-b7816b6b.js";import"string-format";import"date-fns/locale";import"@mantine/carousel";import"./index-8d09f349.js";import"react-keyed-flatten-children";import"./cookieHelper-d2984087.js";import"slugify";const oe=({inputOrder:e=["phone"],withSimilac:o=!1,customTerms:n=""})=>{const{t:r}=w(),a=h(),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(P,Object.assign({defaultCountry:Z[process.env.UNIFY_LOCALE]||"VN"},a.getInputProps("phone"))),t.createElement(d.Error,{size:"md"},a.errors.phone)),s=t.createElement(j,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourName")),withAsterisk:!0},a.getInputProps("name"))),l=t.createElement(j,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(k.Group,Object.assign({className:"radio-group",label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("bmi.selectGender"))},a.getInputProps("gender")),t.createElement(k,{value:"0",label:r("onboarding.formEmail.genderMale")}),t.createElement(k,{value:"1",label:r("onboarding.formEmail.genderFemale")})),p=t.createElement("div",{className:"otp-input"},t.createElement(C,Object.assign({enterKeyHint:void 0,nonce:void 0},a.getInputProps("otp"))),t.createElement(d.Error,null,a.errors.otp)),u=t.createElement(j.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(j.Wrapper,Object.assign({},a.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),t.createElement(x,{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)),E=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"))),f=t.createElement(j.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"))),v=e.map((e=>({phone:i,full_name:s,email:l,dob:m,gender:c,otp:p,password:u,confirm_password:f,term:g,address:E}[e]||null)));return t.createElement(L,null,v)},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}=w(),s=E({initialValues:{phone:""},validate:H(te(i))});return t.createElement(I,{heading:(null==a?void 0:a.heading)||i("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||i("onboarding.updatePhone.description")},t.createElement(f,{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}=w(),{isMobile:p}=B(),u=E({initialValues:Object.assign({phone:"",term:!1},d),validate:H(ne(c))});return t.createElement(I,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(f,{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(z,{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(z,{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:y,canSkip:S,outOfEdit:P})=>{const{siteType:j,isMarryBaby:k}=n(v),[O,C]=r(30),x=p((()=>C((e=>e-1))),1e3),[M,B]=u(0,{min:0,max:3}),z=a(!0),{t:T}=w();i((()=>(x.start(),x.stop)),[]),i((()=>{0===O&&(x.stop(),z.current=!1)}),[O]);const N=E({initialValues:{otp:""},validate:H(re(T))});i((()=>{c&&N.setFieldError("otp",c)}),[c]);const L=s((()=>Q((()=>{z.current||(B.increment(),C(30),null==m||m(l||d),x.start(),z.current=!0)}),1e3,{trailing:!1})),[l,d,m,x]);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>`})}}),!P&&t.createElement("svg",{onClick:()=>{null==y||y()},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(f,{form:N},t.createElement("form",{onSubmit:N.onSubmit((t=>e(void 0,void 0,void 0,(function*(){B.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:k?F.mbColors.pink:F.colors.primaryBase,onClick:L},T("onboarding.otpForm.resendCode",{seconds:O}))),t.createElement(g,{theme:j,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")),S&&M>=3&&t.createElement(g,{theme:j,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}=w(),{siteType:c,isMarryBaby:p}=n(v),u=E({validate:H(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(y,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:p?"Marry Baby":S[m].SITE_NAME_FORMATTED})},t.createElement(f,{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}=w(),s=E({initialValues:{password:"",confirmPassword:""},validate:H(ie(i))});return t.createElement(y,{heading:i("onboarding.updatePassword.heading"),description:i("onboarding.updatePassword.description")},t.createElement(f,{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:S,onCreatePassByEmail:P,onOtpSubmit:j,onPersonalInfoSubmit:k,onPhoneSubmit:O,onResendCode:C,otpError:x,otpLoading:M,personalInfoError:z,resultScreenProps:L,siteType:I,step:q,withSimilac:H=!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}=w(),[Z,K]=r(q||E[0]),[J,Q]=r(""),[X,ee]=r(""),[oe,te]=u(0,{min:0,max:2}),{isMobile:ne}=B(),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 j(o))&&re()}catch(e){console.error(e)}})),se=()=>{oe>=2||(te.increment(),ae())},ue="marryBaby"===I;return t.createElement(v.Provider,{value:{siteType:I,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&&!H||ne?12:6,order:H?2:1,orderMd:H?1:2,sx:{zIndex:H?99:void 0}},t.createElement(D,{"data-similac":H,"data-has-banner":"object"==typeof a},Z===T.Phone&&(H?t.createElement(le,{onClose:S,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==O?void 0:O(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:S,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{Q(o),yield null==O?void 0:O(o),re()}catch(e){console.error(e)}})),customFormTexts:p.onboarding})),Z===T.OTP&&t.createElement(me,{onClose:S,onSubmit:ie,phone:J,onResendCode:C,otpError:x,loading:M,canSkip:i,onBack:se,outOfEdit:oe>=2}),Z===T.OTPEmail&&t.createElement(me,{onClose:S,onSubmit:ie,onResendCode:C,otpError:x,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:S,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{ee((null==o?void 0:o.email)||"");!(yield null==k?void 0:k(o))&&re()}catch(e){console.error(e)}})),errorMessage:z,loading:h}),Z===T.UpdatePassword&&t.createElement(pe,{onClose:S,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{yield null==P?void 0:P(o),!s&&re()}catch(e){console.error(e)}})),errorMessage:s,loading:d}),Z===T.Result&&t.createElement(y,Object.assign({},L),t.createElement(g,{theme:I,size:"lg",onClick:S,className:"form-button"},G("onboarding.button.continue"))))),"object"==typeof a&&!H&&t.createElement(m.Col,{span:"object"!=typeof a&&!H||ne?12:6,order:H?2:1,orderMd:H?1:2},t.createElement(_,null,t.createElement(R,{"data-is-marry-baby":ue},t.createElement(U,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(W,{src:null==a?void 0:a.imgSrc,loading:"lazy"}))))),"object"==typeof a&&H&&(null==a?void 0:a.imgSrc)&&t.createElement(m.Col,{span:"auto",order:H?1:2,orderMd:H?2:1},t.createElement(W,{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/types-c18212fc.js

@@ -1 +0,0 @@
-import{a as e,_ as t}from"./tslib.es6-94d7a71f.js";import o,{useContext as n,useState as a,useRef as l,useEffect as i,useMemo as s,useCallback as r}from"react";import{useMantineTheme as c,Checkbox as d,Portal as m,Popover as u}from"@mantine/core";import{s as p,e as v,t as g,v as h,w as y,x as C,y as E,R as k,L as w,z as f,E as b,F as N,G as I,H as x,I as P,J as T,K as M,B as j,b as _,M as L,j as S,N as z,O as B,Q as A,U as O,V as F,W as R,X as D,Y as U,Z as V,_ as $,$ as Z,a0 as H,a1 as W,a2 as Q,a3 as K,a4 as G,a5 as q,u as J,S as X,a6 as Y,m as ee,n as te,c as oe,a7 as ne,D as ae,g as le,l as ie,a8 as se,C as re,a9 as ce,aa as de,d as me}from"./index.styled-728d25dd.js";import{u as ue}from"./useTranslations-a44fb2b8.js";import pe from"innertext";import{t as ve}from"./theme-9f669777.js";import{T as ge,a as he,A as ye,C as Ce,b as Ee,I as ke}from"./index-47e3daa0.js";import{B as we,I as fe}from"./index-9f93dfea.js";import"@mantine/dates";import{d as be}from"./index-989cdca7.js";import"./Onboarding-d1de2167.js";import{CommonGAssets as Ne}from"./gAssets.js";import"dayjs";import{o as Ie,t as xe,k as Pe}from"./screenSizeContext-7d7a1fc0.js";import"styled-components";import"./isProduction-07258913.js";import"@mantine/hooks";import{d as Te,O as Me,C as je,E as _e,aa as Le,H as Se,B as ze,ab as Be,ac as Ae,ad as Oe,Q as Fe,W as Re,V as De,ae as Ue,X as Ve}from"./index.styles-9c177634.js";import{g as $e,b as Ze,U as He,h as We}from"./index-107cb1de.js";import{I as Qe}from"./index-92e09492.js";import Ke from"lodash/debounce";import Ge from"react-contenteditable";import"./useCategory-8f1ab87e.js";import{B as qe}from"./index-74e02dfd.js";import*as Je from"react-dom";import"./index-b986c56a.js";const Xe=({title:t,url:s,image:r,logo:d,className:m,style:u,noRefetch:v})=>{const{data:{locale:g,env:{isMarryBaby:h}}}=n(Te),[y,C]=a(!1),E=c(),k=l(v);k.current=v;const[w,f]=a(null);i((()=>{e(void 0,void 0,void 0,(function*(){if(!k.current){if(!s)return f(null);f((e=>Object.assign(Object.assign({},e),{isFetching:!0}))),Me(je(_e.FETCH_PREVIEW,{_locale:g}),"POST",{data:{link:s},headers:{"Content-Type":"application/json"}}).then((e=>{var t,o,n;C(!1),f({title:null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.title,url:s,image:(null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.image)||(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.logo)})})).catch((()=>{f(null)}))}}))}),[s]);const b=(null==w?void 0:w.image)||r,N=(null==w?void 0:w.title)||t,I=(null==w?void 0:w.logo)||d,x=(null==w?void 0:w.url)||s,P=x.replace("http://","").replace("https://","").split(/[/?#]/)[0],T=l(!1);return o.createElement(p,{"data-is-marrybaby":h,className:`${m} no-replace-click`,style:u,color:E.colors[E.primaryColor][0]},o.createElement("a",{href:x,target:"_blank",rel:"noreferrer"},b&&o.createElement("div",{className:"link-image-wrapper"},!h&&o.createElement("img",{className:"link-image-blur",src:b,onError:e=>{T.current||(T.current=!0,e.currentTarget.src=Le)},loading:"lazy"}),o.createElement("img",{className:"link-image",src:b,onError:e=>{T.current||(T.current=!0,e.currentTarget.src=Le)},loading:"lazy"})),o.createElement("div",{className:"link-info-container"},o.createElement(ge,{size:"n1"},h&&I&&!y&&o.createElement("img",{className:"link-logo",src:I,onError:()=>C(!0),loading:"lazy"}),P),o.createElement(Se,{tag:"h6"},N))))};const Ye=({onClick:e,color:t,className:a,style:l})=>{const{data:{env:{isMarryBaby:i}}}=n(Te),{t:s}=ue();return o.createElement(v,{label:o.createElement(o.Fragment,null,i&&o.createElement("img",{className:"label-sort-pin-icon",src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M3.5 19.9999L7.87 15.6299' stroke='%23FB8C00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.95634 11.294C4.56534 11.685 4.56534 12.318 4.95634 12.708L7.87434 15.626L10.7923 18.544C11.1833 18.935 11.8163 18.935 12.2063 18.544L13.3813 17.369C13.5693 17.181 13.6743 16.927 13.6743 16.662V12.726L16.5743 9.82597L18.8833 9.94897C19.1663 9.96397 19.4433 9.85797 19.6433 9.65797L20.2173 9.08397C20.6083 8.69297 20.6083 8.05997 20.2173 7.66997L15.8313 3.28397C15.4403 2.89297 14.8073 2.89297 14.4173 3.28397L13.8433 3.85797C13.6423 4.05897 13.5363 4.33497 13.5523 4.61797L13.6753 6.92697L10.7753 9.82697H6.83834C6.57334 9.82697 6.31834 9.93197 6.13134 10.12L4.95634 11.294V11.294Z' stroke='%23FB8C00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath d='M16.5699 9.83018L13.6699 6.93018' stroke='%23FB8C00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3c/svg%3e",loading:"lazy"})," ",s("label.pinnedPost")),rightLabel:!i&&o.createElement("img",{className:"label-sort-pin-icon",src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='7.18605' y1='7.68219' x2='3.68219' y2='13.8139' stroke='%23FEA21E' stroke-linecap='round'/%3e%3cpath d='M3.24591 7.78426C3.21275 7.84168 3.20376 7.90993 3.22092 7.97398C3.23808 8.03803 3.27998 8.09264 3.3374 8.12579L8.78429 11.2706C8.90385 11.3396 9.05674 11.2986 9.12578 11.1791C9.71191 10.1641 9.71348 8.97262 9.23682 7.99339L10.8583 5.18521C11.5115 5.00603 12.0982 4.57973 12.4638 3.94629C12.5328 3.82672 12.4919 3.67383 12.3723 3.6048L8.18237 1.18584C8.12494 1.15268 8.0567 1.1437 7.99265 1.16086C7.92861 1.17803 7.874 1.21993 7.84086 1.27736C7.47521 1.91077 7.39934 2.63194 7.57065 3.28723L5.94919 6.09545C4.86323 6.1723 3.83201 6.76934 3.24591 7.78426Z' fill='%23FEA21E' stroke='%23FEA21E' stroke-width='0.5' stroke-linejoin='round'/%3e%3c/svg%3e",loading:"lazy"}),onClick:e,color:"white",className:`label-pinned ${a}`,style:l})},et=e=>({message:e("notification.failure"),type:"danger"});var tt="data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 14.5C11.3137 14.5 14 11.8137 14 8.5C14 5.18629 11.3137 2.5 8 2.5C4.68629 2.5 2 5.18629 2 8.5C2 11.8137 4.68629 14.5 8 14.5Z' fill='%23FE921D'/%3e%3cpath d='M8 5.5V8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11.5H8.00708' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const ot=(e,t)=>{const[o,n]=a(e||[]);return{onSelectImages:a=>{const l=a.target.files;if(l)if(t&&e){t((e||o).concat(Array.from(l)))}else n((o=>{const n=e||o;return t&&t(n.concat(Array.from(l))),n.concat(Array.from(l))}))},onRemoveImage:o=>{if(t&&e){const n=e;n.splice(o,1),t(n.slice())}else n((n=>{const a=e||n;return a.splice(o,1),t&&t(a.slice()),a.slice()}))},onRemoveAllImages:()=>{t?t([]):n([])},imageSrcs:s((()=>(e||o).map((e=>"string"==typeof e?e:URL.createObjectURL(e)))),[e,o]),imageFiles:e||o}};var nt="data:image/svg+xml,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 22.9844C17.5228 22.9844 22 18.5072 22 12.9844C22 7.46153 17.5228 2.98438 12 2.98438C6.47715 2.98438 2 7.46153 2 12.9844C2 18.5072 6.47715 22.9844 12 22.9844Z' fill='%23262626'/%3e%3cpath d='M14.8281 10.1562L9.17127 15.8131' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.17188 10.1562L14.8287 15.8131' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const at=({className:e,style:t,bannedWords:n=[],value:s,onChange:r,onPreviewUrlChange:c,onInvalidUrlsChange:d,onImageFilesChange:m,imageFiles:u,isReplying:p})=>{const{t:v}=ue(),[g,h]=a(null),y=l(null),{onSelectImages:C,onRemoveImage:f,imageSrcs:b}=ot(u,m);return i((()=>{c&&((null==g?void 0:g.url)?c({title:g.title||"",url:g.url||"",image:g.image||"",description:g.description||""}):c(null))}),[g]),o.createElement(E,{className:e,style:t},o.createElement(ge,{size:"p4",className:"description-label"},v("createPost.popup.description")),o.createElement("div",{className:"textarea-control"},o.createElement("div",{className:"textarea-wrapper"},o.createElement(k,{html:s||"",onChange:r,bannedWords:n,onImagePickerClick:()=>{var e;return null===(e=y.current)||void 0===e?void 0:e.click()},onPreviewUrlChange:h,onInvalidUrlsChange:d,isReplying:p}))),o.createElement(ge,{size:"p4",className:"count-string"},v("character"),": ",pe(s||"").length),(!b||0===b.length)&&g&&o.createElement("div",{className:"link-preview-wrapper"},g.isFetching?o.createElement(w,null):o.createElement(o.Fragment,null,o.createElement(Xe,{title:g.title,url:g.url||"#",image:g.image,noRefetch:!0}),o.createElement("img",{src:nt,className:"icon-close",onClick:()=>h(null),loading:"lazy"}))),o.createElement("input",{ref:y,type:"file",accept:"image/png, image/gif, image/jpeg",multiple:!0,style:{display:"none"},onChange:C}),b.length>Be?o.createElement("div",{className:"input-notification"},o.createElement("img",{src:tt,loading:"lazy"}),o.createElement(ge,{size:"p4",color:ve.colors.alertWarning},v("createPost.popup.warningImage"))):null,b.length>0&&o.createElement("div",{className:"image-gallery"},b.map(((e,t)=>o.createElement("div",{key:t,className:"image-item"},o.createElement("img",{src:e,loading:"lazy"}),o.createElement("img",{className:"close-btn",src:nt,onClick:()=>f(t),loading:"lazy"}))))))},lt=(e,t)=>{if(!t)return e;const{limit:o,bannedWords:n=[]}=t,a="number"==typeof o&&o>=0?e.substring(0,o):e;return f(a,n)},it=({className:e,style:t,bannedWords:n=[],value:s,onChange:c})=>{var d;const{t:m}=ue(),[u,p]=a(""),v=l(null);i((()=>{if(v.current){const e=e=>{var t;e.preventDefault();const o=null===(t=e.clipboardData)||void 0===t?void 0:t.getData("text/plain");document.execCommand("insertHTML",!1,o)},t=v.current;return t.addEventListener("paste",e,{passive:!0}),()=>t.removeEventListener("paste",e)}}),[v]);const g=(null==n?void 0:n.join(","))||"";i((()=>{var e;if(g){const t=null===(e=v.current)||void 0===e?void 0:e.innerText;if(t){const e=f(t,n);e!==t&&(c&&c(e),p(e))}}}),[g]);const h=r(Ke((()=>{if(v.current){const e=lt(v.current.innerText,{limit:120,bannedWords:n});c&&c(e),p(e)}}),300),[]);return i((()=>{setTimeout((()=>{var e;null===(e=v.current)||void 0===e||e.focus()}),500)}),[]),o.createElement(b,{className:e,style:t},o.createElement(Qe,{name:"title",value:s||u,size:"md",label:m("createPost.title"),CustomInput:o.createElement(Ge,{innerRef:v,html:s||u,onChange:()=>{if(v.current&&v.current.innerText!==(s||u)){const e=lt(v.current.innerText,{bannedWords:n});c&&c(e),p(e),h()}},className:"title-input"})}),o.createElement(ge,{size:"p4",className:"count-string"},m("createPost.popup.wordCount",{count:(null===(d=v.current)||void 0===d?void 0:d.innerText.length)||0,max:120})))},st=({className:t,style:r,topics:c,communityId:d,onChange:m,isLoading:u,disabled:p,forceTopics:v,selectedTopics:g,noFetch:h,dataEventCategory:y,dataEventAction:C,dataEventLabel:E})=>{const{data:{locale:k,env:{isMarryBaby:f}}}=n(Te),[b,I]=a(c?[...c]:[]),[x,P]=a(g?[...g]:[]),[T,M]=a(!1),j=l(c);j.current=c,i((()=>{var t;!d||h||(null===(t=j.current)||void 0===t?void 0:t.length)||(I([]),M(!0),e(void 0,void 0,void 0,(function*(){var e;try{const t=yield Me(je(_e.TOPIC.LIST,{communityId:d,_locale:k}),"GET"),o=null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.topics;Array.isArray(o)&&I((()=>(null==o?void 0:o.map($e).sort(((e,t)=>(e.order||0)-(t.order||0))))||[]))}catch(e){console.log(e),M(!1)}M(!1)})))}),[d,h]);const _=null==c?void 0:c.map((e=>e.id)).join("-"),L=null==b?void 0:b.map((e=>e.id)).join("-"),S=null==v?void 0:v.map((e=>e.id)).join("-");i((()=>{c&&void 0!==_&&_!==L&&I(c)}),[c,_,L]);const z=s((()=>b.filter((e=>!(null==v?void 0:v.some((t=>t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId)))))),[L,S]);return o.createElement(N,{"data-is-marrybaby":f,className:t,style:r},v.map((e=>o.createElement(rt,{key:`${e.id}-${e.mappedCategoryId}`,topic:e,disabled:!0,selected:!0,dataEventAction:C,dataEventCategory:y,dataEventLabel:E}))),z.map((e=>o.createElement(rt,{key:`${e.id}-${e.mappedCategoryId}`,topic:e,disabled:p,selected:(g||x).some((t=>t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId)),onClick:()=>{const t=g||x,o=t.findIndex((t=>t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId));-1!==o?t.splice(o,1):t.push(e),m&&g?m(t.slice()):(m&&m(t.slice()),P(t.slice()))},dataEventAction:C,dataEventCategory:y,dataEventLabel:E}))),(u||T)&&o.createElement(w,{className:"topic-spinner"}))},rt=e=>{var{topic:n,disabled:a,selected:l,onClick:i}=e,s=t(e,["topic","disabled","selected","onClick"]);return o.createElement("div",Object.assign({className:"tag-item"+(l?" --active":""),"data-disabled":a,onClick:a?void 0:i},s),n.name)},ct=({className:t,style:l,onPostCreatedEdited:s,onClose:r,communities:c=[],forceSelectCommunity:m,forceSelectTopics:u,articleId:p,optionalTopic:v,editPostData:E,defaultCommunity:k,defaultTopics:w,noFetchTopic:f,hideTopicList:b,selectAskDoctor:N,showAskDoctorOptions:L,currentPageUrl:S})=>{const z=!!(null==E?void 0:E.id),{data:{locale:B,env:{isMarryBaby:A}},action:{pushNotifications:O,sanitizeFunction:F}}=n(Te),{t:R}=ue(),[D,U]=a(!1),[V,$]=a(N),[Z,H]=a(!1),[W,Q]=a(!1),[K,G]=a(!1),[q,J]=a(""),[X,Y]=a(""),[ee,te]=a(m?{label:m.name,value:`${m.id||""}-${m.mappedCategoryId||""}`}:{label:R("community.choose"),value:""}),[oe,ne]=a([...u]||[]),[ae,le]=a([]),[ie,se]=a([]),re=m||c.find((e=>`${e.id||""}-${e.mappedCategoryId||""}`===ee.value)),ce=m?[m]:c.filter((e=>e.isActive)).sort(((e,t)=>e.name>t.name?1:e.name<t.name?-1:0)),[de,me]=a(null),[Ce,Ee]=a([]),ke=q&&!W&&pe(X)&&(v||!v&&oe.length>0)&&re&&(!ae||ae.length<=Be)&&!(null==Ce?void 0:Ce.length)&&!K;i((()=>{if(E){const e=E;J(e.title||""),Y(I(x(e.description||"","edit"),e.mentions)),te({label:e.community.name,value:`${e.community.id||""}-${e.community.mappedCategoryId||""}`}),ne(e.topics||[]),le(e.photos||[]),U(!!e.isAnonymous||!1),$(!!e.isAskDoctor||!1)}else k&&te({label:k.name,value:`${k.id||""}-${k.mappedCategoryId||""}`}),w&&ne(w)}),[]),i((()=>{Q(""!==q&&!/[a-zA-Z]/.test(q))}),[q]);const fe=()=>e(void 0,void 0,void 0,(function*(){var t,o,n,a,l,i,c,d,m;if(L&&void 0===V)return H(!0),!1;const u=yield(({title:t,description:o,communityId:n,imageFiles:a,previewUrl:l,topicIds:i,locale:s,sanitizeFunction:r,categoryCommunityId:c,categoryTopicIds:d,introUrl:m,bannerUrl:u,scheduleTime:p,isAnonymous:v,isAskDoctor:E})=>e(void 0,void 0,void 0,(function*(){const e=new FormData,k=g(o),w=g(t),f=h(k);if(e.append("title",w),e.append("description",y(k,r)),c?e.append("category_community",String(c)):n&&e.append("community_id",String(n)),e.append("is_anonymous",v?"1":"0"),e.append("is_question",E?"1":"0"),(null==l?void 0:l.title)&&e.append("preview_title",l.title),(null==l?void 0:l.description)&&e.append("preview_description",l.description),(null==l?void 0:l.url)&&e.append("preview_link",Ie(l.url)),(null==l?void 0:l.image)&&e.append("preview_image",Ie(l.image)),null==i||i.forEach((t=>{e.append("topics[]",String(t||""))})),null==d||d.forEach((t=>{e.append("category_topics[]",String(t||""))})),null==a?void 0:a.length){const t=yield Promise.all(a.map(((e,t)=>new Promise((o=>{setTimeout((()=>{o(C(e,s))}),2e3*t)})))));null==t||t.filter(Boolean).slice(0,Be).forEach(((t,o)=>{e.append(`images[${o}]`,t)}))}else e.append("images","");return null==f||f.forEach((t=>{e.append("mention_ids[]",t)})),e.append("intro_url",m||""),e.append("banner",u||""),p&&(e.append("post_type","scheduled"),e.append("schedule_datetime",p)),e})))({title:q,description:X,communityId:String((null==re?void 0:re.id)||""),imageFiles:ae,previewUrl:de,topicIds:null==oe?void 0:oe.map((e=>String(e.id||""))).filter(Boolean),locale:B,sanitizeFunction:F,categoryCommunityId:String((null==re?void 0:re.mappedCategoryId)||""),categoryTopicIds:null==oe?void 0:oe.map((e=>String(e.mappedCategoryId||""))).filter(Boolean),isAnonymous:D?1:0,isAskDoctor:V?1:0});let v;p&&u.append("article_id",p),z?(null==E?void 0:E.id)&&(v=yield(({id:t,locale:o,formData:n})=>e(void 0,void 0,void 0,(function*(){return yield ze(je(_e.POST.UPDATE,{id:t,_locale:o}),"POST",{data:n})})))({id:E.id,formData:u,locale:B})):v=yield(({locale:t,formData:o,isArticleComment:n})=>e(void 0,void 0,void 0,(function*(){return yield ze(je(n?_e.POST.CREATE_ARTICLE_COMMENT:_e.POST.CREATE,{_locale:t}),"POST",{data:o})})))({formData:u,locale:B,isArticleComment:!(null==re?void 0:re.id)&&!!(null==re?void 0:re.mappedCategoryId)});const k=null==v?void 0:v.data;(null==k?void 0:k.id)&&!(null===(o=null===(t=null==v?void 0:v.messages)||void 0===t?void 0:t.moderation)||void 0===o?void 0:o.type)?(O({message:R("createPost.popup.success"),type:"success"}),(e=>{s&&s(Ze(e),z),r&&r()})(k)):"banned"===(null===(a=null===(n=null==v?void 0:v.messages)||void 0===n?void 0:n.moderation)||void 0===a?void 0:a.type)?(O({title:R("notification.post.blocked.title"),message:R("notification.post.blocked.message"),type:"danger"}),v.messages.moderation.words&&se(v.messages.moderation.words)):"suspect"===(null===(i=null===(l=null==v?void 0:v.messages)||void 0===l?void 0:l.moderation)||void 0===i?void 0:i.type)?(O({title:R("notification.post.suspect.title"),message:R("notification.post.suspect.message"),type:"warning"}),r&&r()):(null===(d=null===(c=null==v?void 0:v.messages)||void 0===c?void 0:c.find)||void 0===d?void 0:d.call(c,(e=>{var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(O({message:R("notification.suspend.message"),type:"danger"}),r&&r()):O({message:(null===(m=null==v?void 0:v.messages)||void 0===m?void 0:m[0])||R("notification.failure"),type:"danger"})}));return o.createElement(P,{className:t,style:l},o.createElement("div",{className:"input-group-container"},o.createElement(it,{className:"input-group",bannedWords:ie,value:q,onChange:J}),W&&o.createElement(T,null,o.createElement(he,{isSolid:!0,color:ve.colors.red700,size:14}),o.createElement(ge,{size:"p3",as:"span",color:ve.colors.red700},R("createPost.popup.specialCharErr"))),o.createElement(at,{className:"input-group",bannedWords:ie,value:X,onChange:Y,onPreviewUrlChange:me,onInvalidUrlsChange:Ee,onImageFilesChange:le,imageFiles:ae}),L&&o.createElement(M,{"data-is-marry-baby":A},o.createElement("div",{className:"switch-label"},o.createElement(ye,{isMarryBaby:A,size:A?32:24,color:ve.colors.primaryBase,className:"label-icon"}),o.createElement("span",{className:"label-txt"},R("createPost.askDoctor"))),o.createElement(j,{value:V,choices:[{label:R("createPost.askDoctorChoice.yes"),value:!0,dataEventCategory:"Together",dataEventAction:"Write Post Click - Ask Doctor",dataEventLabel:S},{label:R("createPost.askDoctorChoice.no"),value:!1}],onChange:e=>{"boolean"==typeof e&&(H(!1),$(e))}})),Z&&o.createElement(T,null,o.createElement(he,{isSolid:!0,color:ve.colors.red700,size:14}),o.createElement(ge,{size:"p3",as:"span",color:ve.colors.red700},R("createPost.message.askDoctorRequire"))),o.createElement("div",{className:"input-group"},o.createElement(ge,{size:"p4",className:"input-group-label"},R("admin.community")),o.createElement(_,{options:(null==ce?void 0:ce.map((e=>({label:e.name,value:`${e.id||""}-${e.mappedCategoryId||""}`}))))||[],id:"community-picker",placeholder:R("community.choose"),value:ee,dropdownLabelTrackingAttributes:{"data-event-category":"Together","data-event-action":"Write Post Click -  Choose Community/Topic","data-event-label":S},onChange:e=>{te({label:e.label,value:String(e.value)}),ne([])},disabled:!!m}),o.createElement(ge,{size:"sm",className:"warning",color:ve.colors.gray400},"* ",R("commentPopup.warning.newPost"))),!b&&o.createElement("div",{className:"input-group"},o.createElement(ge,{size:"p4",className:"input-group-label"},R("tab.topic")),o.createElement("div",{className:"input-notification"},o.createElement("img",{src:re?"data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 14.5C11.3137 14.5 14 11.8137 14 8.5C14 5.18629 11.3137 2.5 8 2.5C4.68629 2.5 2 5.18629 2 8.5C2 11.8137 4.68629 14.5 8 14.5Z' fill='%232D87F3'/%3e%3cpath d='M8 5.5V8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11.5H8.00708' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e":tt,loading:"lazy"}),o.createElement(ge,{size:"base",color:ve.colors.gray500},R(re?"createPost.popup.primary":"createPost.popup.warning"))),re&&o.createElement(st,{className:"tag-list",communityId:re.id,forceTopics:u,onChange:ne,selectedTopics:oe,noFetch:f,dataEventCategory:"Together",dataEventAction:"Write Post Click -  Choose Community/Topic",dataEventLabel:S}))),o.createElement("div",{className:"form-action"},o.createElement("div",{className:"input-group"},o.createElement(d,{className:"swich-input-group",labelPosition:"left",name:"PostAnonymous",checked:D,color:A?"pink":void 0,"data-event-category":"Together","data-event-action":"Write Post Click - Incognito","data-event-label":S,label:o.createElement("div",{className:"switch-label"},o.createElement("img",{className:"label-icon",src:Ne.getAssetPath("anomyous-avatar.svg"),alt:"anomyous avatar",style:{marginRight:"10px",width:"24px"},loading:"lazy"}),o.createElement("span",{className:"label-txt"},R("createPost.postAnonymous"))),value:"Post Anonymous",onChange:e=>U(e.currentTarget.checked),styles:{body:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center"},label:{display:"flex",alignItems:"center"}}})),o.createElement("div",{className:"input-group"},o.createElement(we,{className:"submit-btn pointer-event-child-none",size:"lg","data-event-category":"Ask Doctor","data-event-action":"Submit Question","data-event-label":window.location.href,onClick:()=>e(void 0,void 0,void 0,(function*(){if(ke&&!K){G(!0);try{yield fe()}catch(e){console.error(e),O(et(R))}G(!1)}})),disabled:!ke,loading:K},R("createPost.popup.submit")))))},dt=({className:e,isMarryBaby:t,style:l,title:s,description:r,acceptText:c,cancelText:d,onAccept:m,onCancel:u,thumbnail:p,isThumbnailIcon:v,onClose:g,acceptBtnTracking:h,acceptBtnProps:y,cancelBtnProps:C})=>{const{data:{env:{isMarryBaby:E}}}=n(Te),k="boolean"==typeof t?t:E,[w,f]=a(!1);return i((()=>(xe(!0),setTimeout((()=>f(!0)),0),()=>xe(!1))),[]),"undefined"==typeof window?null:Je.createPortal(o.createElement(L,{"data-is-marrybaby":k,className:e,style:l,"data-open":w},o.createElement(S,{className:"popup-frame",isOpen:w,onClose:g},o.createElement("div",{className:"confirm-dialog",onClick:e=>e.stopPropagation()},o.createElement("div",{className:"confirm-content"},p&&o.createElement("div",{className:"thumbnail-container "+(v?"is-icon":"")},o.createElement("img",{className:"thumbnail",src:p,loading:"lazy"})),o.createElement(Se,{className:"title",tag:"h2"},s),o.createElement(ge,{className:"desc",size:"lg"},r),o.createElement("div",{className:"btn-group"},o.createElement(qe,Object.assign({theme:k?"marryBaby":"helloSites",size:"md",color:"tertiary",onClick:()=>{null==m||m(),null==g||g()}},y,h),c),o.createElement(qe,Object.assign({theme:k?"marryBaby":"helloSites",size:"md",onClick:()=>{null==u||u(),null==g||g()}},C),d)))),k&&p&&o.createElement("div",{className:"thumbnail-container is-mobile "+(v?"is-icon":"")},o.createElement("img",{className:"thumbnail",src:p,loading:"lazy"})))),Pe())};const mt=({isReply:t,className:s,onClose:r,replyToName:c,style:d,replyingId:m,replyingUser:u,onPostSuccess:p,post:v,isMarryBaby:g})=>{const{action:{pushNotifications:E,sanitizeFunction:f},data:{userInfo:b,locale:N,env:{isMarryBaby:I}}}=n(Te),x="boolean"==typeof g?g:I,{t:P}=ue(),{onSelectImages:T,onRemoveImage:M,imageSrcs:j,onRemoveAllImages:_,imageFiles:L}=ot(),[S,A]=a(""),{trigger:O}=n(z),[F,R]=a(!1),D=l(null),U=l(null),V=l(null),[$,Z]=a([]),[H,W]=a([]),[Q,K]=a(null);return i((()=>{var e;null===(e=V.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout((()=>{var e;null===(e=U.current)||void 0===e||e.focus()}),400)}),[O]),o.createElement(B,{"data-is-reply":t,className:s,style:d},t&&o.createElement("div",{className:"reply-to-container"},o.createElement(ge,{size:"p4"},o.createElement("span",{dangerouslySetInnerHTML:{__html:P("inputComment.replyTo",{name:`<span style="color: #2D87F3; cursor: pointer">@${c||""}</span>`})}})),o.createElement("img",{src:"data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8.00016' cy='8.50004' r='6.66667' fill='white' stroke='%23404040'/%3e%3cpath d='M10 6.5L6 10.5' stroke='%23404040' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6.5L10 10.5' stroke='%23404040' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",className:"icon-close-comment",onClick:()=>r&&r(),loading:"lazy"})),o.createElement("div",{className:"input-container",ref:V},o.createElement(He,{className:"avatar-wrapper "+(t?"avatar-wrapper-reply":""),avatar:(null==b?void 0:b.id)?b.avatar:Ae,username:(null==b?void 0:b.name)||(null==b?void 0:b.username)}),o.createElement("input",{ref:D,onChange:T,type:"file",multiple:!0,accept:"image/png,image/jpeg",name:"images",style:{display:"none"}}),o.createElement(Qe,{value:S,name:"input",size:"md",className:"input-wrapper",displayIcon:o.createElement("img",{src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.7543 4.85352H4.49227C4.01776 4.85352 3.56268 5.04201 3.22715 5.37754C2.89162 5.71307 2.70313 6.16815 2.70312 6.64266V19.1667C2.70313 19.6412 2.89162 20.0963 3.22715 20.4318C3.56268 20.7673 4.01776 20.9558 4.49227 20.9558H17.0163C17.4908 20.9558 17.9459 20.7673 18.2814 20.4318C18.6169 20.0963 18.8054 19.6412 18.8054 19.1667V12.9047' stroke='%232D87F3' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M17.4633 3.51187C17.8192 3.15599 18.3019 2.95605 18.8052 2.95605C19.3085 2.95605 19.7912 3.15599 20.147 3.51187C20.5029 3.86775 20.7029 4.35044 20.7029 4.85373C20.7029 5.35702 20.5029 5.83971 20.147 6.19559L11.6486 14.694L8.07031 15.5886L8.96489 12.0103L17.4633 3.51187Z' stroke='%232D87F3' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",loading:"lazy"}),CustomInput:o.createElement("div",{className:"as-input"},o.createElement(k,{className:"textarea",html:S,onChange:A,onImagePickerClick:()=>{var e;return null===(e=D.current)||void 0===e?void 0:e.click()},bannedWords:H,onPreviewUrlChange:K,onInvalidUrlsChange:Z,setEditorRef:e=>U.current=e,isReplying:t}))}),o.createElement(qe,{theme:x?"marryBaby":"helloSites",className:"send-button",size:"sm",onClick:()=>e(void 0,void 0,void 0,(function*(){var o,n,a,l,i,s,c,d,g;if((null==v?void 0:v.id)&&!F){R(!0);try{const k=e=>{A(""),_(),r&&r();const t=We(e.data);"string"==typeof t.images&&(t.images=JSON.parse(t.images)),p&&p(t)},w=yield(({postId:t,message:o,photos:n,link:a,locale:l,sanitizeFunction:i,replyingUserId:s,replyingUserName:r,replyingId:c})=>e(void 0,void 0,void 0,(function*(){const e=new FormData;let d=y(o.replace(/(\&nbsp;)+/g," "),i);const m=h(d);return n&&n.length>0&&(yield Promise.all(null==n?void 0:n.map((e=>C(e,l))))).filter(Boolean).slice(0,Be).forEach((t=>{e.append("images[]",t)})),a&&e.append("link",a),null==m||m.forEach((t=>{e.append("mention_ids[]",t)})),e.append("post_id",t),c&&e.append("parent_id",c),s&&(m.unshift(s),d=`[mention+id="${s}"+name="${(r||"").replace('"',"'")}"]${d}`,e.append("parent_user_id",String(s))),e.append("content",d),e.append("content",d),e})))(Object.assign({message:S,photos:L,postId:String(v.id),link:null==Q?void 0:Q.url,sanitizeFunction:f,locale:N},t&&m?{replyingUserId:String((null==u?void 0:u.id)||(null===(o=null==v?void 0:v.author)||void 0===o?void 0:o.id)||""),replyingId:m,replyingUserName:(null==u?void 0:u.name)||(null==u?void 0:u.username)||""}:{})),b=yield t&&m?((t,o)=>e(void 0,void 0,void 0,(function*(){return ze(je(_e.COMMENT.REPLY,{_locale:o}),"POST",{data:t})})))(w,N):((t,o)=>e(void 0,void 0,void 0,(function*(){return ze(je(_e.COMMENT.CREATE,{_locale:o}),"POST",{data:t})})))(w,N),I=null==b?void 0:b.data;(null==I?void 0:I.id)&&!(null===(a=null===(n=null==b?void 0:b.messages)||void 0===n?void 0:n.moderation)||void 0===a?void 0:a.type)?k(b):"banned"===(null===(i=null===(l=null==b?void 0:b.messages)||void 0===l?void 0:l.moderation)||void 0===i?void 0:i.type)?(E({title:P("notification.comment.blocked.title"),message:P("notification.comment.blocked.message"),type:"danger"}),b.messages.moderation.words&&W(b.messages.moderation.words)):"suspect"===(null===(c=null===(s=null==b?void 0:b.messages)||void 0===s?void 0:s.moderation)||void 0===c?void 0:c.type)?(E({title:P("notification.comment.suspect.title"),message:P("notification.comment.suspect.message"),type:"warning"}),A(""),_(),r&&r()):(null===(d=null==b?void 0:b.messages)||void 0===d?void 0:d.find((e=>{var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(E({message:P("notification.suspend.message"),type:"warning"}),A(""),_(),r&&r()):E({title:"",message:(null===(g=null==b?void 0:b.messages)||void 0===g?void 0:g[0])||P("notification.comment.somethingWrong"),type:"danger"})}catch(e){E({title:"",message:P("notification.comment.somethingWrong"),type:"danger"})}R(!1)}})),isLoading:F,isDisabled:!!(null==$?void 0:$.length)||F||!S||(null==S?void 0:S.length)<2||!S.trim()},o.createElement("img",{src:"data:image/svg+xml,%3csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.5 9.73438L3.75 13.4844L7.5 17.2344' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M16.25 4.73438L16.25 10.3026C16.25 11.1464 15.9208 11.9557 15.3347 12.5524C14.7487 13.1491 13.9538 13.4844 13.125 13.4844L3.75 13.4844' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",className:"icon-enter",loading:"lazy"}))),(null==$?void 0:$.length)?o.createElement("div",{className:"error-text"},P("notification.limitUrlDomain")):null,(!j||0===j.length)&&Q&&o.createElement("div",{className:"link-preview-wrapper"},Q.isFetching?o.createElement(w,null):o.createElement(o.Fragment,null,o.createElement(Xe,{title:Q.title,url:Q.url||"#",image:Q.image,noRefetch:!0}),o.createElement("img",{src:nt,className:"icon-close",onClick:()=>K(null),loading:"lazy"}))),j&&j.length>0&&o.createElement("div",{className:"preview-images-container"},j.map(((e,t)=>o.createElement("div",{key:t,className:"image-src-wrapper"},o.createElement("img",{className:"preview-image",src:e,loading:"lazy"}),o.createElement("img",{src:nt,className:"icon-close-circle",onClick:()=>M(t),loading:"lazy"}))))))};var ut="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 5V8' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11H8.00708' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const pt=({className:t,style:l,reason:i,reasonText:s,onClose:r,postId:c})=>{const{data:{locale:d,env:{isMarryBaby:m}},action:{pushNotifications:u}}=n(Te),{t:p}=ue(),[v,g]=a(!1);return o.createElement(A,{"data-is-marrybaby":m,className:t,style:l},o.createElement("ul",{className:"report-list"},o.createElement("li",{className:"report-item"},o.createElement("img",{src:ut,loading:"lazy"}),o.createElement(ge,{className:"__label",color:ve.colors.gray800,size:"p4"},s))),o.createElement(qe,{theme:m?"marryBaby":"helloSites",className:"report-submit",size:"lg",color:"primary",isLoading:v,onClick:()=>e(void 0,void 0,void 0,(function*(){if(c&&!v){g(!0);try{const e=yield(({id:e,reason:t,locale:o})=>{const n=new FormData;return n.append("reason",t),ze(je(_e.POST.REPORT,{_locale:o,id:e}),"POST",{data:n})})({id:c,reason:i,locale:d});1===(null==e?void 0:e.status)&&(u({message:"Post reported",type:"success"}),r&&r())}catch(e){}g(!1)}}))},p("submit")))};const vt=({className:e,style:t,authorName:n,images:l,onClose:s,onOpenSingleView:r,alt:c})=>{const{t:d}=ue(),[u,p]=a(!1);return i((()=>{setTimeout((()=>{p(!0)}),0)}),[]),o.createElement(m,null,o.createElement(O,{className:e,style:t,"data-open":u},o.createElement("div",{className:"top-bar"},o.createElement("img",{className:"icon-arrow-left",src:"data:image/svg+xml,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.0508 18.0607L4.00078 12.0367L10.0508 6.01172' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4.00195 12.0352L19.002 12.0352' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",onClick:s,alt:"go back",loading:"lazy"}),o.createElement(ge,{size:"p2",weight:"bold",style:{textAlign:"center"}},d("previewPhotos.title",{name:n}))),o.createElement("div",{className:"container"},l.map(((e,t)=>o.createElement("img",{className:"img-preview",key:t,src:e,onClick:()=>null==r?void 0:r(t),alt:c,loading:"lazy"}))))),",")};var gt="data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 12.8125L10 8.8125L6 4.8125' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const ht=({initialViewIndex:e,images:t,onClose:n,alt:l})=>{const[s,r]=a(e),[c,d]=a(!1);i((()=>{setTimeout((()=>{d(!0)}),0)}),[]);const u=null==t?void 0:t[s],p=0===s,v=!(null==t?void 0:t.length)||s===(null==t?void 0:t.length)-1;return o.createElement(m,null,o.createElement(F,{"data-open":c&&!!u},o.createElement(R,null,o.createElement("img",{src:D,className:"icon-close",onClick:n,alt:"close",loading:"lazy"})),u&&s>=0&&o.createElement(o.Fragment,null,o.createElement(U,null,o.createElement("img",{className:"img-preview",src:u,alt:l,loading:"lazy"}),o.createElement(V,{"data-disabled":p,onClick:()=>!p&&r(s-1)},o.createElement($,null,o.createElement("img",{src:gt,style:{transform:"rotate(180deg)"},alt:"left arrow","data-disabled":p,loading:"lazy"}))),o.createElement(V,{"data-right":!0,"data-disabled":v,onClick:()=>!v&&r(s+1)},o.createElement($,null,o.createElement("img",{src:gt,alt:"right arrow","data-disabled":v,loading:"lazy"})))))))},yt=({image:e,showIcon:t=!0})=>{const[n,l]=a(!0);return o.createElement(Z,{"data-is-blurred":n,onClick:e=>n&&e.stopPropagation()},o.createElement("img",{loading:"lazy",className:"img-preview",src:e}),o.createElement(H,{onClick:e=>{e.stopPropagation(),l(!n)}},t&&o.createElement(W,null,n?o.createElement("svg",{width:"22",height:"20",viewBox:"0 0 22 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.71 2.5399C1.32 2.1499 1.32 1.5199 1.71 1.1299C2.1 0.739902 2.74 0.739902 3.13 1.1299L19.44 17.4599C19.83 17.8499 19.83 18.4799 19.44 18.8699C19.05 19.2599 18.42 19.2599 18.03 18.8699L15.31 16.1499C13.97 16.6699 12.52 16.9699 11 16.9699C6 16.9699 1.73 13.8599 0 9.4699C0.77 7.4999 2.06 5.7999 3.68 4.5099L1.71 2.5399ZM16 9.4699C16 6.7099 13.76 4.4699 11 4.4699C10.49 4.4699 10 4.5699 9.53 4.7099L7.36 2.5399C8.51 2.1699 9.73 1.9699 11 1.9699C16 1.9699 20.27 5.0799 22 9.4599C21.31 11.2199 20.21 12.7599 18.82 13.9899L15.76 10.9299C15.9 10.4699 16 9.9799 16 9.4699ZM11 14.4699C8.24 14.4699 6 12.2299 6 9.4699C6 8.6999 6.18 7.9699 6.49 7.3299L8.06 8.8999C8.03 9.0799 8 9.2699 8 9.4699C8 11.1299 9.34 12.4699 11 12.4699C11.2 12.4699 11.38 12.4399 11.57 12.3999L13.14 13.9699C12.49 14.2899 11.77 14.4699 11 14.4699ZM13.97 9.1399C13.82 7.7399 12.72 6.6499 11.33 6.4999L13.97 9.1399Z",fill:"white"})):o.createElement("svg",{width:"23",height:"16",viewBox:"0 0 23 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M11.9999 0C5.14188 0 1.88558 5.87864 1.09558 7.55664C0.963582 7.83664 0.963582 8.16141 1.09558 8.44141C1.88558 10.1204 5.14188 16 11.9999 16C18.8339 16 22.0924 10.1629 22.8964 8.46094C23.0344 8.16794 23.0344 7.83206 22.8964 7.53906C22.0924 5.83706 18.8339 0 11.9999 0ZM11.9999 3C14.7609 3 16.9999 5.239 16.9999 8C16.9999 10.761 14.7609 13 11.9999 13C9.23888 13 6.99988 10.761 6.99988 8C6.99988 5.239 9.23888 3 11.9999 3ZM11.9999 5C11.2042 5 10.4412 5.31607 9.87856 5.87868C9.31595 6.44129 8.99988 7.20435 8.99988 8C8.99988 8.79565 9.31595 9.55871 9.87856 10.1213C10.4412 10.6839 11.2042 11 11.9999 11C12.7955 11 13.5586 10.6839 14.1212 10.1213C14.6838 9.55871 14.9999 8.79565 14.9999 8C14.9999 7.20435 14.6838 6.44129 14.1212 5.87868C13.5586 5.31607 12.7955 5 11.9999 5Z",fill:"#2D87F3"})))))},Ct=({className:e,images:t=[],style:s,authorName:r,isSensitive:c=!1,alt:d})=>{const{data:{env:{isMarryBaby:m}}}=n(Te),{t:u}=ue(),p="+ "+((t.length||0)-4),[v,g]=a(!1),[h,y]=a(-1),C=t.length>5,E=l(!1);return i((()=>()=>{E.current&&xe(!1)}),[]),i((()=>{v||h>=0?(xe(!0),E.current=!0):(xe(!1),E.current=!1)}),[v,h]),o.createElement(o.Fragment,null,c&&o.createElement(Q,{message:u("sensitiveMask.contentWarningDescription"),icon:o.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.00002 0.666748C4.40002 0.666748 0.666687 4.40008 0.666687 9.00008C0.666687 13.6001 4.40002 17.3334 9.00002 17.3334C13.6 17.3334 17.3334 13.6001 17.3334 9.00008C17.3334 4.40008 13.6 0.666748 9.00002 0.666748ZM9.00002 9.83341C8.54169 9.83341 8.16669 9.45841 8.16669 9.00008V5.66675C8.16669 5.20842 8.54169 4.83342 9.00002 4.83342C9.45835 4.83342 9.83335 5.20842 9.83335 5.66675V9.00008C9.83335 9.45841 9.45835 9.83341 9.00002 9.83341ZM8.16669 11.5001V13.1667H9.83335V11.5001H8.16669Z",fill:"#FE921D"}))}),o.createElement(K,{className:e,style:s,"data-image-count":C?5:t.length||0,"data-is-marrybaby":m,"data-cursor-pointer":!c},null==t?void 0:t.slice(0,5).map(((e,t)=>{const n=4===t&&C;return o.createElement("div",{className:"img-wrapper",key:t,onClick:()=>{t>=4&&C?g(!0):y(t)}},c&&o.createElement(yt,{image:e,showIcon:!n}),!m&&o.createElement("img",{loading:"lazy",className:"img-preview-blur",src:e,alt:d}),o.createElement("img",{loading:"lazy",className:"img-preview",src:e,alt:d}),n&&o.createElement("div",{className:"img-more-overlay"},o.createElement(Se,{tag:"h1",as:"h2",color:"white"},p)))}))),v&&o.createElement(vt,{authorName:r||"",images:t,onClose:()=>g(!1),onOpenSingleView:y,alt:d}),h>=0&&o.createElement(ht,{images:t,initialViewIndex:h,onClose:()=>y(-1),alt:d}))},Et=({url:t,image:r,className:d,style:m,autoPlay:u=!0})=>{const{data:{locale:p}}=n(Te),[v,g]=a(null);i((()=>{e(void 0,void 0,void 0,(function*(){if(!r){if(!t)return g(null);g((e=>Object.assign(Object.assign({},e),{isFetching:!0}))),Me(je(_e.FETCH_PREVIEW,{_locale:p}),"POST",{data:{link:t},headers:{"Content-Type":"application/json"}}).then((e=>{var o,n;g({url:t,image:(null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.image)||(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.logo)})})).catch((()=>{g(null)}))}}))}),[t,r]);const h=r||(null==v?void 0:v.image),y=(null==v?void 0:v.url)||t,C=s((()=>G(y)),[y]),E=s((()=>y.includes("facebook.com")||y.includes("fb.watch")),[y]),k=l(0),f=l(0),[b,N]=a(!1);i((()=>{const e=()=>{var e;const t=null===(e=I.current)||void 0===e?void 0:e.getBoundingClientRect();let o=!1;t&&(!k.current||Math.abs((k.current-t.width)/(null==t?void 0:t.width))>.2)&&(k.current=Math.floor(t.width),o=!0),t&&(!f.current||Math.abs((f.current-t.height)/(null==t?void 0:t.height))>.2)&&(f.current=Math.floor(t.height),o=!0),o&&N((e=>!e))};return e(),window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]);const I=l(null),x=c();return o.createElement(q,{className:`${d} no-replace-click`,style:m,ref:I,color:x.colors[x.primaryColor][0]},r||!C&&!E?o.createElement("a",{href:y,target:"_blank",rel:"noreferrer"},o.createElement("div",{className:"link-image-wrapper "+((null==v?void 0:v.isFetching)?"fetching":"")},(null==v?void 0:v.isFetching)?o.createElement(w,{className:"loading-spinner"}):o.createElement(fe,{className:"link-image",src:h||Le,backupSrc:Le,alt:y}))):o.createElement("div",{className:"link-image-wrapper"},C?o.createElement("iframe",{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${C}?&autoplay=${u?1:0}&mute=1&enablejsapi=1`,frameBorder:"0",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,border:"none",overflow:"hidden"},loading:"lazy"}):E?o.createElement("iframe",{key:String(b),src:`https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(y)}&autoplay=${u?1:0}&show_text=false&t=0&width=${k.current}&height=${f.current}`,style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:f.current,width:k.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share",loading:"lazy"}):null))};var kt="KsWg8i6",wt="_9tS0EUN",ft="kyyRKlb",bt="-Uqqka-";const Nt=l=>{var{post:i,onSkip:s,btnText:d,currentPageUrl:m}=l,p=t(l,["post","onSkip","btnText","currentPageUrl"]);const{t:v}=ue(),{data:{locale:g},action:{pushNotifications:h}}=n(Te),[y,C]=a(!1),[E,k]=a(!1),w=c(),f=r((()=>e(void 0,void 0,void 0,(function*(){var e;k(!0);const t=yield ze(je(_e.USER.SKIP_QUESTION,{_locale:g,id:null==i?void 0:i.id}),"PUT");1===(null==t?void 0:t.status)?(null==s||s({id:(null==i?void 0:i.id)||"",communityId:(null===(e=null==i?void 0:i.community)||void 0===e?void 0:e.id)||""}),C(!1),h({title:"",message:"Skip success",type:"success"})):h({title:"",message:null==t?void 0:t.messages,type:"danger"}),k(!1)}))),[]);return o.createElement(u,{width:327,withArrow:!0,shadow:"md",opened:y},o.createElement(u.Target,null,o.createElement("div",Object.assign({className:`${kt} ${(null==p?void 0:p.className)||""}`,onClick:()=>C(!0)},p),d||v("profilePanel.questionNotClear"))),o.createElement(u.Dropdown,null,o.createElement("div",null,o.createElement("div",{className:wt},v("profilePanel.skipQuestion.heading")),o.createElement("div",{className:ft},v("profilePanel.skipQuestion.content")),o.createElement("div",{className:bt},o.createElement(we,{size:"md",variant:"secondary",leftIcon:o.createElement(Ce,{color:w.fn.primaryColor(),size:24}),onClick:()=>C(!1),styles:()=>({leftIcon:{marginRight:0}})}),o.createElement(we,{variant:"primary",size:"md",leftIcon:o.createElement(Ee,{color:"white",size:24}),onClick:f,loading:E,"data-event-category":"Together","data-event-action":"Unclear Question Click","data-event-label":m,styles:()=>({leftIcon:{marginRight:0}})})))))};var It="data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M5 10C3.9 10 3 10.9 3 12C3 13.1 3.9 14 5 14C6.1 14 7 13.1 7 12C7 10.9 6.1 10 5 10Z' fill='%233E3F58'/%3e %3cpath d='M19 10C17.9 10 17 10.9 17 12C17 13.1 17.9 14 19 14C20.1 14 21 13.1 21 12C21 10.9 20.1 10 19 10Z' fill='%233E3F58'/%3e %3cpath d='M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z' fill='%233E3F58'/%3e %3c/svg%3e",xt="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='%23595959' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 13.3334L8 10.3704L4 13.3334V3.85187C4 3.53754 4.12041 3.23608 4.33474 3.01382C4.54906 2.79155 4.83975 2.66669 5.14286 2.66669H10.8571C11.1602 2.66669 11.4509 2.79155 11.6653 3.01382C11.8796 3.23608 12 3.53754 12 3.85187V13.3334Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Pt="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 13.3334L8 10.3704L4 13.3334V3.85187C4 3.53754 4.12041 3.23608 4.33474 3.01382C4.54906 2.79155 4.83975 2.66669 5.14286 2.66669H10.8571C11.1602 2.66669 11.4509 2.79155 11.6653 3.01382C11.8796 3.23608 12 3.53754 12 3.85187V13.3334Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Tt="data:image/svg+xml,%3csvg width='3' height='13' viewBox='0 0 3 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='1.58326' cy='6.41663' r='1.25' transform='rotate(89.9997 1.58326 6.41663)' fill='%23595959'/%3e%3cellipse cx='1.58326' cy='1.41663' rx='1.25' ry='1.25' transform='rotate(89.9997 1.58326 1.41663)' fill='%23595959'/%3e%3cellipse cx='1.58326' cy='11.4166' rx='1.25' ry='1.25' transform='rotate(89.9997 1.58326 11.4166)' fill='%23595959'/%3e%3c/svg%3e",Mt="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 5.33337C13.1046 5.33337 14 4.43794 14 3.33337C14 2.2288 13.1046 1.33337 12 1.33337C10.8954 1.33337 10 2.2288 10 3.33337C10 4.43794 10.8954 5.33337 12 5.33337Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4 10C5.10457 10 6 9.10457 6 8C6 6.89543 5.10457 6 4 6C2.89543 6 2 6.89543 2 8C2 9.10457 2.89543 10 4 10Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12 14.6666C13.1046 14.6666 14 13.7712 14 12.6666C14 11.5621 13.1046 10.6666 12 10.6666C10.8954 10.6666 10 11.5621 10 12.6666C10 13.7712 10.8954 14.6666 12 14.6666Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.72668 9.00665L10.28 11.66' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.2734 4.33997L5.72668 6.9933' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",jt="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 4H3.33333H14' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.33334 3.99992V2.66659C5.33334 2.31296 5.47382 1.97382 5.72387 1.72378C5.97392 1.47373 6.31305 1.33325 6.66668 1.33325H9.33334C9.68697 1.33325 10.0261 1.47373 10.2762 1.72378C10.5262 1.97382 10.6667 2.31296 10.6667 2.66659V3.99992M12.6667 3.99992V13.3333C12.6667 13.6869 12.5262 14.026 12.2762 14.2761C12.0261 14.5261 11.687 14.6666 11.3333 14.6666H4.66668C4.31305 14.6666 3.97392 14.5261 3.72387 14.2761C3.47382 14.026 3.33334 13.6869 3.33334 13.3333V3.99992H12.6667Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.66666 7.33325V11.3333' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.33334 7.33325V11.3333' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const _t=({authorEmail:t,onDeletePost:l,shareUrl:i,post:s,className:r="",popoverClassName:c="",onBookmark:d,onRemoveBookmark:m,onEditPost:u})=>{const{data:{locale:p,userInfo:v,togetherUserId:g,env:{isMarryBaby:h}},action:{pushNotifications:y}}=n(Te),{t:C}=ue(),[E,k]=a(!1),[w,f]=a(!1),[b,N]=a(!1),{authActionWrapper:I}=J(),x=t&&(null==v?void 0:v.email)&&t===String(null==v?void 0:v.email);return o.createElement("div",{className:r,onClick:e=>{e.preventDefault(),e.stopPropagation()}},b&&o.createElement(X,{url:i,text:null==s?void 0:s.title,onClose:()=>N(!1)}),w&&o.createElement(dt,{thumbnail:Ne.getAssetPath("trash-bin.svg"),isThumbnailIcon:!0,title:C("popup.deletePost.title"),description:C("popup.deletePost.description"),acceptText:C("popup.deletePost.accept"),cancelText:C("popup.deletePost.cancel"),onAccept:()=>e(void 0,void 0,void 0,(function*(){if((null==s?void 0:s.id)&&!E){k(!0);try{const t=yield(({id:t,locale:o})=>e(void 0,void 0,void 0,(function*(){if(t)return yield ze(je(_e.POST.DELETE,{id:t,_locale:o}),"DELETE")})))({id:s.id,locale:p});1===(null==t?void 0:t.status)&&(null==l||l())}catch(e){}k(!1)}})),onClose:()=>f(!1)}),o.createElement(Y,{className:c,toggleButtonContent:o.createElement("img",{src:h?It:Tt,loading:"lazy"}),position:"bottom",align:"end",buttonProps:{isLoading:E},data:x?{isShowheader:!1,type:"list",list:[{icon:Mt,label:C("morePopover.share"),onClick:()=>N(!0)},{icon:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.16952 3.2356H2.99484C2.6785 3.2356 2.37512 3.36126 2.15143 3.58495C1.92774 3.80863 1.80208 4.11202 1.80208 4.42836V12.7777C1.80208 13.094 1.92774 13.3974 2.15143 13.6211C2.37512 13.8448 2.6785 13.9705 2.99484 13.9705H11.3442C11.6605 13.9705 11.9639 13.8448 12.1876 13.6211C12.4113 13.3974 12.537 13.094 12.537 12.7777V8.60303' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11.6425 2.341C11.8798 2.10375 12.2016 1.97046 12.5371 1.97046C12.8726 1.97046 13.1944 2.10375 13.4317 2.341C13.6689 2.57826 13.8022 2.90005 13.8022 3.23558C13.8022 3.57111 13.6689 3.89289 13.4317 4.13015L7.76607 9.79578L5.38054 10.3922L5.97692 8.00663L11.6425 2.341Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",label:C("actionPopover.edit"),onClick:u},{icon:jt,label:C("actionPopover.delete"),onClick:()=>{I((()=>f(!0)))}}]}:{isShowheader:!1,type:"list",list:[{icon:Mt,label:C("morePopover.share"),onClick:()=>N(!0)},{icon:(null==s?void 0:s.bookmarked)?xt:Pt,label:(null==s?void 0:s.bookmarked)?C("morePopover.unsavePost"):C("morePopover.savePost"),onClick:()=>{I((()=>e(void 0,void 0,void 0,(function*(){if((null==v?void 0:v.id)&&(null==s?void 0:s.id))if(null==s?void 0:s.bookmarked){const e=yield ze(je(_e.BOOKMARK.DELETE,{_locale:p}),"DELETE",{data:{post_id:String(s.id)}});1===(null==e?void 0:e.status)?(y({title:"",message:"Removed saved post",type:"success",displayIcon:Pt}),m&&m()):y({title:"",message:"Remove failed",type:"danger",displayIcon:Pt})}else{const e=yield ze(je(_e.BOOKMARK.CREATE,{_locale:p}),"POST",{data:{user_id:g||v.id,post_id:s.id}});1===(null==e?void 0:e.status)?(y({title:"",message:"Post saved",type:"success",displayIcon:xt}),d&&d()):y({title:"",message:"Post saved failed",type:"danger",displayIcon:Pt})}}))))}},{icon:ut,label:C("morePopover.report"),subTree:{title:C("morePopover.report.title"),description:C("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(Oe).map((e=>({label:Oe[e].label,reason:Oe[e].reportReasonText,reasonValue:e}))).map((e=>({label:C(e.label),subTree:{title:C("morePopover.reportSubmit.title"),description:C("morePopover.reportSubmit.description"),isShowheader:!0,type:"jsx",jsxRenderer:t=>o.createElement(pt,{reason:e.reasonValue,reasonText:C(e.reason),postId:null==s?void 0:s.id,onClose:()=>t&&t(!1)})}})))}}]}}))};const Lt=({onDeleteComment:t,commentId:l,className:i="",popoverClassName:s=""})=>{const{data:{env:{isMarryBaby:r},locale:c},action:{pushNotifications:d}}=n(Te),{t:m}=ue(),[u,p]=a(!1),{authActionWrapper:v}=J();return o.createElement("div",{className:i,onClick:e=>{e.preventDefault(),e.stopPropagation()}},u&&o.createElement(dt,{thumbnail:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3e%3cg stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23clip0)'%3e%3cpath d='M2 4.008h12M5.333 4.008V2.675a1.333 1.333 0 0 1 1.334-1.333h2.666a1.333 1.333 0 0 1 1.334 1.333v1.333m2 0v9.334a1.333 1.333 0 0 1-1.334 1.333H4.667a1.333 1.333 0 0 1-1.334-1.333V4.008h9.334ZM6.667 7.342v4M9.333 7.342v4'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0'%3e%3cpath fill='white' d='M0 .008h16v16H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",isThumbnailIcon:!0,title:m("popup.deleteComment.title"),description:m("popup.deleteComment.description"),acceptText:m("popup.deletePost.accept"),cancelText:m("popup.deletePost.cancel"),onAccept:()=>e(void 0,void 0,void 0,(function*(){var e;if(!l)return;const o=yield(({id:e,locale:t})=>ze(je(_e.COMMENT.DELETE,{_locale:t,id:e}),"DELETE"))({id:l,locale:c});1===(null==o?void 0:o.status)?(t&&t(),d({title:"",message:m("notification.success"),type:"success"})):d({title:"",message:(null===(e=null==o?void 0:o.messages)||void 0===e?void 0:e[0])||m("notification.failure"),type:"danger"})})),onClose:()=>p(!1)}),o.createElement(Y,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:[{icon:jt,label:m("actionPopover.delete"),onClick:()=>{v((()=>{p(!0)}))}}]},className:s,toggleButtonContent:o.createElement("img",{src:r?It:Tt,loading:"lazy"}),buttonProps:{}}))};var St="-dzIuHr";const zt=({userId:e,avatar:t,name:n,role:l,title:i,className:s})=>{const{t:r}=ue(),[c,d]=a(!1);return o.createElement(o.Fragment,null,o.createElement(qe,{className:`${St} ${s}`,color:"success",size:"xs",onClick:()=>d(!0),style:{padding:"5px 8px",marginBottom:"12px",borderRadius:"4px"}},o.createElement("span",{className:"text"},o.createElement(ke.Endorse,{isSolid:!0,size:18,color:ve.colors.green800,className:"icon"}),r("cardReply.verifyBy",{name:`${n||""}`}))),o.createElement(ee,{open:c,onClose:()=>d(!1),profileModalProps:{zIndex:1e3}},o.createElement(te,{authorProps:{userId:e,avatar:t,name:n,role:l,title:i},hideQuestionTab:!0})))};const Bt=({className:t,style:l,comment:r,type:c="comment",level:d=0,replyingId:m,onPostCommentSuccess:u,post:p,onDeleteComment:v,refetchComment:g,hasQuickBookingEnable:h,handleMakeAppointment:y,cardAuthorProps:C,maxChars:E=600,disableShortenContent:k})=>{var w,f,b,N,I,x,P,T,M,j,_,L,S;const{data:{locale:z,userInfo:B,env:{isMarryBaby:A}}}=n(Te),{t:O}=ue(),[F,R]=a(r||null),{id:D,countLikes:U,content:V,replies:$=[],images:Z=[],author:H,liked:W,link:Q,mentionedUser:K,mentions:G}=F,{text:q,replyingTo:X}=(e=>{try{const t=e.match(/\[@([^\]]+)\]/),o=t?t[0].replace("[@","").replace("]",""):"";return{text:e.replace(/\[@([^\]]+)\]/,"").trim(),replyingTo:o}}catch(e){}return{text:""}})(V),{authActionWrapper:Y}=J({_joinCommunityIds:[null===(w=null==p?void 0:p.community)||void 0===w?void 0:w.id],_joinTopicIds:null===(f=null==p?void 0:p.topics)||void 0===f?void 0:f.map((e=>e.id))}),[ee,te]=a(4),de=!!(null==B?void 0:B.id)&&(null==$?void 0:$.some((e=>e.author.id===B.id))),me=e=>{R((t=>{if(!t.replies.find((t=>t.id===e.id))){t.replies.unshift(e);const o=Object.assign(Object.assign({},t),{replies:t.replies.slice(),countReplies:t.countReplies+1});return g&&g(o),o}return t}))},[pe,ve]=a(!1),ge=s((()=>"comment"===c&&$&&0!=$.length?$.sort(((e,t)=>{const o=new Date(e.createdAt).getTime(),n=new Date(t.createdAt).getTime();return o>n?-1:o<n?1:0})):$),[c,$]),he=(null==$?void 0:$.length)||0,ye=String(null==H?void 0:H.email)&&(null==B?void 0:B.email)&&String(null==H?void 0:H.email)===String(null==B?void 0:B.email),Ce=(null==H?void 0:H.name)||(null==H?void 0:H.username)||"",Ee=(null==H?void 0:H.username)||(null==H?void 0:H.name)||"",ke=null==H?void 0:H.avatar,we=(null==p?void 0:p.isAnonymous)||null==H?void 0:H.role,fe=[...(null==p?void 0:p.isAnonymous)?[{id:(null===(b=null==p?void 0:p.author)||void 0===b?void 0:b.id)||0,name:O("cardPost.anonymous")}]:[],...G||[]],[Ne,Ie]=a(null),[xe,Pe]=a(null);i((()=>{if(null==H?void 0:H.hospitalId){const t=t=>e(void 0,void 0,void 0,(function*(){var e;const o=yield Me(Fe(Re.GET_HOSPITAL_INFO,{hospital_branch_id:t,website_url:be[z]}),"get");(null===(e=null==o?void 0:o._data)||void 0===e?void 0:e.branch)&&Ie(null==o?void 0:o._data.branch)}));t(H.hospitalId)}if(null==H?void 0:H.doctorId){const t=t=>e(void 0,void 0,void 0,(function*(){var e;const o=yield Me(Fe(Re.GET_DOCTOR_INFO,{doctorId:t,website_url:be[z]}),"get");(null===(e=null==o?void 0:o._data)||void 0===e?void 0:e.doctor)&&Pe(null==o?void 0:o._data.doctor)}));t(H.doctorId)}}),[H.hospitalId,H.doctorId]);const Le=(null==xe?void 0:xe.valid_outpatient)||(null==xe?void 0:xe.valid_telemedicine),Se=((null==Ne?void 0:Ne.total_available_service)||(null==Ne?void 0:Ne.total_available_doctor))>0,Be=h&&(Le||Se),Ae="chatbot"===(null===(N=null==F?void 0:F.author)||void 0===N?void 0:N.type);return o.createElement(oe,{defaultParams:{_joinCommunityIds:[null===(I=null==p?void 0:p.community)||void 0===I?void 0:I.id],_joinTopicIds:null===(x=null==p?void 0:p.topics)||void 0===x?void 0:x.map((e=>e.id))}},o.createElement(ne,{className:t,style:l,"data-is-reply":!!d,"data-is-marrybaby":A,"data-has-booking":Be},"reply"===c&&o.createElement(ae,{className:"top-divider",type:"solid"}),o.createElement("div",{style:{padding:"16px 16px 0"}},o.createElement(le,Object.assign({avatar:ke,name:Ce,username:Ee,timeText:null==p?void 0:p.createdTime,community:null==p?void 0:p.community,className:"post-author "+(ye?"with-popover":""),type:c,userId:null==H?void 0:H.id,role:we,expertId:null==H?void 0:H.partnerId,title:null==H?void 0:H.title,doctorId:null==H?void 0:H.doctorId,hospitalId:null==H?void 0:H.hospitalId,hasQuickBooking:Be,handleMakeAppointment:y,isAnonymous:(null==F?void 0:F.isAnonymous)||Boolean(null==p?void 0:p.isAnonymous)&&(null===(P=null==p?void 0:p.author)||void 0===P?void 0:P.username)===(null==H?void 0:H.username),hideBackground:Ae,userType:null==H?void 0:H.type},C)),Boolean(null==F?void 0:F.isVerify)&&!Boolean(null==F?void 0:F.isOppose)&&o.createElement(zt,{title:null===(T=null==F?void 0:F.userVerify)||void 0===T?void 0:T.title,name:null===(M=null==F?void 0:F.userVerify)||void 0===M?void 0:M.name,userId:null===(j=null==F?void 0:F.userVerify)||void 0===j?void 0:j.id,role:null===(_=null==F?void 0:F.userVerify)||void 0===_?void 0:_.role,avatar:null===(L=null==F?void 0:F.userVerify)||void 0===L?void 0:L.avatar,className:"verify-tag"})),o.createElement(ie,{className:"post-content-wrapper",replyingTo:X,mentionedUser:K,description:q,mentions:fe,maxChars:E,disableShortenContent:k}),o.createElement("span",null),o.createElement("span",null),Z&&Z.length>0?o.createElement("div",{key:"image-preview",className:"image-preview-wrapper","data-is-reply":!0},o.createElement(Ct,{images:Z,authorName:null==H?void 0:H.username})):null,Z&&0!==Z.length||!Q?null:o.createElement("div",{key:"link-preview",className:"link-preview-wrapper","data-is-reply":!0},o.createElement(Xe,{url:Q})),"most-engaging"!==c?o.createElement(o.Fragment,null,Ae&&o.createElement(se,{listUrl:null==F?void 0:F.source,categorySlug:null==F?void 0:F.categorySlug}),o.createElement(re,{type:ce.reply,loveCount:U,replyCount:he,className:"post-reaction",liked:W,isReplied:de,hideCommentIcon:"reply"===c||Ae,hasShare:!1,onCommentClick:()=>Y((()=>ve((e=>!e)))),onCommentCountClick:()=>Y((()=>{ve(!0)})),onLikeClick:()=>Y((()=>e(void 0,void 0,void 0,(function*(){if(D){const t=yield(({commentId:t,setLike:o=!1,locale:n})=>e(void 0,void 0,void 0,(function*(){return ze(je(o?_e.COMMENT.LIKE:_e.COMMENT.UNLIKE,{_locale:n,id:t}),"GET")})))({commentId:D,setLike:!W,locale:z});1===t.status&&R((e=>Object.assign(Object.assign({},e),{liked:!W,countLikes:e.countLikes+(W?-1:1)})))}}))))}),pe&&o.createElement(mt,{replyingId:m||F.id,replyToName:Ce,isReply:!0,onClose:()=>ve(!1),onPostSuccess:e=>{"reply"===c?u&&u(e):me(e)},post:p,replyingUser:H}),"comment"===c&&$&&$.length>0?o.createElement("div",{className:"comment-reply-wrapper"},null===(S=null==ge?void 0:ge.slice(0,ee))||void 0===S?void 0:S.map((e=>o.createElement(Bt,{key:e.id,comment:e,type:"reply",className:"comment-reply-item",level:d+1,replyingId:D,onPostCommentSuccess:me,post:p,onDeleteComment:()=>{R((t=>Object.assign(Object.assign({},t),{replies:t.replies.filter((t=>t.id!==e.id)),countReplies:t.countReplies-1})))},handleMakeAppointment:y,hasQuickBookingEnable:h}))),he>ee&&o.createElement(o.Fragment,null,o.createElement(ae,{className:"top-divider",type:"solid"}),o.createElement(qe,{className:"more-cmt",size:"lg",color:"ghost",onClick:()=>te((e=>e+4))},O("comment.seeMoreReplies",{count:he-ee}),o.createElement("img",{className:"chevron-right",src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 12L10 8L6 4' stroke='%232D87F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",loading:"lazy"})))):null):null,ye&&o.createElement(Lt,{onDeleteComment:v,className:"popover",commentId:F.id})))},At=(t,o)=>e(void 0,void 0,void 0,(function*(){var e,n,a;const l=yield Ue(je(_e.COMMENT.LIST,{postId:t,_locale:o,sort:"popularity",perPage:1,withoutReply:1}),"GET");return null===(a=null===(n=null===(e=null==l?void 0:l.data)||void 0===e?void 0:e.comments)||void 0===n?void 0:n.map(We))||void 0===a?void 0:a[0]})),Ot=({className:t,style:l,hideViewMoreComment:s,showMostEngaging:r,onCommentClick:c,onCommentCountClick:d,onMostEngagingCommentClick:m,onPostCommentSuccess:u,disableCardLink:p,disableShortenContent:v,onDeletePost:g,onEditPost:h,post:y,mostEngagingComment:C,onDeleteComment:E,showInputComment:k,InlineCommentsComponent:w,hasQuickBookingEnable:f,handleMakeAppointment:b,cardAuthorProps:N})=>{const[I,x]=a(y),[P,T]=a(!1),[M,j]=a(C),{community:_,topics:L,author:S,slug:z,isPin:B,liked:A,photos:O,mentions:F,title:R,description:D,previewUrl:U,likesCount:V,commentsCount:$,id:Z,commented:H}=I,{data:{locale:W,env:{isMarryBaby:Q,togetherBasePath:K}},action:{pushNotifications:G}}=n(Te),{t:q}=ue(),[Y,ee]=a(k),te=`${K}/${(null==_?void 0:_.slug)||"_"}/${z||""}`,ne=`${De(W)}${te}`,{authActionWrapper:ae}=J((null==_?void 0:_.slug)?{_joinCommunityIds:[_.id],_joinTopicIds:null==L?void 0:L.map((e=>e.id))}:void 0),[se,ve]=a(!1);i((()=>{ee(k)}),[k]);const ge=(null==S?void 0:S.name)||(null==S?void 0:S.username)||"",he=(null==S?void 0:S.username)||(null==S?void 0:S.name)||"",ye=null==S?void 0:S.avatar,Ce=(null==I?void 0:I.isAnonymous)||null==S?void 0:S.role,[Ee,ke]=a(null),[we,fe]=a(null);i((()=>{if(null==S?void 0:S.hospitalId){(t=>e(void 0,void 0,void 0,(function*(){var e;const o=yield Me(Fe(Re.GET_HOSPITAL_INFO,{hospital_branch_id:t,website_url:Ve[W]}),"get");(null===(e=null==o?void 0:o._data)||void 0===e?void 0:e.branch)&&ke(null==o?void 0:o._data.branch)})))(S.hospitalId)}if(null==S?void 0:S.doctorId){(t=>e(void 0,void 0,void 0,(function*(){var e;const o=yield Me(Fe(Re.GET_DOCTOR_INFO,{doctorId:t,website_url:Ve[W]}),"get");(null===(e=null==o?void 0:o._data)||void 0===e?void 0:e.doctor)&&fe(null==o?void 0:o._data.doctor)})))(S.doctorId)}}),[S.hospitalId,S.doctorId]);const be=(null==we?void 0:we.valid_outpatient)||(null==we?void 0:we.valid_telemedicine),Ne=((null==Ee?void 0:Ee.total_available_service)||(null==Ee?void 0:Ee.total_available_doctor))>0,Ie=f&&(be||Ne);i((()=>{e(void 0,void 0,void 0,(function*(){if(Z&&$&&r&&!(null==C?void 0:C.id)){const e=yield At(Z,W);j(e)}}))}),[Z,W,$,r,null==C?void 0:C.id]),i((()=>{j(C)}),[null==C?void 0:C.id]);const xe=t=>e(void 0,void 0,void 0,(function*(){if($>1&&(null==M?void 0:M.id)&&(null==M?void 0:M.id)===(null==t?void 0:t.id)){const e=yield At(Z,W);j(e)}x((e=>Object.assign(Object.assign({},e),{commentsCount:e.commentsCount-1}))),E&&E(t)}));return o.createElement(oe,{defaultParams:(null==_?void 0:_.slug)?{_joinCommunityIds:[_.id],_joinTopicIds:null==L?void 0:L.map((e=>e.id))}:void 0},P&&o.createElement(X,{url:ne,avatar:Le,text:R,onClose:()=>T(!1)}),o.createElement(de,{className:t,style:l,"data-is-marrybaby":Q},B?o.createElement(Ye,{className:"post-pin"}):null,o.createElement("div",{style:{position:"relative",padding:"1rem 1rem 0"}},o.createElement(le,Object.assign({avatar:ye,name:ge,username:he,url:p?void 0:te,community:_,timeText:null==I?void 0:I.createdTime,className:"post-author",role:Ce,userId:null==S?void 0:S.id,expertId:null==S?void 0:S.partnerId,doctorId:null==S?void 0:S.doctorId,hospitalId:null==S?void 0:S.hospitalId,title:null==S?void 0:S.title,hasQuickBooking:Ie,handleMakeAppointment:b,"data-testid":"name",isAnonymous:!!(null==I?void 0:I.isAnonymous),extendEle:o.createElement(_t,{authorEmail:String(null==S?void 0:S.email),onDeletePost:g,shareUrl:ne,post:I,className:"popover",onEditPost:h})},N))),o.createElement("a",{href:p?void 0:te,className:"post-content-link-wrapper"},R&&o.createElement(Se,{className:"post-content-title",as:"h2",tag:"h5",fontWeight:"bold","data-testid":"Title of the Post"},pe(R)),o.createElement(ie,{className:"post-content-wrapper",description:D,disableShortenContent:v,mentions:F,"data-testid":"Content of the Post"})),o.createElement("span",null),o.createElement("span",null),o.createElement("div",{key:"tag-topic"},L&&L.length>0?o.createElement(me,{topics:L,className:"post-topics"}):null),o.createElement("div",{key:"social-preview"},(null==I?void 0:I.introUrl)?o.createElement("div",{className:"social-preview-wrapper "+((null==O?void 0:O.length)?"has-image":"")},o.createElement(Et,{url:I.introUrl,image:I.bannerImage})):null),o.createElement("div",{key:"image-preview"},(null==O?void 0:O.length)?o.createElement("div",{className:"image-preview-wrapper"},o.createElement(Ct,{images:O,authorName:null==S?void 0:S.name})):null),o.createElement("div",{key:"link-preview"},(null==I?void 0:I.introUrl)||(null==O?void 0:O.length)||!(null==U?void 0:U.url)?null:o.createElement("div",{className:"link-preview-wrapper"},o.createElement(Xe,{title:U.title,url:U.url,image:U.image}))),o.createElement(re,{isMarryBaby:Q,type:ce.post,loveCount:V,replyCount:$,className:"post-reaction "+((null==O?void 0:O.length)||(null==U?void 0:U.url)?"hide-top-border":""),liked:se?!A:A,isReplied:H,onCommentClick:()=>ae((()=>{c?c():ee((e=>!e))})),onCommentCountClick:()=>{ae((()=>{Q?ee(!0):d?d():!p&&(window.location.href=te)}))},onShareClick:()=>{T(!0)},onLikeClick:()=>e(void 0,void 0,void 0,(function*(){if(Z&&!se){ve(!0);try{const t=yield(({id:t,locale:o})=>e(void 0,void 0,void 0,(function*(){if(t)return yield ze(je(_e.POST.LIKE,{id:t,_locale:o}),"GET")})))({id:Z,locale:W});1!==(null==t?void 0:t.status)?G(et(q)):x((e=>Object.assign(Object.assign({},e),{likesCount:(e.likesCount||0)+(e.liked?-1:1),liked:!e.liked})))}catch(e){G(et(q))}ve(!1)}})),showingMostEngaging:!(!r||!(null==M?void 0:M.id))}),Y&&o.createElement(mt,{isMainCmt:!k,onClose:()=>ee(!1),onPostSuccess:e=>{0!==$||(null==M?void 0:M.id)||j(e),x((e=>Object.assign(Object.assign({},e),{commentsCount:e.commentsCount+1,commented:!0}))),u&&u(e)},post:I}),r&&(null==M?void 0:M.id)?o.createElement("div",{className:"most-engaging-wrapper",onClick:e=>{m?(e.stopPropagation(),m()):window.location.href=te}},o.createElement(Bt,{hasQuickBookingEnable:f,handleMakeAppointment:b,comment:M,post:I,onDeleteComment:()=>{xe&&xe(M)},className:"most-engaging-comment",type:"most-engaging",key:M.id,cardAuthorProps:N}),$>1&&!s&&o.createElement(qe,{className:"see-more-comments",color:"ghost",size:"md"},q("comment.seeMoreComments",{count:$-1}))):null,w))};var Ft=Object.freeze({__proto__:null});export{Xe as C,mt as I,Ye as L,dt as P,pt as S,st as T,zt as V,ct as a,at as b,it as c,vt as d,ht as e,Ct as f,Et as g,Nt as h,Ot as i,_t as j,Bt as k,Lt as l,Ft as t};

package/build/esm/useHealthToolCache-609f3fe7.js

@@ -1 +0,0 @@
-import{a as o}from"./tslib.es6-94d7a71f.js";import{useState as t,useEffect as i,useCallback as a}from"react";import{a as l}from"./getDynamicHealthTool-8c9bd57c.js";const n=n=>{const[r,e]=t([]);i((()=>{o(void 0,void 0,void 0,(function*(){const o=yield l(n);e(o)}))}),[l,n]);const s=a((o=>{var t;return(null===(t=r.find((t=>t.template===o)))||void 0===t?void 0:t.link)||""}),[r]);return{allTools:r,getHealthToolLink:s}};export{n as u};

package/build/esm/utils-b9110e08.js

@@ -1,95 +0,0 @@
-import{M as t}from"./screenSizeContext-7d7a1fc0.js";import e from"styled-components";import o,{memo as a,useMemo as s}from"react";import{CommonGAssets as h}from"./gAssets.js";import{I as l}from"./index-9f93dfea.js";import{L as r}from"./Onboarding-d1de2167.js";const n=e.div`
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  z-index: 1;
-  .main-logo-icon {
-    object-fit: contain;
-  }
-  &[data-logo-is-light] {
-    > svg path {
-      fill: #fff;
-    }
-    img {
-      filter: brightness(0) invert(1);
-    }
-  }
-
-  &[data-has-badge] {
-    @supports (display: flex) and (gap: 1em) {
-      gap: 0.5rem;
-    }
-
-    @supports not ((display: flex) and (gap: 1em)) {
-      > img {
-        margin-left: 0.25rem;
-      }
-    }
-  }
-
-  .common-logo-seasonal-left,
-  .common-logo-seasonal-right {
-    z-index: -1;
-    max-width: unset;
-    max-height: unset;
-  }
-  .common-logo-seasonal-left {
-    position: absolute;
-    top: 50%;
-    left: 0;
-    transform: translateY(-50%);
-  }
-  .common-logo-seasonal-right {
-    position: absolute;
-    top: 50%;
-    right: 0;
-    transform: translateY(-50%);
-  }
-  &[data-christmas='true'] {
-    padding-left: 37px;
-    padding-right: 22px;
-    .common-logo-seasonal-left {
-      width: 125px;
-      height: 56px;
-    }
-    .common-logo-seasonal-right {
-      width: 23px;
-      height: 17px;
-    }
-  }
-  &[data-new-year='true'] {
-    padding-right: 85px;
-    .common-logo-seasonal-left {
-      top: 35%;
-      width: 100px;
-      height: 56px;
-    }
-    .common-logo-seasonal-right {
-      width: 85px;
-      height: 54px;
-    }
-    ${t.mbDown} {
-      padding-right: 0;
-      .common-logo-seasonal-right {
-        display: none;
-      }
-    }
-  }
-  &[data-lunar-new-year='true'] {
-    padding-left: 30px;
-    padding-right: 35px;
-    .common-logo-seasonal-left {
-      width: 33px;
-      height: 41px;
-    }
-    .common-logo-seasonal-right {
-      width: 37px;
-      height: 54px;
-    }
-  }
-`,g=e.img`
-  height: 16px;
-  width: unset;
-  margin-bottom: 4px;
-  margin-left: -3px;
-`,i=a((({type:t,width:e,height:a})=>{const r=s((()=>{switch(t){case"hellobacsi":return{width:e||"107px",height:a||"24px",src:h.getAssetPath("logo/hellobacsi.png")};case"hellodoktor":return{width:e||"127px",height:a||"24px",src:h.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:e||"121px",height:a||"27px",src:h.getAssetPath("logo/hellosehat.png")};case"hellohealth":return{width:e||"123px",height:a||"24px",src:h.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:e||"150px",height:a||"24px",src:h.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:e||"99px",height:a||"24px",src:h.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:e||"127px",height:a||"24px",src:h.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:e||"101px",height:a||"24px",src:h.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:e||"111px",height:a||"24px",src:h.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:e||"89px",height:a||"24px",src:h.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:e||"123px",height:a||"24px",src:h.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:e||"105px",height:a||"24px",src:h.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:e||"60px",height:a||"57px",src:h.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:e||"145px",height:a||"28px",src:h.getAssetPath("logo/marrybaby.png")};default:return null}}),[t,e,a]),{src:n,width:g,height:i}=r||{};return o.createElement(l,{alt:`${t} logo`,className:"main-logo-icon",src:n,style:{width:g,height:i}})})),p=t=>{const e=t.getDate();return 11===t.getMonth()&&e>=16&&e<=25},c={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},d=[r.Vietnam,r.Taiwan,r.Indonesia,r.Malaysia],m=t=>{const e=t.getFullYear(),o=c[e];if(!o)return!1;const a=new Date(e,o[1],o[0]),s=new Date(a);s.setDate(a.getDate()-7);const h=new Date(a);return h.setDate(a.getDate()+5),s<=t&&t<=h},x=t=>{const e=t.getDate(),o=t.getMonth();return 11===o&&e>=26||0===o&&e<=15};export{i as L,n as S,d as a,m as b,x as c,g as d,p as i};

package/build/index-02971e91.js

@@ -1,53 +0,0 @@
-"use strict";var e=require("./tslib.es6-3f32a62c.js"),r=require("react"),t=require("@mantine/core"),i=require("./utils-aecec62b.js");require("./index-fc90913a.js"),require("@mantine/dates");var n=require("./index-7f4c945e.js");require("./Onboarding-c8a9fa68.js"),require("./gAssets.js");var o=require("./index-5d843121.js");require("dayjs");var a=require("./screenSizeContext-eb827be1.js"),s=require("styled-components"),c=require("./theme-be127218.js");require("./isProduction-506752b3.js"),require("./translationsContext-b3fc59d7.js"),require("string-format"),require("@mantine/hooks");var d=require("@mantine/form");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=m(r),u=m(s);const p=r.createContext({}),[g,x,f]=d.createFormContext(),h=u.default.div`
-  margin-top: 70px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  &.similac {
-    margin-top: 16px;
-  }
-`,b=u.default(t.Container)`
-  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    height: 100%;
-    width: 100%;
-    max-width: 520px;
-  }
-  .header {
-    margin-bottom: 32px;
-    text-align: center;
-    ${a.MediaQueries.mbDown} {
-      margin-bottom: 16px;
-    }
-  }
-
-  .input-control {
-    width: 100%;
-  }
-  .radio-group,
-  .input-control {
-    margin-bottom: 16px;
-  }
-  .form {
-    width: 100%;
-  }
-
-  /* .form-error {
-    margin-top: 32px;
-    font-size: 14px;
-  }
-
-  .field-error {
-    margin-top: 10px;
-    font-size: 14px;
-  } */
-
-  .form-button {
-    width: 100%;
-  }
-`,q=u.default.img`
-  margin-bottom: 38px;
-`;exports.FormProvider=g,exports.Onboarding=a=>{var s,{heading:d,description:m,children:u,className:g,imgSrc:x,hiddenLogo:f=!1}=a,j=e.__rest(a,["heading","description","children","className","imgSrc","hiddenLogo"]);const{isMarryBaby:v,siteType:y}=r.useContext(p);return l.default.createElement(b,Object.assign({},j,{className:`hhg-comp-onboarding-container ${g}`,size:"sm"}),!f&&l.default.createElement(i.LogoIcon,{type:v?y:(null===(s=n.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===s?void 0:s.LOGO_TYPE)||"hellobacsi"}),l.default.createElement(h,{className:f?"similac":""},x&&l.default.createElement(q,{src:x,loading:"lazy"}),(d||m)&&l.default.createElement("div",{className:"header"},d&&l.default.createElement(t.Title,{order:3},d),m&&l.default.createElement(o.Text,{size:"p3",mt:8,color:c.theme.colors.gray600},m)),u))},exports.OnboardingContext=p,exports.useForm=f,exports.useFormContext=x;

package/build/index-08aae0d9.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-3f32a62c.js"),t=require("react"),r=require("@mantine/core"),s=require("./index-fc90913a.js");require("@mantine/dates");var a=require("./index-7f4c945e.js"),i=require("./Onboarding-c8a9fa68.js");require("./gAssets.js"),require("./index-5d843121.js"),require("dayjs"),require("./screenSizeContext-eb827be1.js"),require("styled-components"),require("./theme-be127218.js"),require("./isProduction-506752b3.js");var n=require("./useTranslations-06042dfe.js");require("@mantine/hooks"),require("lodash/debounce"),require("./useCategory-360aa585.js");var c=require("./utils-c3b06e73.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=d(t);const o={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},u=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},p=({provinces:r})=>{const[s,n]=t.useReducer(u,o),{provinceByName:d,provinces:l,districts:p,wards:v,selectedProvince:b,selectedDistrict:E,selectedWard:y}=s,[h,j]=t.useState();t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,s,d;try{const l=yield fetch((d=process.env.UNIFY_LOCALE||i.LOCALE.Vietnam,`${a.CDN_ADDRESS}/cities-data-${c.MAPPED_LOCALE[d]}.json`)).then((e=>e.json()));j(l);const{list:o}=l,u=r?((e,t)=>{const r={};for(const[,e]of Object.entries(t)){const{id:t}=e;t&&(r[t]=e)}const s={};return e.map((e=>{s[e.name]=r[e.id]})),s})(r,o):o,p=Object.keys(u),v=Object.keys((null===(e=o[p[0]])||void 0===e?void 0:e.list)||{}),b=Object.keys((null===(s=null===(t=o[p[0]])||void 0===t?void 0:t[v[0]])||void 0===s?void 0:s.list)||{});n({type:"SET_DATA",payload:{provinceByName:u,provinces:p,districts:v,wards:b}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:l,districts:p,wards:v,selectedProvince:b,selectedDistrict:E,selectedWard:y,handleProvinceChange:e=>{var t;const r=Object.keys((null===(t=d[e])||void 0===t?void 0:t.list)||{});n({type:"SET_DISTRICTS",payload:r}),n({type:"SET_WARDS",payload:[]}),n({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,r;const s=Object.keys((null===(r=null===(t=d[b])||void 0===t?void 0:t.list[e])||void 0===r?void 0:r.list)||{});n({type:"SET_WARDS",payload:s}),n({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{n({type:"SELECT_WARD",payload:e})}}};exports.AddressInput=a=>{var{error:i,provinces:c,placeholder:d}=a,o=e.__rest(a,["error","provinces","placeholder"]);const{t:u}=n.useTranslations(),{provinces:v,districts:b,wards:E,selectedProvince:y,selectedDistrict:h,selectedWard:j,handleProvinceChange:g,handleDistrictChange:C,handleWardChange:S}=p({provinces:c}),[f,O]=t.useState("");return t.useEffect((()=>{y&&h&&j&&f?o.onChange({selectedProvince:y,selectedDistrict:h,selectedWard:j,extraInfo:f}):o.onChange(null)}),[y,h,j,f]),l.default.createElement(s.Input.Wrapper,Object.assign({withAsterisk:!0},o),l.default.createElement(r.Stack,null,l.default.createElement(s.Select,{placeholder:(null==d?void 0:d.province)||u("onboarding.similac.input.city"),data:c?v:v.sort(),searchable:!0,onChange:g,value:y}),l.default.createElement(s.Select,{placeholder:(null==d?void 0:d.district)||u("onboarding.similac.input.district"),data:b.sort(),searchable:!0,onChange:C,value:h,disabled:!y}),l.default.createElement(s.Select,{placeholder:(null==d?void 0:d.ward)||u("onboarding.similac.input.ward"),searchable:!0,data:E.sort(),value:j,onChange:S,disabled:!y||!h}),l.default.createElement(s.Input,{placeholder:(null==d?void 0:d.address)||u("onboarding.similac.input.no"),disabled:!y||!h||!j,value:f,onChange:O,style:{marginBottom:0}})),l.default.createElement(r.Input.Error,{size:"md"},i))};

package/build/index-39f43a27.js

@@ -1,177 +0,0 @@
-"use strict";var e=require("react"),t=require("@mantine/core"),a=require("./screenSizeContext-eb827be1.js"),l=require("./index.styles-ea017664.js"),o=require("./index-5d843121.js"),d=require("./useScrollbarSize-760a5eee.js"),r=require("react-dom"),n=require("styled-components"),i=require("./useTranslations-06042dfe.js"),s=require("./Onboarding-c8a9fa68.js"),c=require("./index-c18c5b42.js"),u=require("./theme-be127218.js"),m=require("./index-8d4c708c.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=h(e),f=h(n);const g=({open:e=!1,onClickOutside:t})=>p.default.createElement(l.StyledBackdrop,{"data-open":e,onClick:t}),y=({value:t,options:a,className:o,direction:d="horizontal",onChange:r,isDisabled:n,siteType:i})=>{const[s,h]=e.useState(t),f="marryBaby"===i;return p.default.createElement(l.StyledRadioImageGroup,{className:o,"data-direction":d},a.map(((e,a)=>p.default.createElement(l.StyledRadioImageItem,{"data-selected":(t||s)===e.value,"data-is-mb":f,"data-disabled":n,key:a,onClick:()=>{var t;t=e.value,n||(h(t),r&&r(t))}},p.default.createElement("div",null,e.content,e.label&&p.default.createElement(p.default.Fragment,null,f?p.default.createElement(c.MarryBabyText,{type:"subtitle-2",color:(t||s)===e.value?u.theme.mbColors.dark:u.theme.mbColors.midGray},e.label):p.default.createElement(m.Text,{type:"bold",color:(t||s)===e.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},e.label)))))))},b=f.default.div`
-  position: relative;
-  z-index: 200;
-  background-color: ${e=>e.theme.colors.white};
-  border-radius: ${e=>e.theme.borderRadius};
-  box-shadow: 0px 4px 8px ${e=>e.theme.colors.gray200};
-  &[data-site-type='marryBaby'] {
-    border-radius: 16px;
-    .hhg-modal__content {
-      position: relative;
-      z-index: 111;
-      height: 100%;
-
-      padding: 24px;
-    }
-  }
-  .hhg-modal__content {
-    position: relative;
-    z-index: 111;
-    height: 100%;
-    padding: 16px;
-  }
-  .hhg-modal__video {
-    position: relative;
-    z-index: 111;
-    height: 100%;
-    background-color: none;
-    box-shadow: none;
-  }
-`,x="hhgcomp-modal-modal",v=l.getDefaultClassWrapper(b,x),C=f.default.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 201;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
-  outline: 0;
-  visibility: hidden;
-  background-color: rgba(38, 38, 38, 0.3);
-
-  .hhg-modal__close {
-    position: absolute;
-    top: 16px;
-    right: 16px;
-    cursor: pointer;
-    img {
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-    }
-  }
-  &[data-type='video'] {
-    z-index: 1001;
-  }
-  &[data-open='true'] {
-    visibility: visible;
-  }
-
-  &.slideTop {
-    .${x} {
-      transform: translate(0, -100vh);
-      transition: all 0.5s ease;
-    }
-
-    &[data-open='true'] {
-      .${x} {
-        transform: translate(0);
-      }
-    }
-  }
-
-  &.scaleUp {
-    .${x} {
-      transform: scale(0.9);
-    }
-
-    &[data-open='true'] {
-      .${x} {
-        transition: all 0.3s ease-out;
-        transform: scale(1);
-      }
-    }
-  }
-
-  &[data-type='tail'] {
-    justify-content: flex-end;
-    .${x} {
-      width: 420px;
-      height: 100%;
-      border-radius: 0;
-      overflow: hidden auto;
-    }
-  }
-  &[data-type='form'] {
-    .${x} {
-      width: 496px;
-      height: 548px;
-      max-height: 100%;
-      overflow-y: auto;
-      ${a.MediaQueries.mbDown} {
-        width: 340px;
-      }
-    }
-  }
-  &[data-type='video'] {
-    .${x} {
-      height: 100%;
-      max-height: 539px;
-      ${a.MediaQueries.mbDown} {
-        height: 192px;
-        width: 100%;
-        height: 100%;
-        border-radius: ${e=>e.theme.borderRadius};
-        max-height: 192px;
-      }
-    }
-  }
-  &[data-type='confirm'] {
-    .${x} {
-      width: 100%;
-      max-width: 407px;
-      ${a.MediaQueries.mbDown} {
-        width: calc(100% - 32px);
-        max-width: calc(100% - 32px);
-      }
-    }
-  }
-`,w=f.default.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  align-items: center;
-
-  &[data-open='false'] {
-    display: none;
-  }
-  &[data-type='video'] {
-    background-color: ${e=>e.theme.colors.secondaryDark};
-  }
-`,E="hhg-modals",k=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},B=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},S=f.default.div`
-  & > :not(:last-child) {
-    margin-bottom: 8px;
-  }
-
-  .gender-selector {
-    & > :not(:last-child) {
-      margin-right: 16px;
-    }
-
-    & > div {
-      width: calc(50% - 8px);
-
-      ${a.MediaQueries.mbUp} {
-        justify-self: left;
-      }
-    }
-  }
-`,_=f.default(y)`
-  & > div > div {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-content: center;
-    gap: 8px;
-    padding-block: 5px;
-  }
-  .radio-group-item-heading {
-    margin-top: 0;
-  }
-`;exports.BabyGrowthGender=({value:e,onChange:t,siteType:a})=>{const{t:l}=i.useTranslations(),d="marryBaby"==a;return p.default.createElement(S,{"data-is-marryBaby":d},d?p.default.createElement(c.MarryBabyHeading,{type:"h4",color:u.theme.mbColors.dark},l("babyVaccineTool.selectGender")):p.default.createElement(o.Text,{size:"label2",weight:"bold",style:{marginBottom:"0.5rem"}},l("babyVaccineTool.selectGender")),p.default.createElement(_,{siteType:a,options:[{value:s.Gender.Boy,label:l("gender.male"),content:d?p.default.createElement(o.Icon.BabyBoyMB,null):p.default.createElement(o.Icon.GenderChooseBoy,null)},{value:s.Gender.Girl,label:l("gender.female"),content:d?p.default.createElement(o.Icon.BabyGirlMB,null):p.default.createElement(o.Icon.GenderChooseGirl,null)}],value:e,onChange:t,className:"gender-selector"}))},exports.Drawer=({children:d,title:r,onClose:n,open:i=!1,placement:s="left",destroyOnClose:c=!1,isPropagationEvent:u=!0,className:m})=>{const h=e.useRef();e.useEffect((()=>(a.toggleNoScroll(i),()=>a.toggleNoScroll(!1))),[i]);const f=()=>{h.current.classList.add("slideOut"),setTimeout((()=>{n()}),800)};return!i&&c?null:p.default.createElement(t.Portal,null,p.default.createElement(l.StyledDrawer,{className:m,open:i},p.default.createElement(g,{open:i,onClickOutside:f}),p.default.createElement(l.StyledDrawerPanel,{open:i,placement:s,ref:h,hasTitle:Boolean(r)},p.default.createElement("div",{className:"title"},r&&p.default.createElement(o.Text,{size:"s2",weight:"semiBold"},r),p.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:f},p.default.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),p.default.createElement(l.StyledDrawerContent,{onClick:e=>{u&&e.stopPropagation()}},d&&(p.default.isValidElement(d)?d:"function"==typeof d?d({internalClose:f}):null)))))},exports.Modal=({type:t="lead",closeIcon:a,isOpen:l=!0,onClose:o,children:n,className:i="",animationType:s="slideTop",isStaticBackdrop:c=!1,siteType:u})=>{const[m,h]=e.useState(!1),f=e.useRef(null),{width:g}=d.useScrollbarSize();if(!f.current&&m&&(f.current=document.createElement("div")),e.useEffect((()=>(h(!0),()=>{h(!1),k(),B()})),[]),e.useEffect((()=>{if(m){const e=(()=>{let e=document.getElementById(E);return e||(e=document.createElement("div"),e.setAttribute("id",E),document.body.append(e)),e})();return e.appendChild(f.current),()=>{e.removeChild(f.current)}}}),[m]),e.useEffect((()=>{l?document.body.classList.add("hhc-modal-show"):k()}),[l]),e.useEffect((()=>{l?(document.body.style.overflow="hidden",document.body.style.paddingRight=g+"px",document.body.classList.add("hhc-disabled-scroll")):B()}),[l,g]),!m)return null;const y=["hhg-modal__wrapper",i,s].filter((e=>e)).join(" ");return r.createPortal(p.default.createElement(C,{className:y,"data-open":l,"data-type":t},!c&&p.default.createElement(w,{"data-open":l,onClick:o,"data-type":t}),!c&&"video"===t&&!!a&&p.default.createElement("div",{className:"hhg-modal__close",onClick:o},a),p.default.createElement(v,{className:"hhg-modal","data-open":l,"data-site-type":u},p.default.createElement("div",{className:"video"===t?"hhg-modal__video":"hhg-modal__content"},!!a&&"video"!==t&&p.default.createElement("div",{className:"hhg-modal__close",onClick:o},a),n))),f.current)},exports.RadioImageGroup=y;

package/build/index-4ab08947.js

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("react")),a="d76E4SH";exports.Container=({children:e,className:r,style:l,type:s})=>t.default.createElement("div",{className:`${a} ${r||""}`,style:l,"data-type":s},e);

package/build/index-577612da.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-3f32a62c.js"),t=require("react"),s=require("@mantine/core"),l=require("./gAssets.js"),a=require("./index-fc90913a.js"),n=require("./index-5d843121.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t);exports.Modal=t=>{var{title:r,styles:i}=t,u=e.__rest(t,["title","styles"]);const{classes:c}=a.useStyles(void 0,{name:"Modal",styles:i});return o.default.createElement(o.default.Fragment,null,o.default.createElement(s.Modal,Object.assign({centered:!0,classNames:c},u,{withCloseButton:!1,title:u.withCloseButton&&o.default.createElement(o.default.Fragment,null,o.default.createElement(n.Text,{size:"s2",weight:"semiBold",as:"span"},r),o.default.createElement(s.CloseButton,Object.assign({},u.closeButtonProps,{onClick:()=>{var e;return null===(e=u.onClose)||void 0===e?void 0:e.call(u)},sx:{":focus":{outline:0}}}),o.default.createElement("img",{loading:"lazy",className:"mantine-Modal-close",src:l.CommonGAssets.getAssetPath("CloseModal.svg"),style:{width:"16px"}})))})))};

package/build/index-5a28fed4.js

@@ -1 +0,0 @@
-"use strict";var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(e);const a=e.forwardRef((function(e,t){return r.default.createElement("circle",Object.assign({},e,{ref:t}),r.default.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))}));exports.CustomReferenceDot=a;