@hhgtech/hhg-components 1.18.51 → 1.18.52

package/build/esm/types-370ad93a.js

@@ -1,2 +0,0 @@
-import{c as e,a as n,_ as t,d as o,e as i}from"./tslib.es6-fd0a5c98.js";import a,{useMemo as r,useState as c,useCallback as l,useEffect as s,useRef as u,useReducer as d}from"react";import{I as p,a as h,d as g}from"./constants-dc22740c.js";import{b as m,t as f}from"./theme-d85b3a33.js";import{ao as C,ag as v,ap as x,I as y,M as w,u as b,T as E,an as L}from"./useTranslations-07b12611.js";import S from"lodash/debounce";import"react-range";import k,{createGlobalStyle as M}from"styled-components";import I from"react-loading-skeleton";import{useId as R}from"react-id-generator";import F from"lodash/shuffle";var P,z,A,N,T,H,V,B,D,O,K,Z,_=k.div(P||(P=e([""],[""]))),G=k.div(z||(z=e(["\n  --searchbar-z-index: 305;\n  &[data-is-modal='true'] {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: var(--mobile-care-searchbar-height, 100%);\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n    background-color: white;\n    z-index: var(--searchbar-z-index);\n  }\n"],["\n  --searchbar-z-index: 305;\n  &[data-is-modal='true'] {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: var(--mobile-care-searchbar-height, 100%);\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n    background-color: white;\n    z-index: var(--searchbar-z-index);\n  }\n"]))),j=k.section(A||(A=e([""],[""]))),U=k.input(N||(N=e(["\n  position: fixed;\n  left: -100%;\n  top: -100%;\n"],["\n  position: fixed;\n  left: -100%;\n  top: -100%;\n"]))),Q=k(y)(T||(T=e(["\n  #booking-search-bar & {\n    input {\n      font-size: 16px;\n    }\n  }\n"],["\n  #booking-search-bar & {\n    input {\n      font-size: 16px;\n    }\n  }\n"]))),q=M(H||(H=e(["\n  .care-popup-open {\n    overflow: hidden;\n    position: fixed;\n    &::before {\n      content: '';\n      inset: 0;\n      position: absolute;\n      background-color: white;\n      min-height: 100vh;\n      min-width: 100vw;\n      z-index: 2;\n    }\n  }\n"],["\n  .care-popup-open {\n    overflow: hidden;\n    position: fixed;\n    &::before {\n      content: '';\n      inset: 0;\n      position: absolute;\n      background-color: white;\n      min-height: 100vh;\n      min-width: 100vw;\n      z-index: 2;\n    }\n  }\n"]))),W=function(e){var n=e.className,t=e.color;return a.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M18 6L6 18",stroke:t||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M6 6L18 18",stroke:t||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))},Y=function(e){var n=e.className,t=e.color;return a.createElement("svg",{width:"14",height:"20",viewBox:"0 0 14 20",className:n},a.createElement("path",{d:"M7 0C3.134 0 0 3.134 0 7C0 10.966 4.404 16.82 6.226 19.071C6.626 19.565 7.374 19.565 7.774 19.071C9.596 16.82 14 10.966 14 7C14 3.134 10.866 0 7 0ZM7 9.5C5.619 9.5 4.5 8.381 4.5 7C4.5 5.619 5.619 4.5 7 4.5C8.381 4.5 9.5 5.619 9.5 7C9.5 8.381 8.381 9.5 7 9.5Z",fill:t||"currentColor"}))},J=function(e){var n=e.className,t=e.color;return a.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:n},a.createElement("path",{d:"M9.99967 6.66658C8.15801 6.66658 6.66634 8.15825 6.66634 9.99992C6.66634 11.8416 8.15801 13.3333 9.99967 13.3333C11.8413 13.3333 13.333 11.8416 13.333 9.99992C13.333 8.15825 11.8413 6.66658 9.99967 6.66658ZM17.4497 9.16658C17.0663 5.69158 14.308 2.93325 10.833 2.54992V1.66659C10.833 1.20825 10.458 0.833252 9.99967 0.833252C9.54134 0.833252 9.16634 1.20825 9.16634 1.66659V2.54992C5.69134 2.93325 2.93301 5.69158 2.54967 9.16658H1.66634C1.20801 9.16658 0.833008 9.54158 0.833008 9.99992C0.833008 10.4583 1.20801 10.8333 1.66634 10.8333H2.54967C2.93301 14.3083 5.69134 17.0666 9.16634 17.4499V18.3333C9.16634 18.7916 9.54134 19.1666 9.99967 19.1666C10.458 19.1666 10.833 18.7916 10.833 18.3333V17.4499C14.308 17.0666 17.0663 14.3083 17.4497 10.8333H18.333C18.7913 10.8333 19.1663 10.4583 19.1663 9.99992C19.1663 9.54158 18.7913 9.16658 18.333 9.16658H17.4497ZM9.99967 15.8333C6.77467 15.8333 4.16634 13.2249 4.16634 9.99992C4.16634 6.77492 6.77467 4.16658 9.99967 4.16658C13.2247 4.16658 15.833 6.77492 15.833 9.99992C15.833 13.2249 13.2247 15.8333 9.99967 15.8333Z",fill:t||"currentColor"}))},X=function(e){var n=e.className,t=e.color;return a.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18Z",stroke:t||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M20 20L16 16",stroke:t||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},$=function(e){var n=e.width,t=e.height;return a.createElement("svg",{width:n||30,height:t||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}))},ee=k.li(V||(V=e(["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px;\n\n  > :first-child {\n    flex: 1;\n  }\n\n  > :nth-child(2) {\n    flex: 6;\n  }\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px;\n\n  > :first-child {\n    flex: 1;\n  }\n\n  > :nth-child(2) {\n    flex: 6;\n  }\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n"])),f.colors.neutral100),ne=k.div(B||(B=e(["\n  display: flex;\n  position: absolute;\n  top: 48px;\n  min-width: 100%;\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  border-radius: 6px;\n  background-color: white;\n  z-index: 30;\n\n  "," {\n    position: relative;\n    top: 0;\n    box-shadow: initial;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  top: 48px;\n  min-width: 100%;\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  border-radius: 6px;\n  background-color: white;\n  z-index: 30;\n\n  "," {\n    position: relative;\n    top: 0;\n    box-shadow: initial;\n  }\n"])),w.mbDown),te=k.ul(D||(D=e(["\n  width: 100%;\n  max-height: 600px;\n  overflow-y: auto;\n"],["\n  width: 100%;\n  max-height: 600px;\n  overflow-y: auto;\n"]))),oe=k(Y)(O||(O=e(["\n  width: 12px;\n  height: 18px;\n"],["\n  width: 12px;\n  height: 18px;\n"]))),ie=k.li(K||(K=e(["\n  position: relative;\n  cursor: pointer;\n  padding: 12px 18px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  overflow: hidden;\n\n  ","\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n\n  &:not([data-is-denied='true']):hover {\n    background-color: ",";\n  }\n\n  &:last-child:hover {\n    border-bottom-right-radius: 6px;\n    border-bottom-left-radius: 6px;\n  }\n\n  &:first-child:hover {\n    border-top-right-radius: 6px;\n    border-top-left-radius: 6px;\n  }\n\n  &[data-is-denied='true'] {\n    cursor: not-allowed;\n  }\n"],["\n  position: relative;\n  cursor: pointer;\n  padding: 12px 18px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  overflow: hidden;\n\n  ","\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n\n  &:not([data-is-denied='true']):hover {\n    background-color: ",";\n  }\n\n  &:last-child:hover {\n    border-bottom-right-radius: 6px;\n    border-bottom-left-radius: 6px;\n  }\n\n  &:first-child:hover {\n    border-top-right-radius: 6px;\n    border-top-left-radius: 6px;\n  }\n\n  &[data-is-denied='true'] {\n    cursor: not-allowed;\n  }\n"])),(function(e){return e.isSelected&&"\n        &::after {\n            content: ".concat("url(\"data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9803 0.990669C16.7205 0.99841 16.4739 1.10699 16.2928 1.2934L5.99984 11.5864L2.70687 8.2934C2.61473 8.19743 2.50436 8.12081 2.38223 8.06802C2.2601 8.01524 2.12867 7.98735 1.99563 7.986C1.86259 7.98464 1.73061 8.00985 1.60743 8.06014C1.48426 8.11043 1.37235 8.18479 1.27827 8.27887C1.1842 8.37295 1.10983 8.48485 1.05954 8.60803C1.00926 8.73121 0.98405 8.86318 0.985403 8.99622C0.986757 9.12926 1.01464 9.26069 1.06743 9.38282C1.12021 9.50495 1.19684 9.61532 1.29281 9.70747L5.29281 13.7075C5.48035 13.8949 5.73467 14.0002 5.99984 14.0002C6.26501 14.0002 6.51933 13.8949 6.70687 13.7075L17.7069 2.70747C17.8514 2.567 17.9501 2.38616 17.99 2.18864C18.03 1.99112 18.0093 1.78614 17.9308 1.60055C17.8523 1.41497 17.7195 1.25744 17.5499 1.14861C17.3803 1.03978 17.1817 0.984729 16.9803 0.990669Z' fill='%232685F1'/%3E%3C/svg%3E%0A\")",";\n            top: 50%;\n            right: 18px;\n            position: absolute;\n            transform: translateY(-50%);\n        }\n    ")}),f.colors.neutral100,f.colors.neutral50),ae=k((function(e){var t=e.count,o=e.className,i=R(t);return a.createElement(a.Fragment,null,n([],Array(t),!0).map((function(e,n){return a.createElement(ee,{className:o,key:i[n]},a.createElement(I,{count:1,height:32}),a.createElement(I,{count:1,height:24}))})))}))(Z||(Z=e(["\n  &:first-child {\n    padding-top: 18px;\n  }\n"],["\n  &:first-child {\n    padding-top: 18px;\n  }\n"]))),re=function(e){var n=e.cities,t=e.isLoading,o=e.onLocationClick,i=e.onCurrentLocationClick,r=e.geoLocationPermission,c=void 0===r?"unset":r,l=e.isLocationLoading,s=e.selectedLocation,u=b().t,d="denied"===c,p=function(){return a.createElement(ie,{role:"button",tabIndex:0,onClick:function(e){d||(e.nativeEvent.stopImmediatePropagation(),l||i())},"data-is-denied":d},d?a.createElement(E,{color:"var(--gray600)",size:"md"},"x"):l?a.createElement(I,{height:20,width:20}):a.createElement(J,{color:f.colors.primaryBase}),a.createElement("div",null,d?a.createElement(E,{color:"var(--gray600)",size:"sm",style:{lineHeight:1.5}},u("booking.searchBar.grantLocation")):l?a.createElement(I,{height:20,style:{width:"calc(100% - 16px)"}}):a.createElement(E,{size:"md"},u("booking.searchBar.useCurrentLocation"))))};return a.createElement(ne,{"data-testid":"location-search-results"},a.createElement(te,null,t?a.createElement(ae,{count:5}):!n||n.length<1?a.createElement(a.Fragment,null,p(),a.createElement(ie,{"data-is-denied":"true"},a.createElement(E,{size:"sm",color:"#ccc"},u("booking.searchBar.noResults")))):a.createElement(a.Fragment,null,p(),n.map((function(e){return a.createElement(ie,{key:e.id,onClick:function(n){n.nativeEvent.stopImmediatePropagation(),o&&o(e)},role:"button",tabIndex:0,"aria-label":"Select ".concat(e.name," as location"),isSelected:(null==s?void 0:s.id)===e.id},a.createElement(oe,{color:f.colors.neutral400}),a.createElement(E,{size:"md"},e.name))})))))},ce="TYPE_CHARACTER",le="REMOVE_CHARACTER",se="REMOVE_ALL",ue="REMOVE_LAST_VISIBLE_NODE",de="PAUSE_FOR",pe="CHANGE_DELETE_SPEED",he="CHANGE_DELAY",ge="PASTE_STRING",me=function(e,n){return Math.floor(Math.random()*(n-e+1))+e},fe="TEXT_NODE",Ce=function(){function e(e){var o=this;this.state={lastFrameTime:null,pauseUntil:null,eventQueue:[],eventLoop:null,eventLoopPaused:!1,reverseCalledEvents:[],calledEvents:[],visibleNodes:[],initialOptions:null},this.options={strings:null,delay:"natural",pauseFor:1500,deleteSpeed:"natural",loop:!1,autoStart:!1,stringSplitter:null,onCreateTextNode:null,onRemoveNode:null},this.start=function(){return o.state.eventLoopPaused=!1,o.runEventLoop(),o},this.pause=function(){return o.state.eventLoopPaused=!0,o},this.stop=function(){return o.state.eventLoop&&(window.cancelAnimationFrame(o.state.eventLoop),o.state.eventLoop=null),o},this.pauseFor=function(e){return o.addEventToQueue(de,{ms:e}),o},this.typeOutAllStrings=function(){return"string"==typeof o.options.strings?(o.typeString(o.options.strings).pauseFor(o.options.pauseFor),o):(o.options.strings.forEach((function(e){o.typeString(e).pauseFor(o.options.pauseFor).deleteAll(o.options.deleteSpeed)})),o)},this.typeString=function(e,n){if(void 0===n&&(n=null),e){var t=(o.options||{}).stringSplitter,i="function"==typeof t?t(e):e.split("");o.typeCharacters(i,n)}return o},this.pasteString=function(e,n){return void 0===n&&(n=null),e&&o.addEventToQueue(ge,{character:e,node:n}),o},this.deleteAll=function(e){return void 0===e&&(e="natural"),o.addEventToQueue(se,{speed:e}),o},this.changeDeleteSpeed=function(e){if(!e)throw new Error("Must provide new delete speed");return o.addEventToQueue(pe,{speed:e}),o},this.changeDelay=function(e){if(!e)throw new Error("Must provide new delay");return o.addEventToQueue(he,{delay:e}),o},this.deleteChars=function(e){if(!e)throw new Error("Must provide amount of characters to delete");for(var n=0;n<e;n++)o.addEventToQueue(le);return o},this.typeCharacters=function(e,n){if(void 0===n&&(n=null),!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(e){o.addEventToQueue(ce,{character:e,node:n})})),o},this.removeCharacters=function(e){if(!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(){o.addEventToQueue(le)})),o},this.addEventToQueue=function(e,n,t){return void 0===t&&(t=!1),o.addEventToStateProperty(e,n,t,"eventQueue")},this.addReverseCalledEvent=function(e,n,t){return void 0===t&&(t=!1),o.options.loop?o.addEventToStateProperty(e,n,t,"reverseCalledEvents"):o},this.addEventToStateProperty=function(e,t,i,a){void 0===i&&(i=!1);var r={eventName:e,eventArgs:t||{}};return o.state[a]=i?n([r],o.state[a],!0):n(n([],o.state[a],!0),[r],!1),o},this.runEventLoop=function(){o.state.lastFrameTime||(o.state.lastFrameTime=Date.now());var e=Date.now(),i=e-o.state.lastFrameTime;if(!o.state.eventQueue.length){if(!o.options.loop)return;o.state.eventQueue=n([],o.state.calledEvents,!0),o.state.calledEvents=[],o.options=t({},o.state.initialOptions)}if(o.state.eventLoop=window.requestAnimationFrame(o.runEventLoop),!o.state.eventLoopPaused){if(o.state.pauseUntil){if(e<o.state.pauseUntil)return;o.state.pauseUntil=null}var a=n([],o.state.eventQueue,!0),r=a.shift();if(!(i<=(r.eventName===ue||r.eventName===le?"natural"===o.options.deleteSpeed?me(40,80):o.options.deleteSpeed:"natural"===o.options.delay?me(120,160):o.options.delay))){var c=r.eventName,l=r.eventArgs;switch(c){case ge:case ce:var s=l.character,u=document.createTextNode(s),d=u;o.options.onCreateTextNode&&"function"==typeof o.options.onCreateTextNode&&(d=o.options.onCreateTextNode(s,u)),o.state.visibleNodes=n(n([],o.state.visibleNodes,!0),[{type:fe,character:s,node:d}],!1);break;case le:a.unshift({eventName:ue,eventArgs:{removingCharacterNode:!0}});break;case de:var p=r.eventArgs.ms;o.state.pauseUntil=Date.now()+parseInt(p);break;case se:var h=o.state.visibleNodes,g=l.speed,m=[];g&&m.push({eventName:pe,eventArgs:{speed:g,temp:!0}});for(var f=0,C=h.length;f<C;f++)m.push({eventName:ue,eventArgs:{removingCharacterNode:!1}});g&&m.push({eventName:pe,eventArgs:{speed:o.options.deleteSpeed,temp:!0}}),a.unshift.apply(a,m);break;case ue:if(o.state.visibleNodes.length){var v=o.state.visibleNodes.pop(),x=v.node;s=v.character;o.options.onRemoveNode&&"function"==typeof o.options.onRemoveNode&&o.options.onRemoveNode({node:x,character:s}),x&&x.parentNode.removeChild(x)}break;case pe:o.options.deleteSpeed=r.eventArgs.speed;break;case he:o.options.delay=r.eventArgs.delay}o.options.loop&&(r.eventName===ue||r.eventArgs&&r.eventArgs.temp||(o.state.calledEvents=n(n([],o.state.calledEvents,!0),[r],!1))),o.state.eventQueue=a,o.state.lastFrameTime=e}}},e&&(this.options=t(t({},this.options),e)),this.state.initialOptions=t({},this.options),this.init()}return e.prototype.init=function(){this.addEventToQueue(se,null,!0),!0===this.options.autoStart&&this.options.strings&&this.typeOutAllStrings().start()},e}();function ve(e){var n=e.inputRef,t=e.wrapperRef,o=e.disabled,i=b(),a=i.t,c=i.locale,l=r((function(){if(o)return[];var e=["booking.searchBar.placeholder.hospital","booking.searchBar.placeholder.doctor"];return"zh-TW"!==c&&e.push("booking.searchBar.placeholder.specialty","booking.searchBar.placeholder.service"),F(e).map((function(e){return a(e)}))}),[a,c]);function u(e){var n=p();return n&&(n.placeholder=n.placeholder+e),null}function d(){var e=p();e&&(e.placeholder=e.placeholder.slice(0,-1))}function p(){return n&&n.current?n.current:t&&t.current&&t.current.querySelector("input")||null}s((function(){if(!o){var e=p();e&&(e.placeholder="",new Ce({strings:l,autoStart:!0,loop:!0,delay:32,deleteSpeed:32,pauseFor:1500,onCreateTextNode:u,onRemoveNode:d}))}}),[n,t])}var xe,ye=k.div(xe||(xe=e(["\n  user-select: none;\n  input {\n    pointer-events: none;\n    background-color: white;\n  }\n"],["\n  user-select: none;\n  input {\n    pointer-events: none;\n    background-color: white;\n  }\n"])));function we(e){var n=e.focused,o=e.value,i=void 0===o?"":o,c=e.onClick,l=e.trackingAttributes,s=e.inputSearchPlaceholder,d=b().t,p=u(null);ve({wrapperRef:p,disabled:!!s});var h=r((function(){return l?{"data-event-category":l.dataEventCategory,"data-event-action":l.dataEventAction,"data-event-label":l.dataEventLabel}:{}}),[l]);return a.createElement(ye,t({onClick:function(){return c&&c()},ref:p},h),a.createElement(Q,{inputClassName:"location"===n?"focused":void 0,name:"booking-search-placeholder",displayIcon:a.createElement(X,{color:f.colors.gray400}),placeholder:d("booking.searchBar.searchInput.placeholder"),value:i,size:"md"}))}var be,Ee,Le,Se,ke,Me,Ie=k.header(be||(be=e(["\n  display: flex;\n  height: 64px;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0 auto;\n  position: sticky;\n  z-index: 99;\n  background-color: white;\n  top: 0;\n  left: 0;\n"],["\n  display: flex;\n  height: 64px;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0 auto;\n  position: sticky;\n  z-index: 99;\n  background-color: white;\n  top: 0;\n  left: 0;\n"]))),Re=k.div(Ee||(Ee=e(["\n  display: inline-flex;\n  flex: 1;\n  justify-content: flex-end;\n  cursor: pointer;\n  text-decoration: underline;\n"],["\n  display: inline-flex;\n  flex: 1;\n  justify-content: flex-end;\n  cursor: pointer;\n  text-decoration: underline;\n"]))),Fe=k.div(Le||(Le=e(["\n  display: flex;\n  align-items: center;\n  margin-left: 16px;\n  cursor: pointer;\n"],["\n  display: flex;\n  align-items: center;\n  margin-left: 16px;\n  cursor: pointer;\n"]))),Pe=k.div(Se||(Se=e(["\n  width: 100%;\n  margin-left: 24px;\n"],["\n  width: 100%;\n  margin-left: 24px;\n"]))),ze=k(E)(ke||(ke=e(["\n  color: ",";\n  text-align: start;\n"],["\n  color: ",";\n  text-align: start;\n"])),f.colors.secondaryDark),Ae=function(e){var n=e.className,t=e.onLeftClick,o=e.headingText,i=e.onRightClick,r=e.iconLeft,c=e.textRight;return a.createElement(Ie,{className:n},a.createElement(Fe,{onClick:t},r||a.createElement(W,{color:f.colors.gray800})),a.createElement(Pe,null,a.createElement(ze,{size:"md",type:"bold"},o)),a.createElement(Re,{onClick:i},c&&a.createElement("p",null,c)))},Ne={"en-PH":3,"tl-PH":2,"id-ID":3,"vi-VN":2,"zh-TW":0},Te={isMobile:!1,isDebug:!1,navigateTo:null,geoLocationPermission:"unset",geoLocationCoordinates:null,focused:"none",searchLocationKeywords:"",searchKeywords:"",selectedLocation:null,defaultCity:null,initialCities:[],cities:[],searchResults:[],initialSearchResults:[],isLoadingCities:!1,isLoadingSearchResults:!1,isMobileModalOpened:!1,initialSelectedCity:null,autoCompleteDisabled:!1,inputSearchPlaceholder:"",locale:"vi-VN"};function He(e){var n=e.selectedLocation,o=e.searchLocationKeywords;return n&&o!==n.name?t(t({},e),{searchLocationKeywords:n.name}):e}function Ve(e,n){var o;switch(e.isDebug&&console.log("bookingSearchBar",{action:n,state:e}),n.type){case Me.NavigateTo:return t(t({},e),{navigateTo:n.payload,focused:"none",isMobileModalOpened:!1});case Me.ClickOutsideInputLocation:return e.isMobile||"location"!==e.focused?e:He(t(t({},e),{focused:"none"}));case Me.ClickOutsideInputSearch:return e.isMobile||"search"!==e.focused?e:t(t({},e),{focused:"none"});case Me.FocusInputLocation:var i=t(t({},e),{focused:"location"});return(null===(o=e.selectedLocation)||void 0===o?void 0:o.id)===p&&(i.searchLocationKeywords=""),i;case Me.FocusInputSearch:var a=t(t({},e),{focused:"search"});return e.isMobile?He(a):a;case Me.ChangeInputLocation:return t(t({},e),{searchLocationKeywords:n.payload});case Me.ChangeInputSearch:var r=n.payload;return t(t({},e),{searchKeywords:r,isLoadingSearchResults:r.trim().length>Ne[e.locale]});case Me.SelectCurrentLocation:return t(t({},e),{focused:"none",selectedLocation:n.payload,searchLocationKeywords:n.payload.name});case Me.ClearInputLocation:return t(t({},e),{focused:"location",cities:e.initialCities,searchLocationKeywords:""});case Me.ClearInputSearch:return t(t({},e),{focused:"search",searchKeywords:""});case Me.SelectLocation:return t(t({},e),{focused:"none",selectedLocation:n.payload,searchLocationKeywords:n.payload.name});case Me.SelectSearchResult:return t(t({},e),{searchKeywords:n.payload.name,isMobileModalOpened:!1,focused:"none",navigateTo:n.payload.url});case Me.FetchCitiesStart:return t(t({},e),{isLoadingCities:!0});case Me.FetchCitiesFinish:return t(t({},e),{isLoadingCities:!1});case Me.FetchSearchResultsStart:return t(t({},e),{isLoadingSearchResults:!0});case Me.FetchSearchResultsFinish:return t(t({},e),{isLoadingSearchResults:!1});case Me.FetchSearchResultsComplete:var c=t(t({},e),{searchResults:n.payload});return 0===e.initialSearchResults.length&&(c.initialSearchResults=n.payload),c;case Me.FetchCitiesByGeoIpComplete:var l=n.payload.cities,s=n.payload.default;(l=l.filter((function(e){return e.id!==s.id}))).unshift(s),e.initialSelectedCity&&!l.find((function(n){return n.id===e.initialSelectedCity.id}))&&l.unshift(e.initialSelectedCity);var u=t(t({},e),{defaultCity:s,initialCities:l,cities:l});return"denied"!==e.geoLocationPermission||e.initialSelectedCity||(u.selectedLocation=s,u.searchLocationKeywords=s.name),u;case Me.FetchCitiesByKeywordComplete:return t(t({},e),{cities:n.payload});case Me.DisplayInitialCities:return t(t({},e),{cities:e.initialCities});case Me.DisplayInitialSearchResults:return t(t({},e),{searchResults:e.initialSearchResults,isLoadingSearchResults:!1});case Me.GrantGeoLocationPermission:return t(t({},e),{geoLocationPermission:"granted",geoLocationCoordinates:n.payload});case Me.DenyGeoLocationPermission:return t(t({},e),{geoLocationPermission:"denied",geoLocationCoordinates:null});case Me.OpenMobileModal:return t(t({},e),{isMobileModalOpened:!0});case Me.CloseMobileModal:return t(t({},e),{isMobileModalOpened:!1});case Me.UpdateInitialSearchValue:return t(t({},e),{searchKeywords:n.payload});case Me.SetInputSearchPlaceholder:return t(t({},e),{inputSearchPlaceholder:n.payload});default:return e}}!function(e){e.NavigateTo="navigate to url",e.ClickOutsideInputLocation="click outside input location",e.ClickOutsideInputSearch="click outside input search",e.SelectCurrentLocation="select current location",e.FocusInputLocation="focus input location",e.FocusInputSearch="focus input search",e.ChangeInputLocation="change input location",e.ChangeInputSearch="change input search",e.ClearInputLocation="clear input location",e.ClearInputSearch="clear input search",e.SelectLocation="select location",e.FetchCitiesStart="fetch cities start",e.FetchCitiesFinish="fetch cities finish",e.FetchSearchResultsStart="fetch search results start",e.FetchSearchResultsComplete="fetch search results complete",e.FetchSearchResultsFinish="fetch search results finish",e.FetchCitiesByGeoIpComplete="fetch cities by geo IP finish",e.FetchCitiesByKeywordComplete="fetch cities by keyword finish",e.DisplayInitialCities="display initial cities",e.DisplayInitialSearchResults="display initial search results",e.GrantGeoLocationPermission="grant geolocation permission",e.DenyGeoLocationPermission="deny geolocation permission",e.OpenMobileModal="open mobile modal",e.CloseMobileModal="close mobile modal",e.UpdateInitialSearchValue="update initial search value",e.SelectSearchResult="select search result",e.SetInputSearchPlaceholder="set input search placeholder"}(Me||(Me={}));var Be,De,Oe,Ke,Ze,_e,Ge,je=function(e,n){var t=l((function(t){e.current&&!e.current.contains(t.target)&&n(t.target)}),[]);s((function(){return document.addEventListener("mousedown",t),function(){document.removeEventListener("mousedown",t)}}))},Ue=function(){return a.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72624 14.8099 11.1704 14.2653 12.3089 13.3546L15.2377 16.2834C15.5265 16.5722 15.9947 16.5722 16.2834 16.2834C16.5722 15.9947 16.5722 15.5265 16.2834 15.2377L13.3546 12.3089C14.2653 11.1704 14.8099 9.72624 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"white"}))},Qe=k.button(Be||(Be=e(["\n  min-height: 100%;\n  border-radius: 6px;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  cursor: pointer;\n  flex: 0.3;\n\n  "," {\n    --margin: 16px;\n    min-height: 32px;\n    margin: var(--margin);\n    width: calc(100% - var(--margin) * 2);\n    position: absolute;\n    bottom: 0;\n  }\n\n  &:hover {\n    background-color: ",";\n  }\n\n  &:active {\n    background-color: ",";\n  }\n\n  &:focus-visible {\n    outline: 1px solid black;\n  }\n"],["\n  min-height: 100%;\n  border-radius: 6px;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  cursor: pointer;\n  flex: 0.3;\n\n  "," {\n    --margin: 16px;\n    min-height: 32px;\n    margin: var(--margin);\n    width: calc(100% - var(--margin) * 2);\n    position: absolute;\n    bottom: 0;\n  }\n\n  &:hover {\n    background-color: ",";\n  }\n\n  &:active {\n    background-color: ",";\n  }\n\n  &:focus-visible {\n    outline: 1px solid black;\n  }\n"])),(function(e){return e.theme.colors.primaryBase}),w.mbDown,(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryActive})),qe=k(E)(De||(De=e(["\n  font-weight: ",";\n"],["\n  font-weight: ",";\n"])),(function(e){return e.theme.sizes.fwSemiBold})),We=function(e){var n=e.onClick;return a.createElement(Qe,{onClick:n,title:"search"},a.createElement(Ue,null),a.createElement(qe,{size:"s3",color:"white"},"搜索"))},Ye=k.div(Oe||(Oe=e(["\n  display: flex;\n  gap: 16px;\n  "," {\n    flex-direction: column;\n    padding: 14px;\n    background-color: ",";\n\n    input {\n      filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n        drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n        drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n    }\n  }\n\n  input {\n    background-color: white;\n  }\n"],["\n  display: flex;\n  gap: 16px;\n  "," {\n    flex-direction: column;\n    padding: 14px;\n    background-color: ",";\n\n    input {\n      filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n        drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n        drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n    }\n  }\n\n  input {\n    background-color: white;\n  }\n"])),w.mbDown,f.colors.blue50),Je=k.div(Ke||(Ke=e(["\n  position: relative;\n"],["\n  position: relative;\n"]))),Xe=k(Je)(Ze||(Ze=e(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),$e=k(Je)(_e||(_e=e(["\n  flex: 2;\n"],["\n  flex: 2;\n"]))),en=k((function(e){var n=e.className,t=e.color;return a.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("rect",{x:"4",y:"4",width:"16",height:"16",rx:"8",fill:"white"}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z",fill:t||"currentColor"}))}))(Ge||(Ge=e(["\n  display: none;\n  &.shown {\n    display: block;\n  }\n"],["\n  display: none;\n  &.shown {\n    display: block;\n  }\n"])));function nn(e){var n=e.isMobile,t=e.state,o=e.dispatch,i=e.debouncedFetchCitiesByKeyword,c=e.debouncedFetchSearchResults,s=e.focusLocationInput,d=e.focusSearchInput,h=e.renderLocationResults,g=e.renderSearchResults,m=e.trackingAttributes,C=e.onSearch,v=u(null),x=u(null),y=t.focused,w=t.searchLocationKeywords,E=t.geoLocationPermission,L=t.selectedLocation,S=t.searchKeywords,k=t.inputSearchPlaceholder,M=b().t;ve({wrapperRef:x,disabled:!!k}),je(v,(function(){o({type:Me.ClickOutsideInputLocation})})),je(x,(function(){o({type:Me.ClickOutsideInputSearch})}));var I=r((function(){return"granted"===E&&(null==L?void 0:L.id)===p?f.colors.primaryBase:f.colors.gray400}),[E,L]),R=l((function(e){o({type:Me.ChangeInputSearch,payload:e}),"function"!=typeof C&&(e.trim().length>Ne[t.locale]?c(e.trim(),t):(c.cancel(),o({type:Me.DisplayInitialSearchResults})))}),[o,t]),F=l((function(e){o({type:Me.ChangeInputLocation,payload:e}),e.trim().length>Ne[t.locale]?i(e.trim()):(i.cancel(),o({type:Me.DisplayInitialCities}))}),[i,o]);return a.createElement(Ye,null,a.createElement(Xe,{ref:v},a.createElement(Q,{inputClassName:"location"===y?"focused":void 0,placeholder:M("booking.searchBar.locationPlaceholder"),autoComplete:"off",name:"search-location",displayIcon:a.createElement(Y,{className:"location-pin-icon",color:I}),actionIcon:a.createElement(en,{color:f.colors.gray300,className:""!==w?"shown":""}),onActionClick:function(){o({type:Me.ClearInputLocation}),i.cancel(),s()},value:w,onChange:F,onFocus:function(){return o({type:Me.FocusInputLocation})},size:"md"}),!n&&h()),a.createElement($e,{ref:x},a.createElement(Q,{placeholder:k||M("booking.searchBar.searchInput.placeholder"),autoComplete:"off",name:"search-results",actionIcon:a.createElement(en,{color:f.colors.gray300,className:""!==S?"shown":""}),onActionClick:function(){o({type:Me.ClearInputSearch}),c.cancel(),c("",t),d()},value:S,onChange:R,onFocus:function(){return o({type:Me.FocusInputSearch})},inputClassName:"search"===y?"focused":void 0,size:"md",trackingAttributes:m,onKeyPress:function(e){t.autoCompleteDisabled&&"Enter"===e.key&&C&&C({cityId:t.selectedLocation.id,keyword:S})},enterKeyHint:t.autoCompleteDisabled?"search":void 0}),!n&&g()),t.autoCompleteDisabled&&!t.isMobile&&a.createElement(We,{onClick:function(){C({cityId:t.selectedLocation.id,keyword:S})}}))}var tn,on,an,rn,cn,ln,sn,un,dn,pn,hn,gn,mn,fn,Cn=k.li(tn||(tn=e(["\n  display: flex;\n  align-items: center;\n  gap: var(--rowGap);\n  cursor: pointer;\n"],["\n  display: flex;\n  align-items: center;\n  gap: var(--rowGap);\n  cursor: pointer;\n"]))),vn=k.div(on||(on=e(["\n  --wrapper-size: var(--graphicSize);\n  border-radius: calc(var(--wrapper-size) / 2);\n  background-color: var(--neutral50);\n  width: var(--wrapper-size);\n  height: var(--wrapper-size);\n  aspect-ratio: 1/1;\n  overflow: hidden;\n\n  ","\n\n  img {\n    width: var(--graphicSize);\n    height: var(--graphicSize);\n    ","\n  }\n\n  &:focus-visible {\n    outline: 1px solid ",";\n  }\n"],["\n  --wrapper-size: var(--graphicSize);\n  border-radius: calc(var(--wrapper-size) / 2);\n  background-color: var(--neutral50);\n  width: var(--wrapper-size);\n  height: var(--wrapper-size);\n  aspect-ratio: 1/1;\n  overflow: hidden;\n\n  ","\n\n  img {\n    width: var(--graphicSize);\n    height: var(--graphicSize);\n    ","\n  }\n\n  &:focus-visible {\n    outline: 1px solid ",";\n  }\n"])),(function(e){var n=e.type;return n&&"doctors"===n&&"\n    border-radius: calc(var(--graphicSize) / 2);\n    "}),(function(e){var n=e.type;return n&&"doctors"===n?"\n\n        object-fit: cover;  \n      ":"\n        object-fit: contain;\n      "}),f.colors.gray600),xn=k(E)(an||(an=e(["\n  line-height: 22px;\n  letter-spacing: -0.2px;\n\n  "," {\n    &[data-size='p3'] {\n      font-size: 14px;\n    }\n  }\n"],["\n  line-height: 22px;\n  letter-spacing: -0.2px;\n\n  "," {\n    &[data-size='p3'] {\n      font-size: 14px;\n    }\n  }\n"])),w.tdUp),yn=k.figure(rn||(rn=e(["\n  max-width: var(--graphicSize);\n  min-width: var(--graphicSize);\n"],["\n  max-width: var(--graphicSize);\n  min-width: var(--graphicSize);\n"]))),wn=k.svg(cn||(cn=e(["\n  margin: 0 auto;\n  display: block;\n"],["\n  margin: 0 auto;\n  display: block;\n"]))),bn=k.div(ln||(ln=e(["\n  display: grid;\n  place-items: center;\n"],["\n  display: grid;\n  place-items: center;\n"]))),En={doctors:function(e){var n=e.width,t=e.height;return a.createElement("svg",{width:n||32,height:t||32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("g",{clipPath:"url(#clip0_14712_400114)"},a.createElement("rect",{width:"32",height:"32",rx:"16",fill:"#E4E8EC"}),a.createElement("path",{d:"M22.065 9.58305C22.1108 9.80952 22.1431 10.0396 22.1614 10.2722C22.3769 13.0522 22.5858 16.1276 22.5727 17.618C22.5306 20.5688 19.708 21.1325 19.4564 21.1769L19.4495 21.5357L19.5228 23.9014C20.8688 23.9341 22.203 24.1759 23.4772 24.6196C24.5264 24.9739 25.4827 25.5591 26.2757 26.332C27.0688 27.105 27.6783 28.0461 28.0594 29.0858L31.9886 39.2068C31.91 39.3048 30.6939 39.6356 29.4888 39.944C30.1695 42.3315 30.4582 44.8142 30.3432 47.2953C30.2991 48.2666 30.1816 49.264 29.7245 50.1211C29.4508 50.6342 29.0319 51.0912 28.5296 51.3753C28.5099 51.4347 28.4864 51.4928 28.4593 51.5495C28.4293 51.6146 28.3908 51.6756 28.3448 51.7307C28.3293 51.7772 28.3232 51.8406 28.3162 51.9135C28.3004 52.0779 28.2799 52.2909 28.1362 52.4685C28.001 52.6373 27.8519 52.7945 27.6905 52.9386C27.6905 52.9386 27.092 52.9667 26.4133 52.9845L26.458 58.4088H5.7492L6.30965 52.9523L5.66093 53.1637C5.07664 53.3528 4.45628 53.4028 3.84925 53.3099C3.24222 53.2169 2.66526 52.9835 2.1643 52.6283C1.61489 52.2388 1.17445 51.715 0.884966 51.1068C0.595484 50.4987 0.46662 49.8266 0.510669 49.1545L0.644528 47.1369L1.41503 38.3366L1.81323 38.4135L-0.914307 37.8437L-0.402886 36.5663C-0.407359 36.5645 -0.411803 36.5627 -0.416214 36.5608C-0.410804 36.56 -0.40538 36.5594 -0.399946 36.5589L2.05995 30.4146C3.00034 28.0825 4.7421 26.1624 6.97187 24.9999C8.56171 24.176 10.3028 23.6861 12.0882 23.5597L11.788 16.5865C11.1882 16.6507 10.0095 16.5266 9.96087 14.954C9.91229 13.3824 11.0457 13.3171 11.6507 13.3961L11.6445 13.2523C11.5785 12.8433 11.5088 12.439 11.4577 12.2132C11.3782 11.8628 11.2611 11.4953 11.1419 11.1207C10.8794 10.2967 10.6061 9.43855 10.697 8.65293C10.697 8.65293 10.6909 8.00438 11.4565 7.24044C11.3707 6.86644 11.3686 6.47786 11.4507 6.10258C11.5366 5.70965 11.7125 5.34199 11.9645 5.02848C12.2165 4.71497 12.5377 4.46414 12.9029 4.29569C13.2682 4.12725 13.6675 4.04577 14.0696 4.05766C14.2277 4.06393 14.3849 4.08493 14.5418 4.10589C14.7932 4.13945 15.0439 4.17294 15.2971 4.14581C15.7708 4.09409 16.177 3.83884 16.5862 3.58167C16.8357 3.42492 17.0863 3.26745 17.354 3.15494C17.9119 2.93744 18.5266 2.91281 19.1002 3.08497C19.6738 3.25713 20.1733 3.61619 20.5192 4.105C20.5943 4.21716 20.6621 4.33678 20.7298 4.45631C20.9035 4.76299 21.077 5.06915 21.373 5.24769C21.5927 5.38236 21.8482 5.42658 22.1057 5.47114C22.2633 5.49842 22.4216 5.52582 22.5728 5.57417C23.0267 5.71015 23.3999 6.0411 23.6319 6.45436C23.6327 6.40753 23.6317 6.36062 23.629 6.31374C23.6502 6.3657 23.6623 6.42092 23.6649 6.47698C23.6661 6.49165 23.667 6.50632 23.6677 6.521C23.8246 6.82609 23.9058 7.17114 23.8885 7.51347C23.8544 7.93447 23.7053 8.33801 23.4574 8.68001C23.2096 9.02201 22.8725 9.28933 22.483 9.45278C22.3469 9.50712 22.2071 9.55061 22.065 9.58305Z",fill:"white"})),a.createElement("defs",null,a.createElement("clipPath",{id:"clip0_14712_400114"},a.createElement("rect",{width:"32",height:"32",rx:"16",fill:"white"}))))},services:function(e){var n=e.width,t=e.height;return a.createElement("svg",{width:n||30,height:t||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}),a.createElement("path",{d:"M14.9998 6.66663C12.2752 6.66663 9.85335 7.97848 8.33317 9.99996H10.5988C11.8 8.94527 13.3625 8.33329 14.9998 8.33329C16.6372 8.33329 18.1997 8.94527 19.4009 9.99996H21.6665C20.1463 7.97848 17.7244 6.66663 14.9998 6.66663ZM7.7863 10.8333C7.07666 13.0403 6.6665 15.5989 6.6665 18.3333C6.6665 20.0846 6.82601 21.7675 7.13525 23.3333H22.8644C23.1737 21.7675 23.3332 20.0846 23.3332 18.3333C23.3332 15.5989 22.923 13.0403 22.2134 10.8333H7.7863ZM14.9998 13.3333C17.3013 13.3333 19.1665 15.1985 19.1665 17.5C19.1665 19.8014 17.3013 21.6666 14.9998 21.6666C12.6984 21.6666 10.8332 19.8014 10.8332 17.5C10.8332 15.1985 12.6984 13.3333 14.9998 13.3333ZM14.1665 15V16.6666H12.4998V18.3333H14.1665V20H15.8332V18.3333H17.4998V16.6666H15.8332V15H14.1665Z",fill:"#BFC5CC"}))}},Ln=function(e){var n=e.type,t=e.item,o=e.imageUrl,i=e.onClickItem,c=r((function(){var e=En[n]||$;return a.createElement(e,{width:32,height:"services"===n?32:24})}),[n]);return a.createElement(Cn,{onClick:function(){return i&&i(t)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||i&&i(t)},tabIndex:0,role:"button"},a.createElement(yn,null,"hospitals"===n?a.createElement(wn,{width:"12",height:"16",viewBox:"0 0 12 16"},a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.75 5.94873C0.75 3.04623 3.0975 0.69873 6 0.69873C8.9025 0.69873 11.25 3.04623 11.25 5.94873C11.25 9.07623 7.935 13.3887 6.5775 15.0312C6.2775 15.3912 5.73 15.3912 5.43 15.0312C4.065 13.3887 0.75 9.07623 0.75 5.94873ZM4.125 5.94873C4.125 6.98373 4.965 7.82373 6 7.82373C7.035 7.82373 7.875 6.98373 7.875 5.94873C7.875 4.91373 7.035 4.07373 6 4.07373C4.965 4.07373 4.125 4.91373 4.125 5.94873Z",fill:"#9AA2AC"})):a.createElement(vn,{type:n},o?a.createElement("img",{src:o,width:32,height:"services"===n?32:24}):c)),a.createElement(xn,{color:f.colors.gray800,size:"p3"},t.name))},Sn=function(){return a.createElement("svg",{width:"14",height:"18",viewBox:"0 0 14 18"},a.createElement("path",{d:"M7.00004 0.666992C5.29757 0.666992 3.64067 0.813476 2.52087 1.03158C1.73311 1.18457 1.16671 1.86816 1.16671 2.6722V4.83366C1.16671 5.29264 1.54106 5.66699 2.00004 5.66699H12C12.459 5.66699 12.8334 5.29264 12.8334 4.83366V2.69824C12.8334 1.89421 12.267 1.21061 11.4792 1.05762C10.3562 0.839518 8.69275 0.666992 7.00004 0.666992ZM6.16671 1.50033H7.83337V2.33366H8.66671V4.00033H7.83337V4.83366H6.16671V4.00033H5.33337V2.33366H6.16671V1.50033ZM1.42712 6.50033C1.3197 6.89421 1.24158 7.32389 1.19275 7.77637C1.14718 8.18001 1.05603 9.25423 1.06254 9.36491C0.603556 9.72624 0.333374 10.2861 0.333374 10.9014C0.333374 11.8356 0.977906 12.6364 1.84379 12.8285C2.74548 15.0192 4.55212 17.3337 7.00004 17.3337C9.44796 17.3337 11.2546 14.9964 12.1563 12.8024C13.0222 12.6136 13.6667 11.8356 13.6667 10.9014C13.6667 10.2861 13.3965 9.72624 12.9375 9.36491C12.9441 9.25423 12.8562 8.16048 12.8073 7.75033C12.7552 7.30436 12.6804 6.89095 12.573 6.50033H5.35942C6.52804 8.20606 9.27543 7.18717 11.0365 7.62012C11.5736 8.79199 11.1667 10.4326 11.1667 10.4326L11.8177 10.641C11.9121 10.6702 12 10.7549 12 10.9014C12 11.0576 11.8861 11.1943 11.6875 11.1878L11.0105 11.0837L10.7761 11.7347C9.96554 14.0492 8.4128 15.667 7.00004 15.667C5.58728 15.667 4.03455 14.0492 3.224 11.7347L2.96358 11.0837L2.26046 11.1878C2.11723 11.1878 2.00004 11.0576 2.00004 10.9014C2.00004 10.7549 2.08793 10.6702 2.18233 10.641L2.83337 10.4326C2.73246 10.5531 2.4102 8.7041 2.83337 8.03678C3.59184 7.5127 4.2266 7.87728 5.12504 6.50033H1.42712ZM5.17712 9.05241C4.57166 9.05241 4.08337 9.55371 4.08337 10.1722C4.08337 10.7907 4.57166 11.292 5.17712 11.292C5.78259 11.292 6.27087 10.7907 6.27087 10.1722C6.27087 9.55371 5.78259 9.05241 5.17712 9.05241ZM8.82296 9.05241C8.21749 9.05241 7.72921 9.55371 7.72921 10.1722C7.72921 10.7907 8.21749 11.292 8.82296 11.292C9.42843 11.292 9.91671 10.7907 9.91671 10.1722C9.91671 9.55371 9.42843 9.05241 8.82296 9.05241Z",fill:"#9AA2AC"}))},kn=function(){return a.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},a.createElement("path",{d:"M8.99996 0.666992C6.27535 0.666992 3.85348 1.97884 2.33329 4.00033H4.59892C5.80009 2.94564 7.36259 2.33366 8.99996 2.33366C10.6373 2.33366 12.1998 2.94564 13.401 4.00033H15.6666C14.1464 1.97884 11.7246 0.666992 8.99996 0.666992ZM1.78642 4.83366C1.07678 7.04069 0.666626 9.59928 0.666626 12.3337C0.666626 14.085 0.826131 15.7679 1.13538 17.3337H16.8645C17.1738 15.7679 17.3333 14.085 17.3333 12.3337C17.3333 9.59928 16.9231 7.04069 16.2135 4.83366H1.78642ZM8.99996 7.33366C11.3014 7.33366 13.1666 9.19889 13.1666 11.5003C13.1666 13.8018 11.3014 15.667 8.99996 15.667C6.69853 15.667 4.83329 13.8018 4.83329 11.5003C4.83329 9.19889 6.69853 7.33366 8.99996 7.33366ZM8.16663 9.00033V10.667H6.49996V12.3337H8.16663V14.0003H9.83329V12.3337H11.5V10.667H9.83329V9.00033H8.16663Z",fill:"#9AA2AC"}))},Mn=function(){return a.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17"},a.createElement("path",{d:"M8 0.666992L0.5 5.63533V14.8337C0.5 15.7545 1.24583 16.5003 2.16667 16.5003H13.8333C14.7542 16.5003 15.5 15.7545 15.5 14.8337V5.63533L8 0.666992ZM11.3333 10.667H8.83333V13.167H7.16667V10.667H4.66667V9.00033H7.16667V6.50033H8.83333V9.00033H11.3333V10.667Z",fill:"#9AA2AC"}))},In=function(){return a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},a.createElement("path",{d:"M3.83333 0.5C2.94928 0.5 2.10143 0.851189 1.47631 1.47631C0.851189 2.10143 0.5 2.94928 0.5 3.83333C0.5 4.71739 0.851189 5.56523 1.47631 6.19036C2.10143 6.81548 2.94928 7.16667 3.83333 7.16667C4.71739 7.16667 5.56523 6.81548 6.19036 6.19036C6.81548 5.56523 7.16667 4.71739 7.16667 3.83333C7.16667 2.94928 6.81548 2.10143 6.19036 1.47631C5.56523 0.851189 4.71739 0.5 3.83333 0.5V0.5ZM10.5 0.5C9.57917 0.5 8.83333 1.24583 8.83333 2.16667V5.5C8.83333 6.42083 9.57917 7.16667 10.5 7.16667H13.8333C14.7542 7.16667 15.5 6.42083 15.5 5.5V2.16667C15.5 1.24583 14.7542 0.5 13.8333 0.5H10.5ZM3.83333 8.83333C2.94928 8.83333 2.10143 9.18452 1.47631 9.80964C0.851189 10.4348 0.5 11.2826 0.5 12.1667C0.5 13.0507 0.851189 13.8986 1.47631 14.5237C2.10143 15.1488 2.94928 15.5 3.83333 15.5C4.71739 15.5 5.56523 15.1488 6.19036 14.5237C6.81548 13.8986 7.16667 13.0507 7.16667 12.1667C7.16667 11.2826 6.81548 10.4348 6.19036 9.80964C5.56523 9.18452 4.71739 8.83333 3.83333 8.83333V8.83333ZM12.1667 8.83333C11.2826 8.83333 10.4348 9.18452 9.80964 9.80964C9.18452 10.4348 8.83333 11.2826 8.83333 12.1667C8.83333 13.0507 9.18452 13.8986 9.80964 14.5237C10.4348 15.1488 11.2826 15.5 12.1667 15.5C13.0507 15.5 13.8986 15.1488 14.5237 14.5237C15.1488 13.8986 15.5 13.0507 15.5 12.1667C15.5 11.2826 15.1488 10.4348 14.5237 9.80964C13.8986 9.18452 13.0507 8.83333 12.1667 8.83333V8.83333Z",fill:"#9AA2AC"}))},Rn=k.header(sn||(sn=e(["\n  display: flex;\n  justify-content: space-between;\n  padding: 12px 24px;\n  background-color: ",";\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n"],["\n  display: flex;\n  justify-content: space-between;\n  padding: 12px 24px;\n  background-color: ",";\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n"])),f.colors.neutral50),Fn=k.div(un||(un=e(["\n  display: grid;\n  flex: 2;\n  align-items: center;\n  gap: 16px;\n  grid-template-columns: 16px 1fr;\n"],["\n  display: grid;\n  flex: 2;\n  align-items: center;\n  gap: 16px;\n  grid-template-columns: 16px 1fr;\n"]))),Pn=k.p(dn||(dn=e(["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  letter-spacing: -0.2px;\n  line-height: 22px;\n"],["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  letter-spacing: -0.2px;\n  line-height: 22px;\n"])),f.colors.neutral800,f.sizes.fwSemiBold),zn=k.button(pn||(pn=e(["\n  flex: 1;\n  cursor: pointer;\n  text-align: end;\n"],["\n  flex: 1;\n  cursor: pointer;\n  text-align: end;\n"]))),An=k.section(hn||(hn=e(["\n  padding: 12px 16px;\n  --rowGap: 16px;\n  --graphicSize: 32px;\n\n  "," {\n    --rowGap: 8px;\n  }\n"],["\n  padding: 12px 16px;\n  --rowGap: 16px;\n  --graphicSize: 32px;\n\n  "," {\n    --rowGap: 8px;\n  }\n"])),w.tdUp),Nn=k.ul(gn||(gn=e(["\n  --gap: 16px;\n  "," {\n    --gap: 8px;\n  }\n\n  display: grid;\n  overflow: hidden;\n  gap: var(--gap);\n  transition: max-height 0.8s ease-out;\n\n  ","\n\n  ","\n\n@media (prefers-reduced-motion) {\n    transition: none;\n  }\n\n  "," {\n    grid-template-columns: 1fr 1fr;\n  } ;\n"],["\n  --gap: 16px;\n  "," {\n    --gap: 8px;\n  }\n\n  display: grid;\n  overflow: hidden;\n  gap: var(--gap);\n  transition: max-height 0.8s ease-out;\n\n  ","\n\n  ","\n\n@media (prefers-reduced-motion) {\n    transition: none;\n  }\n\n  "," {\n    grid-template-columns: 1fr 1fr;\n  } ;\n"])),w.tdUp,(function(e){return e.isMore&&"\n     height: auto;\n     max-height: 0;\n     margin-top: var(--gap);\n   "}),(function(e){return e.isShown&&"\n     max-height: 600px;\n    "}),w.tdUp),Tn=k(E)(mn||(mn=e(["\n  margin-top: 12px;\n  margin-bottom: 8px;\n  cursor: pointer;\n  text-align: start;\n  text-transform: capitalize;\n"],["\n  margin-top: 12px;\n  margin-bottom: 8px;\n  cursor: pointer;\n  text-align: start;\n  text-transform: capitalize;\n"]))),Hn=function(e){var n=e.type,t=e.data,o=e.state,i=e.dispatch,l=e.itemsToShow,s=e.itemsToShowDesktop,u=e.isMobile,d=e.isLoading,p=e.keyword,g=c(!1),m=g[0],C=g[1],v=b(),x=v.t,y=v.locale,w=o.selectedLocation,L=o.searchKeywords,S=r((function(){return h[y]}),[y]),k=r((function(){return{doctors:{name:x("booking.searchPopup.doctors"),icon:a.createElement(Sn,null),slug:S.DOCTOR},services:{name:x("booking.searchPopup.services"),icon:a.createElement(kn,null),slug:S.SERVICE},hospitals:{name:x("booking.searchPopup.hospitals"),icon:a.createElement(Mn,null),slug:S.HOSPITAL},specialties:{name:x("booking.searchPopup.specialties"),icon:a.createElement(In,null),slug:S.SPECIALTIES}}}),[n,S]),M=r((function(){return k[n].slug}),[k]),R=u?l:s;function F(e){var t="";switch(n){case"specialties":t="/".concat(w.slug,"/").concat(k.doctors.slug,"/").concat(e.slug);break;case"services":t="/".concat(w.slug,"/").concat(M,"/").concat(e.slug);break;case"doctors":case"hospitals":t="/".concat(M,"/").concat(e.slug,"-").concat(e.id)}t&&i({type:Me.SelectSearchResult,payload:{name:e.name,url:t}})}function P(e){return a.createElement(Ln,{key:e.id,item:e,type:n,imageUrl:e.logo||e.avatar||e.thumbnail,onClickItem:F})}return a.createElement("section",null,a.createElement(Rn,null,a.createElement(Fn,null,k[n].icon,a.createElement(Pn,null,k[n].name)),a.createElement(zn,{onClick:function(){var e="";switch(n){case"specialties":e="/".concat(M);break;case"services":case"doctors":case"hospitals":e="/".concat(w.slug,"/").concat(M)}e&&i({type:Me.NavigateTo,payload:e})}},a.createElement(E,{size:"p3",color:f.colors.primaryBase},x("booking.searchPopup.seeAll")))),(d||t&&t.length>0)&&a.createElement(An,null,a.createElement(Nn,null,d&&Array(2).fill(void 0).map((function(e,t){return a.createElement(Cn,{key:n+"loading"+t},a.createElement(yn,null,a.createElement(bn,null,a.createElement(I,{height:14,width:"hospitals"===n?12:32,style:{maxWidth:"var(--graphicSize)",minHeight:"var(--graphicSize)"}}))),a.createElement(I,{width:120,height:24}))})),!d&&t&&t.length>0&&t.slice(0,R).map(P)),a.createElement(Nn,{isShown:m,isMore:!0},t.slice(R,-1).map(P)),"specialties"===n&&R<t.length&&!d&&a.createElement("button",{onClick:function(){return C(!m)}},a.createElement(Tn,{size:"p3",color:f.colors.primaryBase},x(m?"booking.searchPopup.seeLessSpecialties":"booking.searchPopup.seeMoreSpecialties"))),"specialties"!==n&&R<t.length&&!d&&p.trim().length>Ne[y]&&a.createElement("button",{onClick:function(){var e=k[n].slug,t="/".concat(w.slug,"/").concat(e,"?q=").concat(L);i({type:Me.NavigateTo,payload:t})}},a.createElement(Tn,{size:"p3",color:f.colors.primaryBase},x("booking.searchPopup.searchIn.".concat(n),{name:p})))),!d&&0===(null==t?void 0:t.length)&&a.createElement(An,null,a.createElement(E,{size:"sm",color:f.colors.gray400},x("booking.searchBar.noResults"))))},Vn=k.section(fn||(fn=e(["\n  background-color: white;\n  border-radius: 4px;\n  position: absolute;\n  width: 100%;\n  z-index: 30;\n\n  "," {\n    box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n      0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n      0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n"],["\n  background-color: white;\n  border-radius: 4px;\n  position: absolute;\n  width: 100%;\n  z-index: 30;\n\n  "," {\n    box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n      0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n      0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n"])),w.tdUp),Bn=function(e){var n=e.data,t=e.state,o=e.dispatch,i=e.isMobile,r=e.isLoading,c=e.keyword;return a.createElement(Vn,null,n&&n.map((function(e){return a.createElement(Hn,{type:e.type,state:t,dispatch:o,itemsToShow:2,itemsToShowDesktop:4,key:e.type,data:e.results,isMobile:i,isLoading:r,keyword:c})})))},Dn="api/lists/cities?keyword={keyword}&country_id={countryId}&site={domain}&_nopaging={nopaging}",On="api/v2/search/?site={domain}&type={searchType}&keyword={keyword}&city_id={city}&latitude={lat}&longitude={lng}",Kn="api/geobyip?site={domain}&latitude={lat}&longitude={lng}",Zn=function(e,n,o){return L(e,t(t({},n),{domain:g[o||"en-PH"]}))};var _n,Gn=function(e){var n=e.isMobile,g=e.careApiDomain,f=e.geoLocationPermission,y=e.geoLocationCoordinates,w=e.initialSelectedCity,E=e.initialSearchValue,L=void 0===E?"":E,k=e.careFrontDomain,M=void 0===k?"/care":k,I=e.isDebug,R=void 0!==I&&I,F=e.askForGeolocationPermission,P=void 0!==F&&F,z=e.gaTrackingSearchBar,A=e.autoCompleteDisabled,N=void 0!==A&&A,T=e.inputSearchPlaceholder,H=void 0===T?"":T,V=e.routerPush,B=e.onGeoLocationPermissionChange,D=e.onSearch,O=e.onChangeLocation,K=b(),Z=K.t,Q=K.locale,W=u(null),Y=u(null),J=c(void 0),X=J[0],$=J[1],ee=function(){var e=c((function(){if("undefined"==typeof window)return"unset";if(C(m))return"granted";var e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),n=e[0],t=e[1],o=c((function(){if("undefined"==typeof window)return null;var e=C(m);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),i=o[0],a=o[1],s=l((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((function(e){var n={lat:"".concat(Math.round(1e7*e.coords.latitude)/1e7),lng:"".concat(Math.round(1e7*e.coords.longitude)/1e7)};v(m,JSON.stringify(n),0,15),a(n),t("granted")}),(function(){x(m),t("denied")}))}),[]);return r((function(){return{geoLocationPermission:n,geoLocationCoordinates:i,requestGeoLocation:s}}),[n,i])}(),ne=ee.geoLocationPermission,te=ee.geoLocationCoordinates,oe=ee.requestGeoLocation,ie=d(Ve,Te,(function(e){return t(t({},e),{isDebug:R,isMobile:n,geoLocationPermission:f||ne||"unset",geoLocationCoordinates:y||te||null,searchKeywords:L,initialSelectedCity:w||null,selectedLocation:w||e.selectedLocation||null,searchLocationKeywords:(null==w?void 0:w.name)||e.searchLocationKeywords,autoCompleteDisabled:N,inputSearchPlaceholder:H,locale:Q})})),ae=ie[0],ce=ie[1],le=ae.navigateTo,se=ae.focused,ue=ae.isLoadingCities,de=ae.cities,pe=ae.searchKeywords,he=ae.geoLocationPermission,ge=ae.selectedLocation,me=ae.initialSelectedCity,fe=ae.defaultCity,Ce=ae.searchResults,ve=ae.isLoadingSearchResults,xe=ae.isMobileModalOpened,ye=ae.inputSearchPlaceholder,be=function(e){var n=e.dispatch,t=e.careApiDomain,o=e.locale,i=void 0===o?"vi-VN":o,a=l((function(e,o){void 0===o&&(o={});var a="".concat(t).concat(e);return n({type:Me.FetchCitiesStart}),fetch(Zn(a,o,i),{method:"GET"}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:(console.log("error loading cities",e),Promise.reject(e))})).finally((function(){return n({type:Me.FetchCitiesFinish})}))}),[i]),r=l((function(e){var t=e.coordinates,o={};return t&&(o={lat:t.lat,lng:t.lng}),a(Kn,o).then((function(e){n({type:Me.FetchCitiesByGeoIpComplete,payload:e})})).catch((function(e){return console.error("error loading cities by location",e)}))}),[i,t,n]);return{fetchCitiesByLocation:r,fetchCitiesByKeyword:l((function(e){return a(Dn,{keyword:e}).then((function(e){n({type:Me.FetchCitiesByKeywordComplete,payload:e.cities})})).catch((function(e){return console.error("error loading cities by keyword",e)}))}),[i,t,n]),fetchSearchResults:l((function(e,o){var a="".concat(t).concat(On);n({type:Me.FetchSearchResultsStart});var r=o.defaultCity,c=o.selectedLocation,l=o.geoLocationCoordinates,s="";if(c&&r){c.id===p?l||(s=r.id):s=c.id;var u=(null==l?void 0:l.lat)||"",d=(null==l?void 0:l.lng)||"";return fetch(Zn(a,{domain:t,searchType:"global",keyword:e.trim().length>Ne[i]?e.trim():"",city:s===p?"":s,lat:u,lng:d},i),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e)})).then((function(e){return n({type:Me.FetchSearchResultsComplete,payload:e})})).catch((function(e){console.log("error loading search results",{url:a,error:e})})).finally((function(){return n({type:Me.FetchSearchResultsFinish})}))}n({type:Me.FetchSearchResultsFinish})}),[i,t,n])}}({dispatch:ce,locale:Q,careApiDomain:g}),Ee=be.fetchCitiesByLocation,Le=be.fetchCitiesByKeyword,Se=be.fetchSearchResults,ke=r((function(){return{id:p,name:Z("booking.searchBar.currentLocation"),slug:h[Q].CURRENT}}),[Z,Q]),Ie=r((function(){return S(Le,400)}),[Le]),Re=r((function(){return S(Se,400)}),[Se]);s((function(){""!==L&&L!==ae.searchKeywords&&ce({type:Me.UpdateInitialSearchValue,payload:L})}),[L]),s((function(){P&&(null==ge?void 0:ge.id)===p&&"unset"===he&&oe()}),[P,ge,he]),s((function(){f||he===ne||("granted"===ne&&te?ce({type:Me.GrantGeoLocationPermission,payload:te}):"denied"===ne&&ce({type:Me.DenyGeoLocationPermission}))}),[he,ne,te,f]),s((function(){le&&(V?V(le):window.location.href="".concat(M).concat(le))}),[le]);var Fe=l((function(){ce({type:Me.SelectCurrentLocation,payload:ke})}),[Z,ce]);s((function(){"denied"===he||me||Fe(),B&&B(he,ae.geoLocationCoordinates),n&&"granted"===he&&ge&&ce({type:Me.FocusInputSearch}),Ee({coordinates:ae.geoLocationCoordinates})}),[he]),s((function(){ge&&fe&&Se(ae.searchKeywords,ae)}),[ge,fe]),s((function(){H!==ye&&ce({type:Me.SetInputSearchPlaceholder,payload:H})}),[H,ye]),s((function(){xe?document.body.classList.add("care-popup-open"):document.body.classList.remove("care-popup-open")}),[xe]);var Pe=l((function(e){ce({type:Me.SelectLocation,payload:e}),Be(),O&&O(e)}),[Z,ce]);function ze(){n&&"granted"!==ae.geoLocationPermission?oe():(Fe(),Be())}function He(){var e;W.current&&(null===(e=W.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus())}function Be(){var e;W.current&&(null===(e=W.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}function De(){return"location"!==se?null:a.createElement(re,{isLoading:ue,cities:de,onLocationClick:Pe,onCurrentLocationClick:ze,isLocationLoading:ue,geoLocationPermission:he,selectedLocation:ge})}function Oe(){return"search"!==se?null:ae.autoCompleteDisabled?n?a.createElement(We,{onClick:function(){D({cityId:ae.selectedLocation.id,keyword:pe})}}):null:a.createElement(Bn,{data:Ce,state:ae,dispatch:ce,isMobile:!1,keyword:pe,isLoading:ve})}function Ke(){return a.createElement(nn,{isMobile:n,state:ae,dispatch:ce,debouncedFetchCitiesByKeyword:Ie,debouncedFetchSearchResults:Re,focusLocationInput:He,focusSearchInput:Be,renderLocationResults:De,renderSearchResults:Oe,trackingAttributes:z,onSearch:D})}return s((function(){if(window.visualViewport){var e=function(e){var n=e.target;$(null==n?void 0:n.height)};return window.visualViewport.addEventListener("resize",e),function(){window.visualViewport.removeEventListener("resize",e)}}}),[$]),n?a.createElement(a.Fragment,null,a.createElement(q,null),a.createElement(U,{ref:Y}),a.createElement(G,{id:"booking-search-bar",ref:W,"data-is-modal":n&&xe,style:{"--mobile-care-searchbar-height":xe&&X?"".concat(X,"px"):"100%"}},xe?a.createElement(a.Fragment,null,a.createElement(j,null,a.createElement(Ae,{headingText:"Search",onLeftClick:function(){ce({type:Me.CloseMobileModal})}}),Ke()),De(),Oe()):a.createElement(we,{onClick:function(){var e;return o(this,void 0,void 0,(function(){return i(this,(function(n){switch(n.label){case 0:return Y.current&&Y.current.focus(),ce({type:Me.OpenMobileModal}),[4,Promise.resolve()];case 1:return n.sent(),W.current&&(null===(e=W.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus()),[2]}}))}))},focused:se,value:pe,trackingAttributes:z,inputSearchPlaceholder:H}))):a.createElement(_,{id:"booking-search-bar",ref:W},Ke())};!function(e){e[e.SPECIALTY=1]="SPECIALTY",e[e.DOCTOR=2]="DOCTOR",e[e.CLINIC=3]="CLINIC",e[e.SERVICE=4]="SERVICE"}(_n||(_n={}));var jn=Object.freeze({__proto__:null,get RedirectType(){return _n}});export{Gn as B,jn as t};
-//# sourceMappingURL=types-370ad93a.js.map

package/build/esm/types-533a03f3.js

@@ -1,2 +0,0 @@
-import{d as e,e as t,_ as n,a as i}from"./tslib.es6-fd0a5c98.js";import o,{useContext as a,useState as r,useRef as l,useEffect as s,useMemo as c,useCallback as u}from"react";import{m as d,z as m,E as p,H as v,F as g,I as h,J as f,K as w,b as C,M as k,N as y,O as E,Q as b,R as N,V as I,W as T,X as x,Y as M,L as _,Z as P,_ as L,$ as S,a0 as j,a1 as B,a2 as F,a3 as R,a4 as D,B as O,y as A,a5 as z,j as V,a6 as U,a7 as H,U as W,a8 as Z,a9 as G,aa as K,u as Q,g as X,ab as J,ac as Y,ad as $,ae as q,af as ee,ag as te,ah as ne,ai as ie,aj as oe,ak as ae,al as re,am as le,an as se,ao as ce,a as ue,ap as de,f as me,C as pe,aq as ve,ar as ge,as as he,S as fe,at as we,o as Ce,au as ke,av as ye,aw as Ee}from"./index.styled-623a73c4.js";import{T as be,u as Ne,I as Ie,e as Te}from"./useTranslations-07b12611.js";import{a as xe,D as Me}from"./index-5d764c22.js";import{t as _e,d as Pe}from"./theme-d85b3a33.js";import"react-range";import Le from"lodash/debounce";import*as Se from"react-dom";var je=function(i){var c=i.title,u=i.url,w=i.image,C=i.logo,k=i.className,y=i.style,E=i.noRefetch,b=a(d).data,N=b.locale,I=b.env.isMarryBaby,T=r(!1),x=T[0],M=T[1],_=l(E);_.current=E;var P=r(null),L=P[0],S=P[1];s((function(){e(void 0,void 0,void 0,(function(){return t(this,(function(e){return _.current?[2]:u?(S((function(e){return n(n({},e),{isFetching:!0})})),g(h(f.FETCH_PREVIEW,{_locale:N}),"POST",{data:{link:u}}).then((function(e){var t,n,i;M(!1),S({title:null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.title,url:u,image:(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.image)||(null===(i=null==e?void 0:e.data)||void 0===i?void 0:i.logo)})})).catch((function(){S(null)})),[2]):[2,S(null)]}))}))}),[u]);var j=(null==L?void 0:L.image)||w,B=(null==L?void 0:L.title)||c,F=(null==L?void 0:L.logo)||C,R=(null==L?void 0:L.url)||u,D=R.replace("http://","").replace("https://","").split(/[/?#]/)[0],O=l(!1);return o.createElement(m,{"data-is-marrybaby":I,className:"".concat(k," no-replace-click"),style:y},o.createElement("a",{href:R,target:"_blank",rel:"noreferrer"},j&&o.createElement("div",{className:"link-image-wrapper"},!I&&o.createElement("img",{className:"link-image-blur",src:j,onError:function(e){O.current||(O.current=!0,e.currentTarget.src=p)}}),o.createElement("img",{className:"link-image",src:j,onError:function(e){O.current||(O.current=!0,e.currentTarget.src=p)}})),o.createElement("div",{className:"link-info-container"},o.createElement(be,{size:"n1"},I&&F&&!x&&o.createElement("img",{className:"link-logo",src:F,onError:function(e){return M(!0)}}),D),o.createElement(v,{tag:"h6"},B))))},Be=function(e){var t=e.topics,n=e.onClick,i=e.className,s=e.style,c=function(){var e=r(!1),t=e[0],n=e[1],i=l(null),o=l(null),a=l();return{sliding:t,mouseDownHandler:function(e){if(i.current){a.current=setTimeout((function(){n(!0)}),500),o.current={left:i.current.scrollLeft,x:e.clientX};var t=function(e){var t=o.current;if(t){var n=e.clientX-t.x;i.current&&(i.current.scrollLeft=t.left-n)}},r=function(){a.current&&(clearTimeout(a.current),a.current=void 0),n(!1),document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",r)};document.addEventListener("mousemove",t),document.addEventListener("mouseup",r)}},sliderRef:i,pos:o}}(),u=c.sliding,m=c.mouseDownHandler,p=c.sliderRef,v=a(d),g=v.data.env.togetherBasePath,h=v.action.sanitizeFunction;return o.createElement(w,{ref:p,onClick:n,onMouseDown:function(e){return m(e)},className:"".concat(i," ").concat(u?"sliding":""),style:s},t.map((function(e,t){return o.createElement("a",{className:"tag-link-item",key:t,href:e.isActive&&!e.isHidden?"".concat(g).concat(e.url):void 0},o.createElement(be,{size:"p3"},o.createElement("span",{dangerouslySetInnerHTML:{__html:(null==h?void 0:h(e.name))||e.name}})))})))},Fe=function(e){var t=e.onClick;e.color;var n=e.className,i=e.style,r=a(d).data.env.isMarryBaby,l=Ne().t;return o.createElement(C,{label:o.createElement(o.Fragment,null,r&&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"})," ",l("label.pinnedPost")),rightLabel:!r&&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"}),onClick:t,color:"white",className:"label-pinned ".concat(n),style:i})},Re=function(e){return{message:e("notification.failure"),type:"danger"}},De="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",Oe=function(n){var i=n.id,o=n.locale;return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return i?[4,k(h(f.POST.LIKE,{id:i,_locale:o}),"GET")]:[2];case 1:return[2,e.sent()]}}))}))},Ae=function(n){var i=n.id,o=n.locale;return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return i?[4,k(h(f.POST.DELETE,{id:i,_locale:o}),"DELETE")]:[2];case 1:return[2,e.sent()]}}))}))},ze=function(n){var i=n.title,o=n.description,a=n.communityId,r=n.imageFiles,l=n.previewUrl,s=n.topicIds,c=n.locale,u=n.sanitizeFunction,d=n.categoryCommunityId,m=n.categoryTopicIds,p=n.introUrl,v=n.bannerUrl,g=n.scheduleTime;return e(void 0,void 0,void 0,(function(){var e,n,h,f,w;return t(this,(function(t){switch(t.label){case 0:return e=new FormData,n=E(o),h=E(i),f=b(n),e.append("title",h),e.append("description",N(n,u)),d?e.append("category_community",String(d)):a&&e.append("community_id",String(a)),(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",l.url),(null==l?void 0:l.image)&&e.append("preview_image",l.image),null==s||s.forEach((function(t){e.append("topics[]",String(t||""))})),null==m||m.forEach((function(t){e.append("category_topics[]",String(t||""))})),(null==r?void 0:r.length)?[4,Promise.all(r.map((function(e,t){return new Promise((function(n){setTimeout((function(){n(I(e,c))}),2e3*t)}))})))]:[3,2];case 1:return null==(w=t.sent())||w.filter(Boolean).slice(0,y).forEach((function(t,n){e.append("images[".concat(n,"]"),t)})),[3,3];case 2:e.append("images",""),t.label=3;case 3:return null==f||f.forEach((function(t){e.append("mention_ids[]",t)})),e.append("intro_url",p||""),e.append("banner",v||""),g&&(e.append("post_type","scheduled"),e.append("schedule_datetime",g)),[2,e]}}))}))},Ve=function(n){var i=n.locale,o=n.formData,a=n.isArticleComment;return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return[4,k(h(a?f.POST.CREATE_ARTICLE_COMMENT:f.POST.CREATE,{_locale:i}),"POST",{data:o,headers:{"Content-Type":"multipart/form-data"}})];case 1:return[2,e.sent()]}}))}))},Ue=function(n){var i=n.id,o=n.locale,a=n.formData;return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return[4,k(h(f.POST.UPDATE,{id:i,_locale:o}),"POST",{data:a})];case 1:return[2,e.sent()]}}))}))},He=function(e){var t=e.id,n=e.reason,i=e.locale,o=new FormData;return o.append("reason",n),k(h(f.POST.REPORT,{_locale:i,id:t}),"POST",{data:o})},We=function(e,t){var n=r(e||[]),i=n[0],o=n[1];return{onSelectImages:function(n){var a=n.target.files;a&&(t&&e?t((e||i).concat(Array.from(a))):o((function(n){var i=e||n;return t&&t(i.concat(Array.from(a))),i.concat(Array.from(a))})))},onRemoveImage:function(n){if(t&&e){var i=e;i.splice(n,1),t(i.slice())}else o((function(i){var o=e||i;return o.splice(n,1),t&&t(o.slice()),o.slice()}))},onRemoveAllImages:function(){t?t([]):o([])},imageSrcs:c((function(){return(e||i).map((function(e){return"string"==typeof e?e:URL.createObjectURL(e)}))}),[e,i]),imageFiles:e||i}},Ze="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",Ge=function(e){var t=e.className,n=e.style,i=e.bannedWords,a=void 0===i?[]:i,c=e.value,u=e.onChange,d=e.onPreviewUrlChange,m=e.onInvalidUrlsChange,p=e.onImageFilesChange,v=e.imageFiles,g=e.isReplying,h=Ne().t,f=r(null),w=f[0],C=f[1],k=l(null),E=We(v,p),b=E.onSelectImages,N=E.onRemoveImage,I=E.imageSrcs;return s((function(){d&&((null==w?void 0:w.url)?d({title:w.title||"",url:w.url||"",image:w.image||"",description:w.description||""}):d(null))}),[w]),o.createElement(T,{className:t,style:n},o.createElement(be,{size:"p4",className:"description-label"},h("createPost.popup.description")),o.createElement("div",{className:"textarea-control"},o.createElement("div",{className:"textarea-wrapper"},o.createElement(x,{html:c||"",onChange:u,bannedWords:a,onImagePickerClick:function(){var e;return null===(e=k.current)||void 0===e?void 0:e.click()},onPreviewUrlChange:C,onInvalidUrlsChange:m,isReplying:g}))),o.createElement(be,{size:"p4",className:"count-string"},h("character"),": ",M(c||"").length),(!I||0===I.length)&&w&&o.createElement("div",{className:"link-preview-wrapper"},w.isFetching?o.createElement(_,null):o.createElement(o.Fragment,null,o.createElement(je,{title:w.title,url:w.url||"#",image:w.image,noRefetch:!0}),o.createElement("img",{src:Ze,className:"icon-close",onClick:function(){return C(null)}}))),o.createElement("input",{ref:k,type:"file",accept:"image/png, image/gif, image/jpeg",multiple:!0,style:{display:"none"},onChange:b}),I.length>y?o.createElement("div",{className:"input-notification"},o.createElement("img",{src:De}),o.createElement(be,{size:"p4",color:_e.colors.alertWarning},h("createPost.popup.warningImage"))):null,I.length>0&&o.createElement("div",{className:"image-gallery"},I.map((function(e,t){return o.createElement("div",{key:t,className:"image-item"},o.createElement("img",{src:e}),o.createElement("img",{className:"close-btn",src:Ze,onClick:function(){return N(t)}}))}))))},Ke=function(e,t){if(!t)return e;var n=t.limit,i=t.bannedWords,o=void 0===i?[]:i,a="number"==typeof n&&n>=0?e.substring(0,n):e;return P(a,o)},Qe=function(e){var t,n=e.className,i=e.style,a=e.bannedWords,c=void 0===a?[]:a,d=e.value,m=e.onChange,p=Ne().t,v=r(""),g=v[0],h=v[1],f=l(null);s((function(){if(f.current){var e=function(e){var t;e.preventDefault();var n=null===(t=e.clipboardData)||void 0===t?void 0:t.getData("text/plain");document.execCommand("insertHTML",!1,n)},t=f.current;return t.addEventListener("paste",e),function(){return t.removeEventListener("paste",e)}}}),[f]);var w=(null==c?void 0:c.join(","))||"";s((function(){var e;if(w){var t=null===(e=f.current)||void 0===e?void 0:e.innerText;if(t){var n=P(t,c);n!==t&&(m&&m(n),h(n))}}}),[w]);var C=u(Le((function(e){if(f.current){var t=Ke(f.current.innerText,{limit:120,bannedWords:c});m&&m(t),h(t)}}),300),[]);return s((function(){setTimeout((function(){var e;null===(e=f.current)||void 0===e||e.focus()}),500)}),[]),o.createElement(L,{className:n,style:i},o.createElement(Ie,{name:"title",value:d||g,size:"md",label:p("createPost.title"),CustomInput:o.createElement(S,{innerRef:f,html:d||g,onChange:function(e){if(f.current&&f.current.innerText!==(d||g)){var t=Ke(f.current.innerText,{bannedWords:c});m&&m(t),h(t),C(f.current.innerText)}},className:"title-input"})}),o.createElement(be,{size:"p4",className:"count-string"},p("createPost.popup.wordCount",{count:(null===(t=f.current)||void 0===t?void 0:t.innerText.length)||0,max:120})))},Xe=function(n){var u=n.className,m=n.style,p=n.topics,v=n.communityId,w=n.onChange,C=n.isLoading,k=n.disabled,y=n.forceTopics,E=n.selectedTopics,b=n.noFetch,N=a(d).data,I=N.locale,T=N.env.isMarryBaby,x=r(p?i([],p,!0):[]),M=x[0],P=x[1],L=r(E?i([],E,!0):[]),S=L[0],F=L[1],R=r(!1),D=R[0],O=R[1],A=l(p);A.current=p,s((function(){var n;!v||b||(null===(n=A.current)||void 0===n?void 0:n.length)||(P([]),O(!0),e(void 0,void 0,void 0,(function(){var e,n,i,o;return t(this,(function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),[4,g(h(f.TOPIC.LIST,{communityId:v,_locale:I}),"GET")];case 1:return e=t.sent(),n=null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.topics,Array.isArray(n)&&P((function(){return(null==n?void 0:n.map(B).sort((function(e,t){return(e.order||0)-(t.order||0)})))||[]})),[3,3];case 2:return i=t.sent(),console.log(i),O(!1),[3,3];case 3:return O(!1),[2]}}))})))}),[v,b]);var z=null==p?void 0:p.map((function(e){return e.id})).join("-"),V=null==M?void 0:M.map((function(e){return e.id})).join("-"),U=null==y?void 0:y.map((function(e){return e.id})).join("-");s((function(){p&&void 0!==z&&z!==V&&P(p)}),[p,z,V]);var H=c((function(){return M.filter((function(e){return!(null==y?void 0:y.some((function(t){return t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId})))}))}),[V,U]);return o.createElement(j,{"data-is-marrybaby":T,className:u,style:m},y.map((function(e){return o.createElement(Je,{key:"".concat(e.id,"-").concat(e.mappedCategoryId),topic:e,disabled:!0,selected:!0})})),H.map((function(e){return o.createElement(Je,{key:"".concat(e.id,"-").concat(e.mappedCategoryId),topic:e,disabled:k,selected:(E||S).some((function(t){return t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId})),onClick:function(){var t=E||S,n=t.findIndex((function(t){return t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId}));-1!==n?t.splice(n,1):t.push(e),w&&E?w(t.slice()):(w&&w(t.slice()),F(t.slice()))}})})),(C||D)&&o.createElement(_,{className:"topic-spinner"}))},Je=function(e){var t=e.topic,n=e.disabled,i=e.selected,a=e.onClick;return o.createElement("div",{className:"tag-item"+(i?" --active":""),"data-disabled":n,onClick:n?void 0:a},t.name)},Ye=function(n){var l=n.className,c=n.style,u=n.onPostCreatedEdited,m=n.onClose,p=n.communities,v=void 0===p?[]:p,g=n.forceSelectCommunity,h=n.forceSelectTopics,f=n.articleId,w=n.optionalTopic,C=n.editPostData,k=n.defaultCommunity,E=n.defaultTopics,b=n.noFetchTopic,N=n.hideTopicList,I=!!(null==C?void 0:C.id),T=a(d),x=T.data,_=x.locale,P=x.env.isMarryBaby,L=T.action,S=L.pushNotifications,j=L.sanitizeFunction,B=Ne().t,z=r(!1),V=z[0],U=z[1],H=r(""),W=H[0],Z=H[1],G=r(""),K=G[0],Q=G[1],X=r(g?{label:g.name,value:"".concat(g.id||"","-").concat(g.mappedCategoryId||"")}:{label:B("community.choose"),value:""}),J=X[0],Y=X[1],$=r(i([],h,!0)||[]),q=$[0],ee=$[1],te=r([]),ne=te[0],ie=te[1],oe=r([]),ae=oe[0],re=oe[1],le=g||v.find((function(e){return"".concat(e.id||"","-").concat(e.mappedCategoryId||"")===J.value})),se=g?[g]:v.filter((function(e){return e.isActive})).sort((function(e,t){return e.name>t.name?1:e.name<t.name?-1:0})),ce=r(null),ue=ce[0],de=ce[1],me=r([]),pe=me[0],ve=me[1],ge=W&&M(K)&&(w||!w&&q.length>0)&&le&&(!ne||ne.length<=y)&&!(null==pe?void 0:pe.length)&&!V;s((function(){if(C){var e=C;Z(e.title||""),Q(F(R(e.description||"","edit"),e.mentions)),Y({label:e.community.name,value:"".concat(e.community.id||"","-").concat(e.community.mappedCategoryId||"")}),ee(e.topics||[]),ie(e.photos||[])}else k&&Y({label:k.name,value:"".concat(k.id||"","-").concat(k.mappedCategoryId||"")}),E&&ee(E)}),[]);var he=function(){return e(void 0,void 0,void 0,(function(){var e,n,i,o,a,r,l,s,c,d,p,v;return t(this,(function(t){switch(t.label){case 0:return[4,ze({title:W,description:K,communityId:String((null==le?void 0:le.id)||""),imageFiles:ne,previewUrl:ue,topicIds:null==q?void 0:q.map((function(e){return String(e.id||"")})).filter(Boolean),locale:_,sanitizeFunction:j,categoryCommunityId:String((null==le?void 0:le.mappedCategoryId)||""),categoryTopicIds:null==q?void 0:q.map((function(e){return String(e.mappedCategoryId||"")})).filter(Boolean)})];case 1:return e=t.sent(),f&&e.append("article_id",f),I?(null==C?void 0:C.id)?[4,Ue({id:C.id,formData:e,locale:_})]:[3,3]:[3,4];case 2:n=t.sent(),t.label=3;case 3:return[3,6];case 4:return[4,Ve({formData:e,locale:_,isArticleComment:!(null==le?void 0:le.id)&&!!(null==le?void 0:le.mappedCategoryId)})];case 5:n=t.sent(),t.label=6;case 6:return(null==(i=null==n?void 0:n.data)?void 0:i.id)&&!(null===(a=null===(o=null==n?void 0:n.messages)||void 0===o?void 0:o.moderation)||void 0===a?void 0:a.type)?(S({message:B("createPost.popup.success"),type:"success"}),function(e){u&&u(A(e),I),m&&m()}(i)):"banned"===(null===(l=null===(r=null==n?void 0:n.messages)||void 0===r?void 0:r.moderation)||void 0===l?void 0:l.type)?(S({title:B("notification.post.blocked.title"),message:B("notification.post.blocked.message"),type:"danger"}),n.messages.moderation.words&&re(n.messages.moderation.words)):"suspect"===(null===(c=null===(s=null==n?void 0:n.messages)||void 0===s?void 0:s.moderation)||void 0===c?void 0:c.type)?(S({title:B("notification.post.suspect.title"),message:B("notification.post.suspect.message"),type:"warning"}),m&&m()):(null===(p=null===(d=null==n?void 0:n.messages)||void 0===d?void 0:d.find)||void 0===p?void 0:p.call(d,(function(e){var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(S({message:B("notification.suspend.message"),type:"danger"}),m&&m()):S({message:(null===(v=null==n?void 0:n.messages)||void 0===v?void 0:v[0])||B("notification.failure"),type:"danger"}),[2]}}))}))};return o.createElement(D,{className:l,style:c},o.createElement("div",{className:"input-group-container"},o.createElement(Qe,{className:"input-group",bannedWords:ae,value:W,onChange:Z}),o.createElement(Ge,{className:"input-group",bannedWords:ae,value:K,onChange:Q,onPreviewUrlChange:de,onInvalidUrlsChange:ve,onImageFilesChange:ie,imageFiles:ne}),o.createElement("div",{className:"input-group"},o.createElement(be,{size:"p4",className:"input-group-label"},B("admin.community")),o.createElement(xe,{options:(null==se?void 0:se.map((function(e,t){return{label:e.name,value:"".concat(e.id||"","-").concat(e.mappedCategoryId||"")}})))||[],id:"community-picker",placeholder:B("community.choose"),value:J,onChange:function(e){Y({label:e.label,value:String(e.value)}),ee([])},disabled:!!g}),o.createElement(be,{size:"sm",className:"warning",color:_e.colors.gray400},"* ",B("commentPopup.warning.newPost"))),!N&&o.createElement("div",{className:"input-group"},o.createElement(be,{size:"p4",className:"input-group-label"},B("tab.topic")),o.createElement("div",{className:"input-notification"},o.createElement("img",{src:le?"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":De}),o.createElement(be,{size:"base",color:_e.colors.gray500},B(le?"createPost.popup.primary":"createPost.popup.warning"))),le&&o.createElement(Xe,{className:"tag-list",communityId:le.id,forceTopics:h,onChange:ee,selectedTopics:q,noFetch:b}))),o.createElement(O,{theme:P?"marryBaby":"helloSites",className:"submit-btn",size:"lg",onClick:function(){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:if(!ge||V)return[3,5];U(!0),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,he()];case 2:return t.sent(),[3,4];case 3:return e=t.sent(),console.error(e),S(Re(B)),[3,4];case 4:U(!1),t.label=5;case 5:return[2]}}))}))},isDisabled:!ge,isLoading:V},B("createPost.popup.submit")))},$e=function(e){var t=e.className,n=e.isMarryBaby,i=e.style,l=e.title,c=e.description,u=e.acceptText,m=e.cancelText,p=e.onAccept,g=e.thumbnail,h=e.isThumbnailIcon,f=e.onClose,w=a(d).data.env.isMarryBaby,C="boolean"==typeof n?n:w,k=r(!1),y=k[0],E=k[1];return s((function(){return Te(!0),setTimeout((function(){return E(!0)}),0),function(){return Te(!1)}}),[]),Se.createPortal(o.createElement(z,{"data-is-marrybaby":C,className:t,style:i,"data-open":y},o.createElement(V,{className:"popup-frame",isOpen:y,onClose:f},o.createElement("div",{className:"confirm-dialog",onClick:function(e){return e.stopPropagation()}},o.createElement("div",{className:"confirm-content"},g&&o.createElement("div",{className:"thumbnail-container ".concat(h?"is-icon":"")},o.createElement("img",{className:"thumbnail",src:g})),o.createElement(v,{className:"title",tag:"h2"},l),o.createElement(be,{className:"desc",size:"lg"},c),o.createElement("div",{className:"btn-group"},o.createElement(O,{theme:C?"marryBaby":"helloSites",size:"md",color:"secondary",onClick:function(){null==p||p(),null==f||f()}},u),o.createElement(O,{theme:C?"marryBaby":"helloSites",size:"md",onClick:f},m)))),C&&g&&o.createElement("div",{className:"thumbnail-container is-mobile ".concat(h?"is-icon":"")},o.createElement("img",{className:"thumbnail",src:g})))),document.body)},qe=function(n){var i=n.postId,o=n.message,a=n.photos,r=n.link,l=n.locale,s=n.sanitizeFunction,c=n.replyingUserId,u=n.replyingUserName,d=n.replyingId;return e(void 0,void 0,void 0,(function(){var e,n,m;return t(this,(function(t){switch(t.label){case 0:return e=new FormData,n=N(o.replace(/(\&nbsp;)+/g," "),s),m=b(n),a&&a.length>0?[4,Promise.all(null==a?void 0:a.map((function(e){return I(e,l)})))]:[3,2];case 1:t.sent().filter(Boolean).slice(0,y).forEach((function(t){e.append("images[]",t)})),t.label=2;case 2:return r&&e.append("link",r),null==m||m.forEach((function(t){e.append("mention_ids[]",t)})),e.append("post_id",i),d&&e.append("parent_id",d),c&&(m.unshift(c),n='[mention+id="'.concat(c,'"+name="').concat((u||"").replace('"',"'"),'"]').concat(n),e.append("parent_user_id",String(c))),e.append("content",n),e.append("content",n),[2,e]}}))}))},et=function(n,i){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){return[2,k(h(f.COMMENT.CREATE,{_locale:i}),"POST",{data:n,headers:{"Content-Type":"multipart/form-data"}})]}))}))},tt=function(n,i){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){return[2,k(h(f.COMMENT.REPLY,{_locale:i}),"POST",{data:n,headers:{"Content-Type":"multipart/form-data"}})]}))}))},nt=function(n){var i=n.commentId,o=n.setLike,a=void 0!==o&&o,r=n.locale;return e(void 0,void 0,void 0,(function(){return t(this,(function(e){return[2,k(h(a?f.COMMENT.LIKE:f.COMMENT.UNLIKE,{_locale:r,id:i}),"GET")]}))}))},it=function(e){var t=e.id,n=e.locale;return k(h(f.COMMENT.DELETE,{_locale:n,id:t}),"DELETE")},ot=function(i){var c=i.isReply,u=i.className,m=i.onClose,p=i.replyToName,v=i.style,g=i.replyingId,h=i.replyingUser,f=i.onPostSuccess;i.isMainCmt;var w=i.post,C=i.isMarryBaby,k=a(d),y=k.action,E=y.pushNotifications,b=y.sanitizeFunction,N=k.data,I=N.userInfo,T=N.locale,M=N.env.isMarryBaby,P="boolean"==typeof C?C:M,L=Ne().t,S=We(),j=S.onSelectImages,B=S.onRemoveImage,F=S.imageSrcs,R=S.onRemoveAllImages,D=S.imageFiles,A=r(""),z=A[0],V=A[1],K=a(U).trigger,Q=r(!1),X=Q[0],J=Q[1],Y=l(null),$=l(null),q=l(null),ee=r([]),te=ee[0],ne=ee[1],ie=r([]),oe=ie[0],ae=ie[1],re=r(null),le=re[0],se=re[1];return s((function(){var e;null===(e=q.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout((function(){var e;null===(e=$.current)||void 0===e||e.focus()}),400)}),[K]),o.createElement(H,{"data-is-reply":c,className:u,style:v},c&&o.createElement("div",{className:"reply-to-container"},o.createElement(be,{size:"p4"},o.createElement("span",{dangerouslySetInnerHTML:{__html:L("inputComment.replyTo",{name:'<span style="color: #2D87F3; cursor: pointer">@'.concat(p||"","</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:function(){return m&&m()}})),o.createElement("div",{className:"input-container",ref:q},o.createElement(W,{className:"avatar-wrapper ".concat(c?"avatar-wrapper-reply":""),avatar:(null==I?void 0:I.id)?I.avatar:Z,username:(null==I?void 0:I.name)||(null==I?void 0:I.username)}),o.createElement("input",{ref:Y,onChange:j,type:"file",multiple:!0,accept:"image/png,image/jpeg",name:"images",style:{display:"none"}}),o.createElement(Ie,{value:z,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"}),CustomInput:o.createElement("div",{className:"as-input"},o.createElement(x,{className:"textarea",html:z,onChange:V,onImagePickerClick:function(){var e;return null===(e=Y.current)||void 0===e?void 0:e.click()},bannedWords:oe,onPreviewUrlChange:se,onInvalidUrlsChange:ne,setEditorRef:function(e){return $.current=e},isReplying:c}))}),o.createElement(O,{theme:P?"marryBaby":"helloSites",className:"send-button",size:"sm",onClick:function(){return e(void 0,void 0,void 0,(function(){var e,i,o,a,r,l,s,u,d,p,v,C,k;return t(this,(function(t){switch(t.label){case 0:if(!(null==w?void 0:w.id)||X)return[2];J(!0),t.label=1;case 1:return t.trys.push([1,4,,5]),e=function(e){V(""),R(),m&&m();var t=G(e.data);"string"==typeof t.images&&(t.images=JSON.parse(t.images)),f&&f(t)},[4,qe(n({message:z,photos:D,postId:String(w.id),link:null==le?void 0:le.url,sanitizeFunction:b,locale:T},c&&g?{replyingUserId:String((null==h?void 0:h.id)||(null===(r=null==w?void 0:w.author)||void 0===r?void 0:r.id)||""),replyingId:g,replyingUserName:(null==h?void 0:h.name)||(null==h?void 0:h.username)||""}:{}))];case 2:return i=t.sent(),[4,c&&g?tt(i,T):et(i,T)];case 3:return o=t.sent(),(null==(a=null==o?void 0:o.data)?void 0:a.id)&&!(null===(s=null===(l=null==o?void 0:o.messages)||void 0===l?void 0:l.moderation)||void 0===s?void 0:s.type)?e(o):"banned"===(null===(d=null===(u=null==o?void 0:o.messages)||void 0===u?void 0:u.moderation)||void 0===d?void 0:d.type)?(E({title:L("notification.comment.blocked.title"),message:L("notification.comment.blocked.message"),type:"danger"}),o.messages.moderation.words&&ae(o.messages.moderation.words)):"suspect"===(null===(v=null===(p=null==o?void 0:o.messages)||void 0===p?void 0:p.moderation)||void 0===v?void 0:v.type)?(E({title:L("notification.comment.suspect.title"),message:L("notification.comment.suspect.message"),type:"warning"}),V(""),R(),m&&m()):(null===(C=null==o?void 0:o.messages)||void 0===C?void 0:C.find((function(e){var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(E({message:L("notification.suspend.message"),type:"warning"}),V(""),R(),m&&m()):E({title:"",message:(null===(k=null==o?void 0:o.messages)||void 0===k?void 0:k[0])||L("notification.comment.somethingWrong"),type:"danger"}),[3,5];case 4:return t.sent(),E({title:"",message:L("notification.comment.somethingWrong"),type:"danger"}),[3,5];case 5:return J(!1),[2]}}))}))},isLoading:X,isDisabled:!!(null==te?void 0:te.length)||X||!z||(null==z?void 0:z.length)<2||!z.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"}))),(null==te?void 0:te.length)?o.createElement("div",{className:"error-text"},L("notification.limitUrlDomain")):null,(!F||0===F.length)&&le&&o.createElement("div",{className:"link-preview-wrapper"},le.isFetching?o.createElement(_,null):o.createElement(o.Fragment,null,o.createElement(je,{title:le.title,url:le.url||"#",image:le.image,noRefetch:!0}),o.createElement("img",{src:Ze,className:"icon-close",onClick:function(){return se(null)}}))),F&&F.length>0&&o.createElement("div",{className:"preview-images-container"},F.map((function(e,t){return o.createElement("div",{key:t,className:"image-src-wrapper"},o.createElement("img",{className:"preview-image",src:e}),o.createElement("img",{src:Ze,className:"icon-close-circle",onClick:function(){return B(t)}}))}))))},at="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",rt=function(n){var i=n.className,l=n.style,s=n.reason,c=n.reasonText,u=n.onClose,m=n.postId,p=a(d),v=p.data,g=v.locale,h=v.env.isMarryBaby,f=p.action.pushNotifications,w=Ne().t,C=r(!1),k=C[0],y=C[1];return o.createElement(K,{"data-is-marrybaby":h,className:i,style:l},o.createElement("ul",{className:"report-list"},o.createElement("li",{className:"report-item"},o.createElement("img",{src:at}),o.createElement(be,{className:"__label",color:_e.colors.gray800,size:"p4"},c))),o.createElement(O,{theme:h?"marryBaby":"helloSites",className:"report-submit",size:"lg",color:"primary",isLoading:k,onClick:function(){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:if(!m||k)return[2];y(!0),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,He({id:m,reason:s,locale:g})];case 2:return 1===(null==(e=t.sent())?void 0:e.status)&&(f({message:"Post reported",type:"success"}),u&&u()),[3,4];case 3:return t.sent(),[3,4];case 4:return y(!1),[2]}}))}))}},w("submit")))},lt=function(e){var t=e.className,n=e.style,i=e.replyingTo,l=e.mentionedUser,s=e.description,u=e.disableShortenContent,m=e.mentions,p=void 0===m?[]:m,v=r(!1),g=v[0],h=v[1],f=Ne().t,w=Q().authActionWrapper,C=r(!1),k=C[0],y=C[1],E=F(R(s||"","display"),p),b=a(d).action.sanitizeFunction,N=c((function(){var e=b(E||"");if(u||g)return{showContent:e,hasSeeMore:!1};var t=e.slice(0,200),n=200-27*((t.match(/<\/div>/g)||[]).length-1),i=(t||"").slice(0,n<40?40:n),o=b(i.replace(/(<|<\/)( +|[a-zA-Z]*)$/gi,"")),a=o.length<e.length-10;return{showContent:a?o:e,hasSeeMore:a}}),[u,g,E]),I=(null==l?void 0:l.name)||i,T="expert"===(null==l?void 0:l.role)&&!!(null==l?void 0:l.partnerId);return o.createElement(o.Fragment,null,T&&o.createElement(X,{isOpen:k,onClose:function(){return y(!1)},expertId:String(null==l?void 0:l.partnerId)}),o.createElement(J,{className:"".concat(t," no-replace-click"),style:n},I&&o.createElement("span",{onClick:function(){return T&&y(!0)},className:"post-content-replying"},"@",I),(null==s?void 0:s.startsWith("[mention+id="))&&o.createElement("span",{className:"post-content-replying tag-only"},"@"),o.createElement("span",{dangerouslySetInnerHTML:{__html:N.showContent},className:"post-content ".concat(N.hasSeeMore?"has-see-more":"")}),N.hasSeeMore&&!g&&o.createElement("span",null,"... ",o.createElement("span",{onClick:function(e){e.preventDefault(),e.stopPropagation(),w((function(){return h(!0)}))},className:"see-more-text"},f("post.seeMore")))))},st=function(e){var t=e.className,n=e.style,i=e.authorName,a=e.images,l=e.onClose,c=e.onOpenSingleView,u=Ne().t,d=r(!1),m=d[0],p=d[1];return s((function(){setTimeout((function(){p(!0)}),0)}),[]),Se.createPortal(o.createElement(Y,{className:t,style:n,"data-open":m},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:l,alt:"go back"}),o.createElement(be,{size:"p2",type:"bold",style:{textAlign:"center"}},u("previewPhotos.title",{name:i}))),o.createElement("div",{className:"container"},a.map((function(e,t){return o.createElement("img",{className:"img-preview",key:t,src:e,onClick:function(){return null==c?void 0:c(t)},alt:"post img"})})))),document.body)},ct="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",ut=function(e){var t=e.initialViewIndex,n=e.images,i=e.onClose,a=r(t),l=a[0],c=a[1],u=r(!1),d=u[0],m=u[1];s((function(){setTimeout((function(){m(!0)}),0)}),[]);var p=null==n?void 0:n[l],v=0===l,g=!(null==n?void 0:n.length)||l===(null==n?void 0:n.length)-1;return Se.createPortal(o.createElement($,{"data-open":d&&!!p},o.createElement(q,null,o.createElement("img",{src:ee,className:"icon-close",onClick:i,alt:"close"})),p&&l>=0&&o.createElement(o.Fragment,null,o.createElement(te,null,o.createElement("img",{className:"img-preview",src:p,alt:"post img open"}),o.createElement(ne,{"data-disabled":v,onClick:function(){return!v&&c(l-1)}},o.createElement(ie,null,o.createElement("img",{src:ct,style:{transform:"rotate(180deg)"},alt:"left arrow","data-disabled":v}))),o.createElement(ne,{"data-right":!0,"data-disabled":g,onClick:function(){return!g&&c(l+1)}},o.createElement(ie,null,o.createElement("img",{src:ct,alt:"right arrow","data-disabled":g})))))),document.body)},dt=function(e){var t=e.className,n=e.images,i=void 0===n?[]:n,c=e.style,u=e.authorName,m=a(d).data.env.isMarryBaby,p="+ ".concat((i.length||0)-4),g=r(!1),h=g[0],f=g[1],w=r(-1),C=w[0],k=w[1];s((function(){setTimeout((function(){return null==oe?void 0:oe.update()}),100)}),[null==i?void 0:i.slice(0,5).join("|")]);var y=i.length>5,E=l(!1);return s((function(){return function(){E.current&&Te(!1)}}),[]),s((function(){h||C>=0?(Te(!0),E.current=!0):(Te(!1),E.current=!1)}),[h,C]),o.createElement(o.Fragment,null,o.createElement(ae,{className:t,style:c,"data-image-count":y?5:i.length||0,"data-is-marrybaby":m},null==i?void 0:i.slice(0,5).map((function(e,t){return o.createElement("div",{className:"img-wrapper",key:t,onClick:function(){t>=4&&y?f(!0):k(t)}},!m&&o.createElement("img",{className:"lazy img-preview-blur","data-src":e}),o.createElement("img",{className:"lazy img-preview","data-src":e}),4===t&&y&&o.createElement("div",{className:"img-more-overlay"},o.createElement(v,{tag:"h1",color:"white"},p)))}))),h&&o.createElement(st,{authorName:u||"",images:i,onClose:function(){return f(!1)},onOpenSingleView:k}),C>=0&&o.createElement(ut,{images:i,initialViewIndex:C,onClose:function(){return k(-1)}}))},mt=function(i){var u=i.url,m=i.image,v=i.className,w=i.style,C=a(d).data.locale,k=r(null),y=k[0],E=k[1];s((function(){e(void 0,void 0,void 0,(function(){return t(this,(function(e){return m?[2]:u?(E((function(e){return n(n({},e),{isFetching:!0})})),g(h(f.FETCH_PREVIEW,{_locale:C}),"POST",{data:{link:u}}).then((function(e){var t,n;E({url:u,image:(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.image)||(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.logo)})})).catch((function(){E(null)})),[2]):[2,E(null)]}))}))}),[u,m]);var b=(null==y?void 0:y.image)||m,N=(null==y?void 0:y.url)||u,I=c((function(){return re(N)}),[N]),T=c((function(){return le(N)}),[N]),x=l(0),M=l(0),P=r(!1),L=P[0],S=P[1];s((function(){var e=function(){var e,t=null===(e=j.current)||void 0===e?void 0:e.getBoundingClientRect(),n=!1;t&&(!x.current||Math.abs((x.current-t.width)/(null==t?void 0:t.width))>.2)&&(x.current=Math.floor(t.width),n=!0),t&&(!M.current||Math.abs((M.current-t.height)/(null==t?void 0:t.height))>.2)&&(M.current=Math.floor(t.height),n=!0),n&&S((function(e){return!e}))};return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]);var j=l(null),B=l(!1);return o.createElement(se,{className:"".concat(v," no-replace-click"),style:w,ref:j},m||!I&&!T?o.createElement("a",{href:N,target:"_blank",rel:"noreferrer"},o.createElement("div",{className:"link-image-wrapper ".concat((null==y?void 0:y.isFetching)?"fetching":"")},(null==y?void 0:y.isFetching)?o.createElement(_,{className:"loading-spinner"}):o.createElement("img",{className:"link-image",src:b||p,onError:function(e){B.current||(B.current=!0,e.currentTarget.src=p)}}))):o.createElement("div",{className:"link-image-wrapper"},I?o.createElement("iframe",{width:"100%",height:"100%",src:"https://www.youtube.com/embed/".concat(I,"?&autoplay=1&mute=1"),frameBorder:"0",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,border:"none",overflow:"hidden"}}):T?o.createElement("iframe",{key:String(L),src:"https://www.facebook.com/plugins/video.php?href=".concat(encodeURIComponent(N),"&autoplay=1&show_text=false&t=0&width=").concat(x.current,"&height=").concat(M.current),style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:M.current,width:x.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"}):null))},pt="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",vt="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",gt="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",ht=function(n){var i=n.onDeleteComment,l=n.commentId,s=n.className,c=void 0===s?"":s,u=n.popoverClassName,m=void 0===u?"":u,p=a(d),v=p.data,g=v.env.isMarryBaby,h=v.locale,f=p.action.pushNotifications,w=Ne().t,C=r(!1),k=C[0],y=C[1],E=Q().authActionWrapper;return o.createElement("div",{className:c,onClick:function(e){e.preventDefault(),e.stopPropagation()}},k&&o.createElement($e,{thumbnail:"data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0)'%3e%3cpath d='M2 4.00781H3.33333H14' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.33337 4.00846V2.67513C5.33337 2.32151 5.47385 1.98237 5.7239 1.73232C5.97395 1.48227 6.31309 1.3418 6.66671 1.3418H9.33337C9.687 1.3418 10.0261 1.48227 10.2762 1.73232C10.5262 1.98237 10.6667 2.32151 10.6667 2.67513V4.00846M12.6667 4.00846V13.3418C12.6667 13.6954 12.5262 14.0346 12.2762 14.2846C12.0261 14.5347 11.687 14.6751 11.3334 14.6751H4.66671C4.31309 14.6751 3.97395 14.5347 3.7239 14.2846C3.47385 14.0346 3.33337 13.6954 3.33337 13.3418V4.00846H12.6667Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.66663 7.3418V11.3418' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.33337 7.3418V11.3418' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0'%3e%3crect width='16' height='16' fill='white' transform='translate(0 0.0078125)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",isThumbnailIcon:!0,title:w("popup.deleteComment.title"),description:w("popup.deleteComment.description"),acceptText:w("popup.deletePost.accept"),cancelText:w("popup.deletePost.cancel"),onAccept:function(){return e(void 0,void 0,void 0,(function(){var e,n;return t(this,(function(t){switch(t.label){case 0:return l?[4,it({id:l,locale:h})]:[2];case 1:return 1===(null==(e=t.sent())?void 0:e.status)?(i&&i(),f({title:"",message:w("notification.success"),type:"success"})):f({title:"",message:(null===(n=null==e?void 0:e.messages)||void 0===n?void 0:n[0])||w("notification.failure"),type:"danger"}),[2]}}))}))},onClose:function(){return y(!1)}}),o.createElement(ce,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:[{icon:gt,label:w("actionPopover.delete"),onClick:function(){E((function(){y(!0)}))}}]},className:m,toggleButtonContent:o.createElement("img",{src:g?pt:vt}),buttonProps:{}}))},ft=function(i){var l,u,m,p,v,h=i.className,f=i.style,w=i.comment,C=i.type,k=void 0===C?"comment":C,y=i.level,E=void 0===y?0:y,b=i.replyingId,N=i.onPostCommentSuccess,I=i.post,T=i.onDeleteComment,x=i.refetchComment,M=i.hasQuickBookingEnable,_=i.handleMakeAppointment,P=a(d).data,L=P.locale,S=P.userInfo,j=P.env.isMarryBaby,B=Ne().t,F=r(w||null),R=F[0],D=F[1],A=R.id;R.countReplies;var z=R.countLikes,V=R.content,U=R.createdAt,H=R.replies,W=void 0===H?[]:H,Z=R.images,G=void 0===Z?[]:Z,K=R.author,X=R.liked,J=R.link,Y=R.mentionedUser,$=R.mentions,q=function(e){try{var t=e.match(/\[@([^\]]+)\]/),n=t?t[0].replace("[@","").replace("]",""):"";return{text:e.replace(/\[@([^\]]+)\]/,"").trim(),replyingTo:n}}catch(e){}return{text:""}}(V),ee=q.text,te=q.replyingTo,ne=Q({_joinCommunityIds:[null===(l=null==I?void 0:I.community)||void 0===l?void 0:l.id],_joinTopicIds:null===(u=null==I?void 0:I.topics)||void 0===u?void 0:u.map((function(e){return e.id}))}).authActionWrapper,ie=r(4),oe=ie[0],ae=ie[1],re=!!(null==S?void 0:S.id)&&(null==W?void 0:W.some((function(e){return e.author.id===S.id}))),le=function(e){D((function(t){t.replies.unshift(e);var i=n(n({},t),{replies:t.replies.slice(),countReplies:t.countReplies+1});return x&&x(i),i}))},se=r(!1),ce=se[0],fe=se[1],we=c((function(){return"comment"===k&&W&&0!=W.length?W.sort((function(e,t){var n=new Date(e.createdAt).getTime(),i=new Date(t.createdAt).getTime();return n>i?-1:n<i?1:0})):W}),[k,W]),Ce=(null==W?void 0:W.length)||0,ke=String(null==K?void 0:K.email)&&(null==S?void 0:S.email)&&String(null==K?void 0:K.email)===String(null==S?void 0:S.email),ye=(null==K?void 0:K.name)||(null==K?void 0:K.username)||"",Ee=null==K?void 0:K.avatar,be=(null==K?void 0:K.username)||(null==K?void 0:K.name)||"",Ie=r(null),Te=Ie[0],xe=Ie[1],_e=r(null),Le=_e[0],Se=_e[1];s((function(){if(null==K?void 0:K.hospitalId){n=K.hospitalId,e(void 0,void 0,void 0,(function(){var e,i;return t(this,(function(t){switch(t.label){case 0:return[4,g(ge(he.GET_HOSPITAL_INFO,{hospital_branch_id:n,website_url:Pe[L]}),"get")];case 1:return e=t.sent(),(null===(i=null==e?void 0:e._data)||void 0===i?void 0:i.branch)&&xe(null==e?void 0:e._data.branch),[2]}}))}))}var n,i;if(null==K?void 0:K.doctorId){i=K.doctorId,e(void 0,void 0,void 0,(function(){var e,n;return t(this,(function(t){switch(t.label){case 0:return[4,g(ge(he.GET_DOCTOR_INFO,{doctorId:i,website_url:Pe[L]}),"get")];case 1:return e=t.sent(),(null===(n=null==e?void 0:e._data)||void 0===n?void 0:n.doctor)&&Se(null==e?void 0:e._data.doctor),[2]}}))}))}}),[K.hospitalId,K.doctorId]);var Be=(null==Le?void 0:Le.valid_outpatient)||(null==Le?void 0:Le.valid_telemedicine),Fe=((null==Te?void 0:Te.total_available_service)||(null==Te?void 0:Te.total_available_doctor))>0,Re=M&&(Be||Fe);return o.createElement(ue,{defaultParams:{_joinCommunityIds:[null===(m=null==I?void 0:I.community)||void 0===m?void 0:m.id],_joinTopicIds:null===(p=null==I?void 0:I.topics)||void 0===p?void 0:p.map((function(e){return e.id}))}},o.createElement(de,{className:h,style:f,"data-is-reply":!!E,"data-is-marrybaby":j,"data-has-booking":Re},"reply"===k&&o.createElement(Me,{className:"top-divider",type:"solid"}),o.createElement(me,{avatar:Ee,name:ye,username:be,email:null==K?void 0:K.email,time:U,className:"post-author ".concat(ke?"with-popover":""),type:k,userId:null==K?void 0:K.id,role:null==K?void 0:K.role,expertId:null==K?void 0:K.partnerId,title:null==K?void 0:K.title,doctorId:null==K?void 0:K.doctorId,hospitalId:null==K?void 0:K.hospitalId,hasQuickBooking:Re,handleMakeAppointment:_}),o.createElement(lt,{className:"post-content-wrapper",replyingTo:te,mentionedUser:Y,description:ee,mentions:$}),o.createElement("span",null),o.createElement("span",null),G&&G.length>0?o.createElement("div",{key:"image-preview",className:"image-preview-wrapper","data-is-reply":!0},o.createElement(dt,{images:G,authorName:null==K?void 0:K.username})):null,G&&0!==G.length||!J?null:o.createElement("div",{key:"link-preview",className:"link-preview-wrapper","data-is-reply":!0},o.createElement(je,{url:J})),"most-engaging"!==k?o.createElement(o.Fragment,null,o.createElement(pe,{type:ve.reply,loveCount:z,replyCount:Ce,className:"post-reaction",liked:X,isReplied:re,hideCommentIcon:"reply"===k,onCommentClick:function(){return ne((function(){return fe((function(e){return!e}))}))},onCommentCountClick:function(){return ne((function(){fe(!0)}))},onLikeClick:function(){return ne((function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return A?[4,nt({commentId:A,setLike:!X,locale:L})]:[3,2];case 1:1===e.sent().status&&D((function(e){return n(n({},e),{liked:!X,countLikes:e.countLikes+(X?-1:1)})})),e.label=2;case 2:return[2]}}))}))}))}}),ce&&o.createElement(ot,{replyingId:b||R.id,replyToName:K.name||K.username||"",isReply:!0,onClose:function(){return fe(!1)},onPostSuccess:function(e){"reply"===k?N&&N(e):le(e)},post:I,replyingUser:K}),"comment"===k&&W&&W.length>0?o.createElement("div",{className:"comment-reply-wrapper"},null===(v=null==we?void 0:we.slice(0,oe))||void 0===v?void 0:v.map((function(e){return o.createElement(ft,{key:e.id,comment:e,type:"reply",className:"comment-reply-item",level:E+1,replyingId:A,onPostCommentSuccess:le,post:I,onDeleteComment:function(){D((function(t){return n(n({},t),{replies:t.replies.filter((function(t){return t.id!==e.id})),countReplies:t.countReplies-1})}))},handleMakeAppointment:_,hasQuickBookingEnable:M})})),Ce>oe&&o.createElement(o.Fragment,null,o.createElement(Me,{className:"top-divider",type:"solid"}),o.createElement(O,{className:"more-cmt",size:"lg",color:"ghost",onClick:function(){return ae((function(e){return e+4}))}},B("comment.seeMoreReplies",{count:Ce-oe}),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"})))):null):null,ke&&o.createElement(ht,{onDeleteComment:T,className:"popover",commentId:R.id})))},wt="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",Ct="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",kt="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",yt=function(n){var i=n.authorEmail,l=n.onDeletePost,s=n.shareUrl,c=n.post,u=n.className,m=void 0===u?"":u,p=n.popoverClassName,v=void 0===p?"":p,g=n.onBookmark,w=n.onRemoveBookmark,C=n.onEditPost,y=a(d),E=y.data,b=E.locale,N=E.userInfo,I=E.togetherUserId,T=E.env.isMarryBaby,x=y.action.pushNotifications,M=Ne().t,_=r(!1),P=_[0],L=_[1],S=r(!1),j=S[0],B=S[1],F=r(!1),R=F[0],D=F[1],O=Q().authActionWrapper,A=i&&(null==N?void 0:N.email)&&i===String(null==N?void 0:N.email);return o.createElement("div",{className:m,onClick:function(e){e.preventDefault(),e.stopPropagation()}},R&&o.createElement(fe,{url:s,text:null==c?void 0:c.title,onClose:function(){return D(!1)}}),j&&o.createElement($e,{thumbnail:"./svg/delete.svg",isThumbnailIcon:!0,title:M("popup.deletePost.title"),description:M("popup.deletePost.description"),acceptText:M("popup.deletePost.accept"),cancelText:M("popup.deletePost.cancel"),onAccept:function(){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:if(!(null==c?void 0:c.id)||P)return[2];L(!0),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,Ae({id:c.id,locale:b})];case 2:return 1===(null==(e=t.sent())?void 0:e.status)&&(null==l||l()),[3,4];case 3:return t.sent(),[3,4];case 4:return L(!1),[2]}}))}))},onClose:function(){return B(!1)}}),o.createElement(ce,{className:v,toggleButtonContent:o.createElement("img",{src:T?pt:vt}),position:"bottom",align:"end",buttonProps:{isLoading:P},data:A?{isShowheader:!1,type:"list",list:[{icon:kt,label:M("morePopover.share"),onClick:function(){return D(!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:M("actionPopover.edit"),onClick:C},{icon:gt,label:M("actionPopover.delete"),onClick:function(){O((function(){return B(!0)}))}}]}:{isShowheader:!1,type:"list",list:[{icon:kt,label:M("morePopover.share"),onClick:function(){return D(!0)}},{icon:(null==c?void 0:c.bookmarked)?wt:Ct,label:(null==c?void 0:c.bookmarked)?M("morePopover.unsavePost"):M("morePopover.savePost"),onClick:function(){O((function(){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return(null==N?void 0:N.id)&&(null==c?void 0:c.id)?(null==c?void 0:c.bookmarked)?[4,k(h(f.BOOKMARK.DELETE,{_locale:b}),"DELETE",{data:{post_id:String(c.id)}})]:[3,2]:[2];case 1:return 1===(null==(e=t.sent())?void 0:e.status)?(x({title:"",message:"Removed saved post",type:"success",displayIcon:Ct}),w&&w()):x({title:"",message:"Remove failed",type:"danger",displayIcon:Ct}),[3,4];case 2:return[4,k(h(f.BOOKMARK.CREATE,{_locale:b}),"POST",{data:{user_id:I||N.id,post_id:c.id}})];case 3:1===(null==(e=t.sent())?void 0:e.status)?(x({title:"",message:"Post saved",type:"success",displayIcon:wt}),g&&g()):x({title:"",message:"Post saved failed",type:"danger",displayIcon:Ct}),t.label=4;case 4:return[2]}}))}))}))}},{icon:at,label:M("morePopover.report"),subTree:{title:M("morePopover.report.title"),description:M("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(we).map((function(e){return{label:we[e].label,reason:we[e].reportReasonText,reasonValue:e}})).map((function(e){return{label:M(e.label),subTree:{title:M("morePopover.reportSubmit.title"),description:M("morePopover.reportSubmit.description"),isShowheader:!0,type:"jsx",jsxRenderer:function(t){return o.createElement(rt,{reason:e.reasonValue,reasonText:M(e.reason),postId:null==c?void 0:c.id,onClose:function(){return t&&t(!1)}})}}}}))}}]}}))},Et=function(n,i){return e(void 0,void 0,void 0,(function(){var e,o,a,r;return t(this,(function(t){switch(t.label){case 0:return[4,Ee(h(f.COMMENT.LIST,{postId:n,_locale:i,sort:"popularity",perPage:1,withoutReply:1}),"GET")];case 1:return e=t.sent(),[2,null===(r=null===(a=null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.comments)||void 0===a?void 0:a.map(G))||void 0===r?void 0:r[0]]}}))}))},bt=function(i){var l=i.className,c=i.style,u=i.hideViewMoreComment,m=i.showMostEngaging,h=i.onCommentClick,f=i.onCommentCountClick,w=i.onMostEngagingCommentClick,C=i.onPostCommentSuccess,k=i.disableCardLink,y=i.disableShortenContent,E=i.onDeletePost,b=i.onEditPost,N=i.post,I=i.mostEngagingComment,T=i.onDeleteComment,x=i.showInputComment,_=i.InlineCommentsComponent,P=i.hasQuickBookingEnable,L=i.handleMakeAppointment,S=r(N),j=S[0],B=S[1],F=r(!1),R=F[0],D=F[1],A=r(I),z=A[0],V=A[1],U=j.community,H=j.topics,W=j.author,Z=j.slug,G=j.isPin,K=j.liked,X=j.scheduleDateTime,J=j.createdAt,Y=j.photos,$=j.mentions,q=j.title,ee=j.description,te=j.previewUrl,ne=j.likesCount,ie=j.commentsCount,oe=j.id,ae=j.commented,re=a(d),le=re.data,se=le.locale,ce=le.env,de=ce.isMarryBaby,we=ce.togetherBasePath,Ee=re.action.pushNotifications,be=Ne().t,Ie=r(x),Te=Ie[0],xe=Ie[1],Me="".concat(we,"/").concat((null==U?void 0:U.slug)||"_","/").concat(Z||""),_e="".concat(Ce(se)).concat(Me),Pe=Q((null==U?void 0:U.slug)?{_joinCommunityIds:[U.id],_joinTopicIds:null==H?void 0:H.map((function(e){return e.id}))}:void 0).authActionWrapper,Le=r(!1),Se=Le[0],De=Le[1];s((function(){xe(x)}),[x]);var Ae=(null==W?void 0:W.name)||(null==W?void 0:W.username)||"",ze=(null==W?void 0:W.username)||(null==W?void 0:W.name)||"",Ve=null==W?void 0:W.avatar,Ue=r(null),He=Ue[0],We=Ue[1],Ze=r(null),Ge=Ze[0],Ke=Ze[1];s((function(){if(null==W?void 0:W.hospitalId){n=W.hospitalId,e(void 0,void 0,void 0,(function(){var e,i;return t(this,(function(t){switch(t.label){case 0:return[4,g(ge(he.GET_HOSPITAL_INFO,{hospital_branch_id:n,website_url:ye[se]}),"get")];case 1:return e=t.sent(),(null===(i=null==e?void 0:e._data)||void 0===i?void 0:i.branch)&&We(null==e?void 0:e._data.branch),[2]}}))}))}var n,i;if(null==W?void 0:W.doctorId){i=W.doctorId,e(void 0,void 0,void 0,(function(){var e,n;return t(this,(function(t){switch(t.label){case 0:return[4,g(ge(he.GET_DOCTOR_INFO,{doctorId:i,website_url:ye[se]}),"get")];case 1:return e=t.sent(),(null===(n=null==e?void 0:e._data)||void 0===n?void 0:n.doctor)&&Ke(null==e?void 0:e._data.doctor),[2]}}))}))}}),[W.hospitalId,W.doctorId]);var Qe=(null==Ge?void 0:Ge.valid_outpatient)||(null==Ge?void 0:Ge.valid_telemedicine),Xe=((null==He?void 0:He.total_available_service)||(null==He?void 0:He.total_available_doctor))>0,Je=P&&(Qe||Xe);s((function(){e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return oe&&ie&&m&&!(null==I?void 0:I.id)?[4,Et(oe,se)]:[3,2];case 1:e=t.sent(),V(e),t.label=2;case 2:return[2]}}))}))}),[oe,se,ie,m,null==I?void 0:I.id]),s((function(){V(I)}),[null==I?void 0:I.id]);var Ye=function(i){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return ie>1&&(null==z?void 0:z.id)&&(null==z?void 0:z.id)===(null==i?void 0:i.id)?[4,Et(oe,se)]:[3,2];case 1:e=t.sent(),V(e),t.label=2;case 2:return B((function(e){return n(n({},e),{commentsCount:e.commentsCount-1})})),T&&T(i),[2]}}))}))};return o.createElement(ue,{defaultParams:(null==U?void 0:U.slug)?{_joinCommunityIds:[U.id],_joinTopicIds:null==H?void 0:H.map((function(e){return e.id}))}:void 0},R&&o.createElement(fe,{url:_e,avatar:p,text:q,onClose:function(){return D(!1)}}),o.createElement(ke,{className:l,style:c,"data-is-marrybaby":de},G?o.createElement(Fe,{className:"post-pin"}):null,o.createElement("div",{style:{position:"relative"}},o.createElement(me,{avatar:Ve,name:Ae,username:ze,url:k?void 0:Me,email:null==W?void 0:W.email,time:X||J,community:U,className:"post-author",role:null==W?void 0:W.role,userId:null==W?void 0:W.id,expertId:null==W?void 0:W.partnerId,doctorId:null==W?void 0:W.doctorId,hospitalId:null==W?void 0:W.hospitalId,title:null==W?void 0:W.title,hasQuickBooking:Je,handleMakeAppointment:L}),o.createElement(yt,{authorEmail:String(null==W?void 0:W.email),onDeletePost:E,shareUrl:_e,post:j,className:"popover",onEditPost:b})),o.createElement("a",{href:k?void 0:Me,className:"post-content-link-wrapper"},q&&o.createElement(v,{className:"post-content-title",as:"h1",tag:"h5",fontWeight:"bold"},M(q)),o.createElement(lt,{className:"post-content-wrapper",description:ee,disableShortenContent:y,mentions:$})),o.createElement("span",null),o.createElement("span",null),o.createElement("div",{key:"tag-topic"},H&&H.length>0?o.createElement(Be,{topics:H,className:"post-topics"}):null),o.createElement("div",{key:"social-preview"},(null==j?void 0:j.introUrl)?o.createElement("div",{className:"social-preview-wrapper ".concat((null==Y?void 0:Y.length)?"has-image":"")},o.createElement(mt,{url:j.introUrl,image:j.bannerImage})):null),o.createElement("div",{key:"image-preview"},(null==Y?void 0:Y.length)?o.createElement("div",{className:"image-preview-wrapper"},o.createElement(dt,{images:Y,authorName:null==W?void 0:W.name})):null),o.createElement("div",{key:"link-preview"},(null==j?void 0:j.introUrl)||(null==Y?void 0:Y.length)||!(null==te?void 0:te.url)?null:o.createElement("div",{className:"link-preview-wrapper"},o.createElement(je,{title:te.title,url:te.url,image:te.image}))),o.createElement(pe,{type:ve.post,loveCount:ne,replyCount:ie,className:"post-reaction ".concat((null==Y?void 0:Y.length)||(null==te?void 0:te.url)?"hide-top-border":""),liked:Se?!K:K,isReplied:ae,onCommentClick:function(){return Pe((function(){h?h():xe((function(e){return!e}))}))},onCommentCountClick:function(){Pe((function(){de?xe(!0):f?f():!k&&(window.location.href=Me)}))},onShareClick:function(){D(!0)},onLikeClick:function(){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:if(!oe||Se)return[2];De(!0),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,Oe({id:oe,locale:se})];case 2:return 1!==(null==(e=t.sent())?void 0:e.status)?Ee(Re(be)):B((function(e){return n(n({},e),{likesCount:(e.likesCount||0)+(e.liked?-1:1),liked:!e.liked})})),[3,4];case 3:return t.sent(),Ee(Re(be)),[3,4];case 4:return De(!1),[2]}}))}))},showingMostEngaging:!(!m||!(null==z?void 0:z.id))}),Te&&o.createElement(ot,{isMainCmt:!x,onClose:function(){return xe(!1)},onPostSuccess:function(e){0!==ie||(null==z?void 0:z.id)||V(e),B((function(e){return n(n({},e),{commentsCount:e.commentsCount+1,commented:!0})})),C&&C(e)},post:j}),m&&(null==z?void 0:z.id)?o.createElement("div",{className:"most-engaging-wrapper",onClick:function(e){w?(e.stopPropagation(),w()):window.location.href=Me}},o.createElement(ft,{hasQuickBookingEnable:P,handleMakeAppointment:L,comment:z,onDeleteComment:function(){Ye&&Ye(z)},className:"most-engaging-comment",type:"most-engaging",key:z.id}),ie>1&&!u&&o.createElement(O,{className:"see-more-comments",color:"ghost",size:"md"},be("comment.seeMoreComments",{count:ie-1}))):null,_))},Nt=Object.freeze({__proto__:null});export{je as C,ot as I,Fe as L,$e as P,rt as S,Be as T,Ye as a,Ge as b,Qe as c,Xe as d,lt as e,st as f,ut as g,dt as h,bt as i,yt as j,ft as k,ht as l,Nt as t};
-//# sourceMappingURL=types-533a03f3.js.map