"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1079],{e4F3:function(e,t,a){a.d(t,{P:function(){return r}});let r={GET_CITIES_LIST:"api/lists/cities?keyword={keyword}&country_id={countryId}&site={domain}&_nopaging={noPaging}&client={client}",GET_CITY:"api/lists/cities?ids={ids}&site={domain}&longitude={longitude}&latitude={latitude}",GET_HOME_SEARCH:"api/search/?_home=1&city_id={city}&keyword={keyword}&site={domain}&latitude={lat}&longitude={lng}",GET_SEARCH_V2:"api/v2/search/?site={domain}&type={searchType}&keyword={keyword}&city_id={city}&latitude={lat}&longitude={lng}&specialty_id={specialty_id}&client_slug={client_slug}&msd={msd}",GET_CITY_BY_IP:"api/geobyip?site={domain}&latitude={lat}&longitude={lng}&_nopaging={noPaging}&client={client}",GET_DOCTOR_DETAIL:"api/doctors/{id}?site={site}",GET_HOSPITAL_DETAIL:"api/hospital/branch/{id}?site={site}",GET_SERVICE_DETAIL:"api/hospital/service/{id}?site={site}",GET_SEARCH_SPECIALTY:"api/v2/specialties/?site={domain}&type={searchType}&keyword={keyword}&city_id={city}&latitude={lat}&longitude={lng}&msd={msd}",GET_SEARCH_POPULAR_KEY:"api/search/keywords?site={domain}&sort_by={sort_by}&sort_order={sort_order}&type={searchType}"}},"0CvA":function(e,t,a){a.d(t,{A:function(){return s},L:function(){return c},a:function(){return removeEdittedBannedWord},b:function(){return decodePostUrl},c:function(){return reformatUrl},d:function(){return decodeMention},e:function(){return escapeRegExp},f:function(){return fixMalformedMention},g:function(){return getUrlsFromEditorString},h:function(){return highlightBadWords},i:function(){return getMentionIdsFromString},j:function(){return removeBannedWordWrapper},k:function(){return encodePostContent},r:function(){return removeFontFormat},u:function(){return uploadAndGetSrc},w:function(){return wrapAnchorAroundUrls},y:function(){return youtubeVidIdGetter}});var r=a("FRPj"),i=a("IQVP"),n=a("VhOp");let o={edit:/<mocka ([^>]*)data-url="true"[^<>]*>(.*?)<\/mocka>/gim,url:/((?:=")|(?:data-url="true">)|)(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))/gim,encodedUrl:/\[a\+href="/([^<"]+)"(?:\+text=\"([^<"]+)")?\]/gim,editorMention:/<mention [^>]*data-id="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,editorFullMention:/<mention [^>]*data-id="([^<"]+)" [^\>]*data-name="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,savedMention:/\[mention\+id="([^<"]+)"([^\]]*)\]/gim,rawUrl:/^(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,optionalProtocol:/^((https?:\/\/)?(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,encodedUrl2:/<a [^>]*href="/([^>"]+)"[^>]*>([^<]+)<\/a>/gim},l=/<mocka [^\>]*data-bad-word="[^\"]*" [^\>]*data-error="true"[^\>]*>(.*?)<\/mocka>/gim,encodePostUrl=(e,t=e=>e)=>{var a;return t(null===(a=e.replace(/(\&nbsp;)+/g," ").replace(/(\&amp;)+/g,"&"))||void 0===a?void 0:a.replace(/(\u200c|&zwnj;)+/g,"").replace(o.url,(e,t,a)=>'="'!==t&&'data-url="true">'!==t?`<a href="/${a}" target="_blank">${a}</a>`:e).replace(o.edit,(e,t,a)=>{var r;let i=null===(r=t.match(/data-href="/([^"]*)"/im))||void 0===r?void 0:r[1];return i?`<a href="/${i}" target="_blank">${a}</a>`:`<a href="/${a}" target="_blank">${a}</a>`}))},encodeMention=e=>e.replace(o.editorMention,(e,t,a)=>`[mention+id="${t}"+name="${a}"]`),getAnchorHtml=({url:e,text:t,method:a})=>{let r=t.indexOf(t.trimStart()),i=t.trimEnd().length,n=t.substring(0,r),o=t.substring(r,i),l=t.substring(i);return"edit"===a?`${n}<mocka data-href="/${e}" data-url="true">${o}</mocka>${l}`:"display"===a&&(e.startsWith("http://")||e.startsWith("https://"))?`${n}<a href="/${e}" target="_blank">${o}</a>${l}`:t},decodePostUrl=(e,t)=>e.replace(o.encodedUrl,(e,a,r)=>{let i=r||a;return getAnchorHtml({text:i,url:a,method:t})}).replace(o.encodedUrl2,(e,a,r)=>{let i=r||a;return getAnchorHtml({text:i,url:a,method:t})}),decodeMention=(e,t=[])=>e.replace(o.savedMention,(e,a,r)=>{let i=t.find(e=>String(e.id)===a);if(!i){if(!r)return"";let e="";return r.replace(/\+name="([^<"]+)"/i,(t,a)=>(e=a,t)),`<mention data-id="${a}" data-name="${e}">${e}</mention>`}return`<mention data-id="${a}" data-name="${i.name}">${i.name}</mention>`}),getUrlsFromString=e=>{let t=[];return e.replace(/(\&amp;)+/g,"&").replace(o.url,(e,a,r)=>('="'!==a&&'data-url="true">'!==a&&t.push(r),e)),t},c=30,getMentionIdsFromString=(e,t)=>{let a=[];return(e.replace(o.editorMention,(e,t)=>(a.push(t),e)).replace(o.savedMention,(e,t)=>(a.push(t),e)),t)?a:Array.from(new Set(a)).slice(0,c)},getUrlsFromEditorString=e=>{var t;return[...getUrlsFromString(e),...(null===(t=e.match(o.edit))||void 0===t?void 0:t.map(e=>{var t,a;let r=null===(t=e.match(/data-href="/([^"]*)"/im))||void 0===t?void 0:t[1],i=null===(a=e.match(/>(.*?)<\/mocka>/im))||void 0===a?void 0:a[1];return r||i}))||[]].filter(e=>!!e)},escapeRegExp=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),wrapAnchorAroundUrls=e=>{var t,a;return null===(a=null===(t=e.replace(/(\&nbsp;)+/g," "))||void 0===t?void 0:t.replace(/(\u200c|&zwnj;)+/g,""))||void 0===a?void 0:a.replace(o.edit,(e,t,a)=>{var r;let i=null===(r=t.match(/data-href="/([^"]*)"/im))||void 0===r?void 0:r[1];return!i||i===a||a.match(o.rawUrl)?a:i?`<a href="/${i}">${a}</a>`:`<a href="/${a}">${a}</a>`}).replace(o.url,(e,t,a)=>{if('="'!==t&&'data-url="true">'!==t){let e=a.toLowerCase(),t=e.startsWith("http")?"":" https://",r=`${t}${e}`;return getAnchorHtml({text:r,url:r,method:"edit"})}return e}).replace(o.encodedUrl2,(e,t,a)=>getAnchorHtml({text:a||t,url:t,method:"edit"}))},removeEdittedBannedWord=e=>e.replace(l,(e,t)=>{let a=document.createElement("div");a.innerHTML=e;let r=a.firstChild;return(null==r?void 0:r.innerText)!==(null==r?void 0:r.getAttribute("data-bad-word"))?t:e}),removeBannedWordWrapper=e=>e.replace(l,"$1"),removeFontFormat=e=>e.replace(/<font [^\>]*>(.+)<\/font>/gim,(e,t)=>t.replace(/<u[^\>]*>(.+)<\/u>/gim,"$1")),encodePostContent=(e,t=e=>e)=>encodePostUrl(encodeMention(removeBannedWordWrapper(e)),t),s=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn"],reformatUrl=e=>e.match(o.optionalProtocol)?e.startsWith("https://")||e.startsWith("http://")?e:`https://${e}`:"",highlightBadWords=(e,t)=>{let a=t.filter(Boolean);if(e&&a.length>0){let t=removeBannedWordWrapper(e);return t.replace(RegExp(`\\b(${a.map(e=>escapeRegExp(e)).join("|")})\\b`,"gi"),(e,t)=>{let a=document.createElement("mocka");return a.setAttribute("data-bad-word",t),a.setAttribute("data-error","true"),a.innerText=t,`${a.outerHTML}`})}return e},fixMalformedMention=e=>e.replace(o.editorFullMention,(e,t,a,r)=>{if(r!==a){let e=a.split(" "),i=e.findIndex((t,a)=>{let i=e.slice(0,a+1).join(" ");return!r.startsWith(i)});if(0===i)return`@${r}`;{let a=(i<0?e:e.slice(0,i)).join(" "),n=r.slice(a.length).trim();return console.log(i,a,n),`<mention data-id="${t}" data-name="${a}">${a}</mention> ${n} `}}return e}),youtubeVidIdGetter=e=>{var t;return e.includes("youtu")&&(null===(t=/(.*?)(^|\/|v=)([a-z0-9_-]{11})(.*)?/gim.exec(e))||void 0===t?void 0:t[3])||""},uploadAndGetSrc=(e,t,o)=>"string"==typeof e?Promise.resolve(e):(0,r.a)(void 0,void 0,void 0,function*(){var r;let l=new FormData;if(e.type.startsWith("image/gif"))l.append("image",e);else{let t=yield Promise.all([a.e(2138),a.e(9467),a.e(4467),a.e(6966),a.e(5243),a.e(8132),a.e(1375),a.e(4561),a.e(1448),a.e(5465),a.e(1217),a.e(5480),a.e(731),a.e(2050),a.e(2008),a.e(8469),a.e(8214),a.e(1482),a.e(6817),a.e(467),a.e(5951),a.e(9357),a.e(747),a.e(5675),a.e(6753),a.e(4802),a.e(3046),a.e(5745),a.e(3437),a.e(252),a.e(6839),a.e(9424),a.e(5702),a.e(8922),a.e(6399),a.e(553),a.e(2902),a.e(4969),a.e(3257),a.e(6611),a.e(7538),a.e(6894),a.e(5341)]).then(a.bind(a,"xsNn")),r=yield t.default(e,{maxSizeMB:.4,maxWidthOrHeight:1536,useWebWorker:!0});l.append("image",r)}let c=o?n.q:n.b,s=yield c((0,n.e)(o?i.qf.COMMENT.IMAGE_UPLOAD:i.yy.COMMENT.IMAGE_UPLOAD,{_locale:t}),"POST",{data:l});return(null===(r=null==s?void 0:s.data)||void 0===r?void 0:r.image)||""})},QHxc:function(e,t,a){a.d(t,{l:function(){return ProfileNavigation}});var r=a("q1tI"),i=a("LL/B"),n=a("fdQd"),o=a("nGnw"),l=a("wp0n"),c=a("Gx+P"),s=a("M5ex"),d=a("n/N3"),m=a("AeFk"),h=a("rBCA"),u=a("iBNF");a("xXM3"),a("Wgwc");let NavBookingIcon=e=>r.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),r.createElement("path",{d:"M2.5 6.5a3.2 3.2 0 0 1 3.2-3.2h7.9a3.2 3.2 0 0 1 3.19 3.2v4.72a3.2 3.2 0 0 1-3.2 3.2H5.7a3.2 3.2 0 0 1-3.19-3.2V6.49Z",fill:"#E3F2FF"}),r.createElement("path",{d:"M2.5 5.68A2.38 2.38 0 0 1 4.88 3.3h9.52a2.38 2.38 0 0 1 2.39 2.38z",fill:"#2D87F3"}),r.createElement("path",{d:"M13.6 2.5h-.03c-.36 0-.65.3-.65.65V4.2c0 .36.3.65.65.65h.03c.36 0 .65-.3.65-.65V3.15a.65.65 0 0 0-.65-.65M5.27 4.86h.03c.36 0 .65-.3.65-.65V3.15a.65.65 0 0 0-.65-.65h-.03c-.36 0-.65.3-.65.65V4.2c0 .36.3.65.65.65Z",fill:"#2743AD"}),r.createElement("path",{d:"M5.56 8.17h-.5a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41m2.7 0h-.5a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41m2.7 0h-.5a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41m2.87 0h-.49a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.49a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41m-8.3 2.52h-.5a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4m2.7 0h-.5a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4m2.7 0h-.49a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4Zm2.87 0h-.49a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4Z",fill:"#2D87F3"}),r.createElement("path",{d:"M16 16.8a3.17 3.17 0 1 0 0-6.36 3.17 3.17 0 0 0 0 6.35Z",fill:"#FE921D"}),r.createElement("path",{d:"M15.78 13.62v-1.36a.21.21 0 0 1 .42 0v1.26l.48.4a.21.21 0 0 1-.01.33.21.21 0 0 1-.26-.01l-.55-.46-.02-.01a.2.2 0 0 1-.06-.15",fill:"#fff"})),NavCommunityIcon=e=>r.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),r.createElement("path",{d:"M7.06 4.97h-2.3a3.12 3.12 0 0 0-3.1 3.1v.43a3.12 3.12 0 0 0 3.1 3.1h1.39s1.47 1.11 1.5.97c.03-.22-.23-.99-.23-.99a3.13 3.13 0 0 0 2.72-3.09v-.41a3.12 3.12 0 0 0-3.08-3.11m-2.7 3.55a.23.23 0 1 1 0-.46.23.23 0 0 1 0 .46m1.35.4a.33.33 0 1 1 0-.66.33.33 0 0 1 0 .65Zm1.57-.05",fill:"#2D87F3"}),r.createElement("path",{d:"M12.88 9.52a3.53 3.53 0 0 0-1.35 6.8s-.23 1.03-.2 1.25c.03.14 1.55-.99 1.55-.99a3.53 3.53 0 0 0 0-7.06m-1.33 4.24a.48.48 0 1 1 0-.97.48.48 0 0 1 0 .97m1.58.04a.33.33 0 1 1 0-.66.33.33 0 0 1 0 .66m1.34-.39a.23.23 0 1 1 0-.46.23.23 0 0 1 0 .46",fill:"#FFB521"}),r.createElement("path",{d:"M16.45 1.67h-3.87a1.88 1.88 0 0 0-1.88 2.06l.22 2.29a1.88 1.88 0 0 0 1.73 1.7s-.17.94-.14 1.16c.02.14 1.66-1.13 1.66-1.13l1.92-.03a1.88 1.88 0 0 0 1.86-1.59l.36-2.29a1.88 1.88 0 0 0-1.86-2.17M13.1 5.23a.48.48 0 1 1 .34-.14c-.1.1-.22.14-.34.14m1.57.05a.33.33 0 1 1 .23-.1.33.33 0 0 1-.23.1m1.34-.4a.23.23 0 1 1 .1-.01.2.2 0 0 1-.1.02Z",fill:"#91CAFF"})),NavDotIcon=e=>r.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),r.createElement("rect",{x:"8.333",y:"8.333",width:"3.333",height:"3.333",rx:"1.667",fill:"#2D87F3"})),NavEshopIcon=e=>r.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),r.createElement("path",{d:"m3.18 7.06 1.6 1.6 4.33-4.69a.72.72 0 0 0-.03-.99l-.22-.22a.72.72 0 0 0-.99-.02zm13.64 0-1.6 1.6-4.33-4.69a.72.72 0 0 1 .02-.99l.23-.22a.72.72 0 0 1 .99-.02z",fill:"#2743AD"}),r.createElement("path",{d:"M15.04 16.7H4.9a.78.78 0 0 1-.77-.7l-.7-6.67h13.09l-.7 6.67a.78.78 0 0 1-.78.7",fill:"#2D87F3"}),r.createElement("path",{d:"M6.23 15.7a.23.23 0 0 1-.23-.22l-.3-4.46a.23.23 0 1 1 .47-.04l.3 4.47a.23.23 0 0 1-.22.25zm2.39 0a.23.23 0 0 1-.23-.23L8.3 11a.23.23 0 1 1 .47 0l.07 4.46a.23.23 0 0 1-.22.24h-.01Zm5.15 0h-.02a.23.23 0 0 1-.2-.16.2.2 0 0 1-.02-.09l.3-4.47a.24.24 0 0 1 .25-.22.23.23 0 0 1 .22.26l-.3 4.46a.23.23 0 0 1-.23.22m-2.39 0a.23.23 0 0 1-.23-.23l.07-4.47a.24.24 0 0 1 .24-.23.23.23 0 0 1 .23.23l-.08 4.47a.23.23 0 0 1-.23.23",fill:"#2743AD"}),r.createElement("path",{d:"M16.04 18.12a2.01 2.01 0 1 0 0-4.03 2.01 2.01 0 0 0 0 4.03",fill:"#FE921D"}),r.createElement("path",{d:"M16.97 15.87h-.7v-.7a.23.23 0 0 0-.46 0v.7h-.7a.23.23 0 1 0 0 .47h.7v.69a.23.23 0 1 0 .47 0v-.7h.69a.23.23 0 1 0 0-.46",fill:"#fff"}),r.createElement("path",{d:"M16.58 9.48H3.42a.8.8 0 0 1-.78-.7l-.13-1.1a.8.8 0 0 1 .78-.88h13.42a.8.8 0 0 1 .78.88l-.13 1.1a.8.8 0 0 1-.78.7",fill:"#BCDEFF"})),NavHelpIcon=e=>r.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),r.createElement("path",{d:"M10 1.667c-4.595 0-8.333 3.738-8.333 8.333 0 4.595 3.738 8.333 8.333 8.333 4.595 0 8.333-3.738 8.333-8.333 0-4.595-3.738-8.333-8.333-8.333Zm0 13.194a.695.695 0 1 1 0-1.39.695.695 0 0 1 0 1.39Zm1.1-4.415a.698.698 0 0 0-.405.631v.312a.694.694 0 1 1-1.39 0v-.312c0-.81.477-1.553 1.213-1.893.707-.326 1.218-1.19 1.218-1.615 0-.956-.778-1.736-1.736-1.736s-1.736.78-1.736 1.736a.694.694 0 1 1-1.389 0A3.129 3.129 0 0 1 10 4.444a3.129 3.129 0 0 1 3.125 3.125c0 .939-.814 2.318-2.026 2.877Z",fill:"#FF6F4D"})),NavLogOutIcon=e=>r.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),r.createElement("path",{d:"M11.116 1.72 5.488.85a1.898 1.898 0 0 0-2.155 1.856v14.588a1.898 1.898 0 0 0 2.158 1.855l5.625-.869a1.865 1.865 0 0 0 1.592-1.855V3.575a1.87 1.87 0 0 0-1.592-1.855",fill:"#2D87F3"}),r.createElement("path",{d:"M17.642 9.584a.6.6 0 0 1-.232.472l-1.964 1.518a.446.446 0 0 1-.719-.353v-.51l-2.118-.01a.225.225 0 0 1-.223-.225v-1.8a.225.225 0 0 1 .224-.225l2.12.002-.004-.506a.446.446 0 0 1 .719-.354l1.965 1.52a.6.6 0 0 1 .232.471",fill:"#FF6F4D"}),r.createElement("path",{d:"M17.642 9.584a.6.6 0 0 1-.232.472l-1.964 1.518a.446.446 0 0 1-.719-.353v-.51l-2.118-.01a.225.225 0 0 1-.223-.225v-1.8a.225.225 0 0 1 .224-.225l2.12.002-.004-.506a.446.446 0 0 1 .719-.354l1.965 1.52a.6.6 0 0 1 .232.471m-7.603-.908v1.802c0 .124.1.225.224.225h1.257c.124 0 .225-.1.225-.225V8.676c0-.124-.1-.224-.225-.224h-1.257c-.124 0-.224.1-.224.224m-.673 1.809a.224.224 0 0 1-.225.225h-.407a.61.61 0 0 1-.609-.61V9.069a.61.61 0 0 1 .61-.61h.406a.224.224 0 0 1 .225.225z",fill:"#FF6F4D"})),NavMyHealthIcon=e=>r.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),r.createElement("path",{d:"M6.114 3.333a4.64 4.64 0 0 1 3.565 1.708.412.412 0 0 0 .642 0 4.64 4.64 0 0 1 3.565-1.708c2.646 0 4.447 2.302 4.447 5.142 0 1.698-.904 4.446-2.675 6.102-2.522 2.358-4.665 2.965-5.392 3.11a1.3 1.3 0 0 1-.53 0c-.728-.146-2.871-.752-5.393-3.11-1.772-1.656-2.676-4.404-2.676-6.102 0-2.84 1.801-5.142 4.447-5.142",fill:"#FF6F4D"}),r.createElement("path",{d:"M13.298 11.226v-.829a1.205 1.205 0 0 0-1.202-1.204h-.208a.26.26 0 0 1-.261-.259v-.208a1.205 1.205 0 0 0-1.201-1.204h-.832A1.205 1.205 0 0 0 8.39 8.726v.205a.26.26 0 0 1-.259.261h-.207a1.2 1.2 0 0 0-1.202 1.202v.834a1.204 1.204 0 0 0 1.202 1.201h.207a.26.26 0 0 1 .259.262v.205A1.205 1.205 0 0 0 9.594 14.1h.832a1.204 1.204 0 0 0 1.201-1.204v-.208a.26.26 0 0 1 .261-.258h.208a1.205 1.205 0 0 0 1.202-1.204",fill:"#fff"})),NavSaveIcon=e=>r.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),r.createElement("path",{d:"M4.767 17.236a1.36 1.36 0 0 0 1.256.188l4.097-1.397a.37.37 0 0 1 .28 0l4.097 1.397q.22.071.45.075c.29.002.573-.09.807-.263a1.43 1.43 0 0 0 .6-1.171V3.935A1.417 1.417 0 0 0 14.946 2.5H5.573a1.416 1.416 0 0 0-1.406 1.434v12.13a1.43 1.43 0 0 0 .6 1.172",fill:"#00CB8A"})),NavSettingsIcon=e=>r.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),r.createElement("path",{d:"M17.339 8.075a2.177 2.177 0 0 1-1.717-2.944 1.02 1.02 0 0 0-.305-1.15 8.2 8.2 0 0 0-2.445-1.417 1.03 1.03 0 0 0-1.16.323 2.173 2.173 0 0 1-3.423 0 1.03 1.03 0 0 0-1.161-.323A8.2 8.2 0 0 0 4.85 3.842a1.03 1.03 0 0 0-.322 1.183 2.167 2.167 0 0 1-1.806 2.978 1.03 1.03 0 0 0-.9.828 8 8 0 0 0-.05 2.861 1.03 1.03 0 0 0 .906.861 2.166 2.166 0 0 1 1.767 3.061 1.01 1.01 0 0 0 .283 1.211A8.2 8.2 0 0 0 7.15 18.22q.17.059.35.061a1.02 1.02 0 0 0 .833-.433 2.15 2.15 0 0 1 1.778-.934 2.18 2.18 0 0 1 1.745.878 1.02 1.02 0 0 0 1.2.339 8.3 8.3 0 0 0 2.222-1.328 1.03 1.03 0 0 0 .3-1.172 2.167 2.167 0 0 1 1.739-2.995 1.03 1.03 0 0 0 .872-.844 8 8 0 0 0 .144-1.405q0-.749-.138-1.484a1.02 1.02 0 0 0-.856-.828m-4.561 2.312a2.778 2.778 0 1 1-5.556 0 2.778 2.778 0 0 1 5.556 0",fill:"#2D87F3"})),NavUserIcon=e=>r.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),r.createElement("path",{d:"M10 19.167A9.167 9.167 0 1 0 10 .833a9.167 9.167 0 0 0 0 18.334",fill:"#BCDEFF"}),r.createElement("path",{d:"M17.356 15.463a9.188 9.188 0 0 0-14.716-.005 9.155 9.155 0 0 0 14.716.005",fill:"#2D87F3"}),r.createElement("path",{d:"M10 10.591a3.548 3.548 0 1 0 0-7.096 3.548 3.548 0 0 0 0 7.096",fill:"#2D87F3"})),VaccinationIcon=e=>r.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),r.createElement("path",{d:"M1.11848 19.1667C1.19427 19.1666 1.26693 19.1365 1.32049 19.0829L4.30733 16.0962C4.36096 16.0426 4.3911 15.9699 4.39111 15.8941C4.39113 15.8183 4.36103 15.7455 4.30743 15.6919C4.25383 15.6383 4.18112 15.6081 4.1053 15.6081C4.02948 15.6081 3.95675 15.6382 3.90313 15.6918L0.916285 18.6787C0.876281 18.7186 0.849035 18.7696 0.837994 18.825C0.826954 18.8805 0.832614 18.938 0.854261 18.9903C0.875908 19.0425 0.912567 19.0872 0.9596 19.1186C1.00663 19.15 1.06193 19.1667 1.11848 19.1667Z",fill:"#626D7C"}),r.createElement("path",{d:"M7.71853 15.4925H7.72043L15.3384 7.87534L12.1272 4.66228L4.45021 12.3366C5.39488 13.2971 7.71853 15.4925 7.71853 15.4925Z",fill:"#2D87F3"}),r.createElement("path",{d:"M3.18097 14.9702L5.02953 16.8187C5.19838 16.9989 5.43172 17.1049 5.67851 17.1135C5.9253 17.122 6.16544 17.0325 6.34638 16.8645L7.71851 15.4923L4.50736 12.2793L3.13524 13.6514C2.96661 13.8324 2.87671 14.073 2.88529 14.3203C2.89386 14.5675 3.00021 14.8013 3.18097 14.9702Z",fill:"#BCDEFF"}),r.createElement("path",{d:"M17.7683 3.58334L16.4183 2.2333L13.5601 5.09143L14.9102 6.44147L17.7683 3.58334Z",fill:"#2B62CD"}),r.createElement("path",{d:"M7.71889 15.7783C7.77545 15.7783 7.83074 15.7616 7.87778 15.7301C7.92481 15.6987 7.96147 15.6541 7.98312 15.6018C8.00476 15.5496 8.01042 15.4921 7.99938 15.4366C7.98834 15.3811 7.9611 15.3302 7.92109 15.2902L4.70861 12.0779C4.65452 12.0268 4.58261 11.9988 4.50818 11.9998C4.43375 12.0009 4.36267 12.0309 4.31005 12.0836C4.25742 12.1362 4.22741 12.2073 4.22639 12.2817C4.22538 12.3562 4.25343 12.4281 4.3046 12.4821L7.51689 15.6944C7.54337 15.721 7.57485 15.7421 7.60952 15.7565C7.64419 15.7709 7.68136 15.7783 7.71889 15.7783Z",fill:"#BCDEFF"}),r.createElement("path",{d:"M9.48781 11.3095C9.54746 11.3096 9.60653 11.2978 9.66161 11.2749C9.71669 11.252 9.76669 11.2184 9.80874 11.1761L9.83847 11.1462L9.86819 11.1758C9.95336 11.2609 10.0689 11.3088 10.1893 11.3088C10.3098 11.3088 10.4253 11.2609 10.5104 11.1758L10.8535 10.8327C10.8957 10.7905 10.9291 10.7404 10.952 10.6853C10.9748 10.6302 10.9866 10.5711 10.9866 10.5114C10.9866 10.4517 10.9748 10.3926 10.952 10.3375C10.9291 10.2824 10.8957 10.2323 10.8535 10.1901L10.8232 10.1625L10.8531 10.1326C10.9382 10.0474 10.9861 9.93182 10.9861 9.81135C10.9861 9.69087 10.9382 9.57533 10.8531 9.49014L10.51 9.14711C10.4679 9.10487 10.4179 9.07136 10.3628 9.0485C10.3077 9.02563 10.2486 9.01386 10.1889 9.01386C10.1293 9.01386 10.0702 9.02563 10.0151 9.0485C9.96 9.07136 9.90995 9.10487 9.86781 9.14711L9.83808 9.17664L9.80836 9.14692C9.72313 9.06179 9.6076 9.01397 9.48715 9.01397C9.36669 9.01397 9.25116 9.06179 9.16594 9.14692L8.8229 9.48995C8.73774 9.57511 8.6899 9.69062 8.6899 9.81106C8.6899 9.9315 8.73774 10.047 8.8229 10.1322L8.85282 10.1621L8.82329 10.1918C8.73826 10.2771 8.69052 10.3925 8.69052 10.5129C8.69052 10.6333 8.73826 10.7488 8.82329 10.8341L9.16632 11.1771C9.2085 11.2193 9.25863 11.2528 9.31381 11.2755C9.36899 11.2982 9.42813 11.3098 9.48781 11.3095Z",fill:"white"}),r.createElement("path",{d:"M12.6184 3.4438L16.5573 7.38277C16.8001 7.6255 16.8001 8.01905 16.5573 8.26178C16.3146 8.50451 15.921 8.50451 15.6783 8.26178L11.7393 4.32281C11.4966 4.08008 11.4966 3.68653 11.7393 3.4438C11.9821 3.20107 12.3756 3.20107 12.6184 3.4438Z",fill:"#BCDEFF"}),r.createElement("path",{d:"M16.4563 1.22324L18.7767 3.54364C18.9921 3.75907 18.9921 4.10834 18.7767 4.32376C18.5613 4.53918 18.212 4.53918 17.9966 4.32376L15.6762 2.00336C15.4608 1.78793 15.4608 1.43866 15.6762 1.22324C15.8916 1.00782 16.2409 1.00782 16.4563 1.22324Z",fill:"#BCDEFF"})),g=h.Z.div`
  padding: 16px;
  border-radius: 16px;
  background-color: white;
  hr {
    border-color: ${u.r.colors.neutral100};
    border-bottom-width: 0px;
    border-style: solid;
  }
  .profile-nav-item-group {
    background-color: white;
    border-radius: 8px;
  }
`,p=h.Z.div`
  display: block;
  border: 1px solid transparent;
  transition: all 300ms linear;
  cursor: pointer;
  position: relative;

  ${e=>e.hasSubmenu&&m.iv`
      cursor: pointer;
    `}

  &[data-is-open='true'] {
    & + div {
      margin-top: 8px;
    }
  }

  border-left-width: 0;
  border-right-width: 0;
  &[data-is-open='true'] {
    & + div {
      margin-top: 0;
    }
    .nav-menu-item:last-child {
      border-bottom-color: ${u.r.colors.neutral100};
    }
  }
  .nav-menu-item {
    background-color: ${u.r.colors.neutral50};
  }

  .nav-menu-item {
    padding-left: 38px;
  }
`,v=h.Z.div`
  display: flex;
  align-items: center;
  height: 48px;
  border: 1px solid transparent;
  transition: all 300ms;
  border-radius: 8px;

  &:hover {
    background-color: ${u.r.colors.neutral150};
  }
  &[data-active='true'] {
    background-color: ${u.r.colors.blue50};
  }
`,f=h.Z.div`
  margin-left: auto;

  svg {
    fill: ${u.r.colors.gray600};
    transition: transform 300ms;
  }

  &[data-is-open='true'] svg {
    transform: rotate(180deg);
  }
`,y=h.Z.div`
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-out;

  [data-is-open='true'] & {
    max-height: 500px;
    transition-timing-function: ease-in;
  }
`,k={helloSites:{member:()=>o.C.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>o.C.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>o.C.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>o.C.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>o.C.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>o.C.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>o.C.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>o.C.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>o.C.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>o.C.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},Rank=({rank:e,siteType:t="helloSites"})=>{let a=(0,r.useMemo)(()=>{var a,r;return(null===(r=null===(a=k[t])||void 0===a?void 0:a[e])||void 0===r?void 0:r.call(a))||""},[e,t]),{t:i}=(0,c.u)();return r.createElement("div",{style:{display:"inline-flex",height:"fit-content",alignItems:"center",padding:"5px 12px",gap:"4px",borderRadius:16,border:`1px solid ${"helloSites"===t?u.r.colors.blue100:u.r.colors.mb100}`}},r.createElement("img",{src:a,alt:e,style:{height:16,width:16}}),r.createElement(l.T,{size:"s5",color:"gray.8",weight:"semiBold"},i(`userProfile.userRank.${e}`)))},UserInfoSection=({siteType:e="helloSites",userInfo:t})=>(null==t?void 0:t.id)?r.createElement(r.Fragment,null,r.createElement("div",{style:{display:"flex",width:"100%",justifyContent:"space-between"}},r.createElement(n.A,{src:t.avatar,alt:t.name,size:48,style:{marginBottom:8}}),r.createElement(Rank,{rank:"member",siteType:e})),r.createElement(l.T,{size:"s3",weight:"semiBold",color:"gray.8",style:{marginBottom:4}},t.name),r.createElement(l.T,{size:"n1",weight:"regular",color:"helloSites"===e?"hb.6":"mb.6"},"@",t.username),r.createElement("hr",null)):null,ProfileNavigation=({className:e,activeItem:t,navMenuItems:a,style:n,onLogout:o,siteType:l="helloSites",userInfo:s,onNavigate:m,configs:h={}})=>{let{enableProfileFindMyBooking:u=!1}=h,{locale:p}=(0,c.u)(),[v,f]=(0,r.useState)(),y="string"==typeof t?t:v,k=(0,d.n)((0,d.a)(p,"marryBaby"===l)+"/"),E=(0,d.n)((0,d.g)(p,"marryBaby"===l)+"/"),b=a||[[{key:"userProfile.nav.header.viewProfile",icon:r.createElement(NavUserIcon,{width:"24",height:"24"}),value:"profile",tracking:{action:"Profile Click"},link:`${k}user/profile/`},{key:"userProfile.nav.card.myHealth",icon:r.createElement(NavMyHealthIcon,{width:"24",height:"24"}),value:"myHealth",tracking:{action:"My Health Click"},link:`${k}user/health/`},{key:"userProfile.nav.card.mySaved",icon:r.createElement(NavSaveIcon,{width:"24",height:"24"}),iconColor:"green_300",value:"saved",tracking:{action:"Bookmarks Click"},link:`${k}user/saved/`},!!u&&{key:"navigation.find_my_booking",icon:r.createElement(VaccinationIcon,{width:"24",height:"24"}),value:"find_my_booking",tracking:{action:"Find My Booking"},link:`${E}care/find-my-booking`},{key:"userProfile.nav.card.myBooking",icon:r.createElement(NavBookingIcon,{width:"24",height:"24"}),value:"booking",disabled:!i.C.includes(p),tracking:{action:"Manage Booking Click"},link:`${k}user/booking/`},{key:"userProfile.nav.card.myCommunity",icon:r.createElement(NavCommunityIcon,{width:"24",height:"24"}),value:"myCommunities",disabled:!i.c.includes(p),tracking:{action:"Community Click"},link:`${k}user/my-communities/`}],...i.E.includes(p)?[[{key:"userProfile.nav.card.eCom",icon:r.createElement(NavEshopIcon,{width:"24",height:"24"}),value:"eCom",disabled:!i.E.includes(p),subMenu:[{key:"userProfile.nav.card.ecom.manageOrders",value:"eCom-manageOrders",icon:r.createElement(NavDotIcon,{width:"24",height:"24"}),link:`${E}shop/ho-so/quan-li-don-hang/`,tracking:{action:"Order Management Click"}},{key:"userProfile.nav.card.ecom.DeliveryAddress",value:"eCom-manageAddress",icon:r.createElement(NavDotIcon,{width:"24",height:"24"}),link:`${E}shop/ho-so/dia-chi-giao-hang/`,tracking:{action:"Address Management Click"}},{key:"userProfile.nav.card.ecom.voucher",value:"eCom-voucher",icon:r.createElement(NavDotIcon,{width:"24",height:"24"}),link:`${E}shop/ho-so/khuyen-mai/`,tracking:{action:"Voucher Click"}}]}]]:[],[{key:"userProfile.nav.menu.accountSettings",icon:r.createElement(NavSettingsIcon,{width:"24",height:"24"}),subMenu:[{key:"userProfile.nav.menu.password",value:"password",icon:r.createElement(NavDotIcon,{width:"24",height:"24"}),tracking:{action:"Set Password Click"},link:`${k}user/password/`},{key:"userProfile.nav.menu.disableAccount",value:"disable-account",icon:r.createElement(NavDotIcon,{width:"24",height:"24"}),tracking:{action:"Disable Account Click"},link:`${k}user/disable-account/`},...i.D.includes(p)?[{key:"userProfile.nav.menu.dataPrivacy",value:"data-privacy",icon:r.createElement(NavDotIcon,{width:"24",height:"24"}),tracking:{action:"Data Privacy Click"},link:`${k}user/data-privacy/`}]:[]]}],[{key:"userProfile.nav.menu.help",icon:r.createElement(NavHelpIcon,{width:"24",height:"24"}),value:"help",link:`${k}user/help`,tracking:{action:"Support Click"}},{key:"userProfile.nav.menu.logout",icon:r.createElement(NavLogOutIcon,{width:"24",height:"24"}),value:"logout",tracking:{action:"Sign Out Click"}}]];return r.createElement(g,{className:e,style:n},r.createElement(UserInfoSection,{userInfo:s,siteType:l}),b.map((e,t)=>r.createElement(r.Fragment,{key:t},r.createElement("div",{className:"profile-nav-item-group",key:t},e.map(e=>e?r.createElement(NavMenuItem,{key:e.key,item:e,activeKey:y||"",onLogout:o,onClick:()=>f(t=>t===e.key?void 0:e.key),siteType:l,onNavigate:m}):null)),t!==b.length-1&&r.createElement("hr",null))))},NavMenuItem=({item:e,activeKey:t,forceOpen:a,onLogout:i,onClick:n,siteType:o="helloSites",onNavigate:d})=>{var m,h;let[u,g]=(0,r.useState)(!1),k=(0,r.useMemo)(()=>"undefined"!=typeof window?window.location.href:"",[]);if(e.disabled)return null;let{t:E}=(0,c.u)(),b=null===(m=e.subMenu)||void 0===m?void 0:m.some(e=>e.key===t),w=t===e.key;(0,r.useEffect)(()=>{(b||w)&&g(!0)},[b,w]);let C="boolean"==typeof a?a:u;return r.createElement(p,{as:e.subMenu?void 0:"a","data-is-open":C,key:e.key,hasSubmenu:!!e.subMenu,onClick:()=>{null==n||n(),e.subMenu&&!a?g(e=>!e):"logout"===e.value?null==i||i():e.link&&(d?d(e.link):window.location.href=e.link)},"data-event-category":"Ecommerce","data-event-action":(null===(h=null==e?void 0:e.tracking)||void 0===h?void 0:h.action)||"","data-event-label":k},r.createElement(v,{"data-active":w},e.icon,r.createElement(l.T,{size:"p3",style:{marginLeft:e.icon?24:48,transition:"color 300ms"},color:w?"helloSites"===o?"hb.6":"mb.6":"gray.8"},E(e.key)),e.subMenu&&r.createElement(f,{"data-is-open":C},r.createElement(s.C,{width:14}))),e.subMenu&&r.createElement(y,null,e.subMenu.map(e=>r.createElement(NavMenuItem,{key:e.key,item:e,activeKey:t,onLogout:i,siteType:o}))))}},e6Kn:function(e,t,a){a.d(t,{k:function(){return ProgressBar}});var r=a("FRPj"),i=a("q1tI"),n=a("DzJC"),o=a.n(n),l=a("rBCA"),c=a("iBNF");let s=l.Z.div`
  position: relative;
  width: 100%;

  & div[role='slider'] {
    -webkit-text-size-adjust: none;
    -webkit-user-select: none;
    &:focus {
      outline: none;
    }
  }
`,d=l.Z.div`
  position: absolute;
  top: 19px;
  width: 24px;
  height: 24px;
  color: ${c.r.colors.white};
  border: 2px solid ${c.r.colors.white};
  border-radius: 50%;
  transform: translateY(-50%) translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

  background-color: ${c.r.colors.white};
  color: ${c.r.colors.gray300};
  border: 1px solid ${c.r.colors.gray300};

  &[data-is-active='true'] {
    background-color: ${c.r.colors.primaryBase};
    color: ${c.r.colors.white};
    border: none;
  }
`,m=l.Z.div`
  display: flex;
  width: 100%;
  height: 36px;

  &[data-track-type='detail'] {
    margin-top: 0;
  }

  &[data-track-type='detail'][data-step-passed='true'] > div {
    border: 1px solid ${c.r.colors.primaryBase};
    height: 0px;
  }

  &[data-track-type='detail'] > div {
    border: 1px solid ${c.r.colors.gray200};
    height: 0px;
  }
`,h=l.Z.div`
  width: 100%;
  height: 5px;
  align-self: center;
  border-radius: 4px;
  background-color: ${c.r.colors.gray200};
`,u=l.Z.div`
  position: absolute;
  top: 32px;
  min-width: 100px;
  text-align: center;
  color: ${c.r.colors.gray500};
  font-size: ${c.r.sizes.fsCaption2};
  font-weight: ${c.r.sizes.fwBold};

  &[data-step-passed='true'] {
    color: ${c.r.colors.gray800};
  }
`,g=l.Z.div`
  display: flex;
  align-items: center;
`,p=l.Z.div`
  display: flex;
  align-items: center;
  font-size: ${c.r.sizes.fsCaption2};
  font-weight: ${c.r.sizes.fwBold};
  color: ${c.r.colors.gray500};
  cursor: pointer;

  & > svg {
    height: 10px;
    width: 10px;
    margin: 0 14px;
  }

  & > svg > path {
    stroke: ${c.r.colors.gray500};
  }

  &[data-selected='true'] {
    color: ${c.r.colors.primaryBase};
  }
`,v=l.Z.div`
  position: absolute;
  left: 0;
  top: 19px;
  height: 24px;
  cursor: pointer;

  transform: translateY(-50%);
  display: flex;
  align-items: center;

  padding: 8px;
  background-color: ${c.r.colors.white};
`,f=l.Z.div`
  min-width: 24px;
  height: 24px;
  border: 2px solid ${c.r.colors.white};
  border-radius: 50%;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

  background-color: ${c.r.colors.white};
  color: ${c.r.colors.gray300};
  border: 1px solid ${c.r.colors.gray300};

  &[data-is-active='true'] {
    border: none;
    background-color: ${c.r.colors.primaryBase};
    color: ${c.r.colors.white};
  }
`,y=l.Z.div`
  display: flex;
  align-items: center;
  justify-content: center;

  & > svg {
    height: 20px;
    width: 20px;
    margin-right: 8px;

    & > path {
      stroke: ${c.r.colors.gray500};
    }
  }
`,k=l.Z.div`
  color: ${c.r.colors.gray400};
  font-size: ${c.r.sizes.fsCaption2};
  font-weight: ${c.r.sizes.fwBold};
  margin-right: 8px;
  flex: 0 0 auto;

  &[data-step-passed='true'] {
    color: ${c.r.colors.gray800};
  }
`,E=l.Z.div`
  position: absolute;
  top: 32px;
  font-weight: ${c.r.sizes.fwRegular};
  color: ${c.r.colors.gray400};
  padding-right: 16px;
`,ProgressBar=({type:e,numberOfStep:t,activeStep:a,labelPrefix:n,detailSteps:l,className:c,onChange:b})=>{let[w,C]=(0,i.useState)(0),Track=e=>{var{trackClassName:t}=e,a=(0,r._)(e,["trackClassName"]);return i.createElement(m,Object.assign({},a,{className:t}),i.createElement(h,null))},$=i.createElement(s,{className:c+" progress-bar"},i.createElement(Track,null),i.createElement(({trackLength:e,activeStep:a,labelPrefix:r="Step",onChange:n})=>i.createElement(i.Fragment,null,Array.from({length:t},(e,t)=>t).map((o,l)=>i.createElement(d,{"data-is-active":l===a,"data-label":l,style:{left:l*e/(t-1)},onClick:()=>{n&&n(l)},key:l},l+1,i.createElement(u,{"data-step-passed":l<=a},r+" "+(l+1))))),{trackLength:w,activeStep:a,labelPrefix:n,onChange:b})),x=i.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 5.5 9.5"},i.createElement("title",null,"chevron-right"),i.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),M=i.createElement(g,null,l&&Array.from({length:l.length},(e,t)=>t).map((e,t)=>{var r;return i.createElement(p,{key:t,"data-selected":t===a,onClick:()=>{b&&b(t)}},null===(r=l[t])||void 0===r?void 0:r.text," ",t<l.length-1&&x)})),A=i.createElement(s,{className:c+" progress-bar"},i.createElement(({detailSteps:e,activeStep:t,onChange:a})=>i.createElement(i.Fragment,null,Array.from({length:e.length},(e,t)=>t).map((r,n)=>i.createElement(v,{key:n,style:{left:100/e.length*n+"%",width:100/e.length+"%"},onClick:()=>{a&&a(n)}},e[n].icon?i.createElement(y,{onClick:()=>{a&&a(n)}},e[n].icon):i.createElement(f,{"data-is-active":n===t,"data-label":r,onClick:()=>{a&&a(n)},key:n},n+1),i.createElement(k,{"data-step-passed":n<t+1},e[n].text,i.createElement(E,null,e[n].description)),n<e.length-1&&i.createElement(Track,{"data-step-passed":n<t,trackClassName:"progress-track","data-track-type":"detail"})))),{activeStep:a,detailSteps:l,onChange:b})),P=(0,i.useCallback)(o()(()=>{let e=document.querySelector(".progress-bar");e&&C(e.offsetWidth)},1e3),[]);return(0,i.useEffect)(()=>{let e=document.querySelector(".progress-bar");return C(null==e?void 0:e.offsetWidth),window.addEventListener("resize",P,{passive:!0}),()=>{window.removeEventListener("resize",P)}},[]),"step-track"===e&&$||"breadcrumb"===e&&M||"detail-track"===e&&A}}}]);