@hhgtech/hhg-components 1.19.38 → 1.19.39

package/build/esm/types-213b9831.js

@@ -1 +0,0 @@
-import{e,c as n,b as t,_ as o,a as i}from"./tslib.es6-6ae0d506.js";import r,{useMemo as a,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-0e20eeec.js";import{g as C,s as v,d as x}from"./cookieHelper-0e8521c3.js";import{M as y,u as w}from"./useTranslations-d2f104c4.js";import b from"lodash/debounce";import{T as E}from"./index.styled-a50d332d.js";import{I as L}from"./index-d08172df.js";import"react-range";import"react-dom";import k,{createGlobalStyle as S}from"styled-components";import M from"react-loading-skeleton";import{useId as I}from"react-id-generator";import R from"lodash/shuffle";import{u as P}from"./useOutsideClick-6004483a.js";import F from"string-format";var z,A,T,N,B,H,V,D,O,K,Z,_,j=k.div(z||(z=e([""],[""]))),G=k.div(A||(A=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"]))),U=k.section(T||(T=e([""],[""]))),Q=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(L)(B||(B=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"]))),W=S(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"]))),Y=function(e){var n=e.className,t=e.color;return r.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M18 6L6 18",stroke:t||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M6 6L18 18",stroke:t||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))},J=function(e){var n=e.className,t=e.color;return r.createElement("svg",{width:"14",height:"20",viewBox:"0 0 14 20",className:n},r.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"}))},X=function(e){var n=e.className,t=e.color;return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:n},r.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"}))},$=function(e){var n=e.className,t=e.color;return r.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.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"}),r.createElement("path",{d:"M20 20L16 16",stroke:t||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},ee=function(e){var n=e.width,t=e.height;return r.createElement("svg",{width:n||30,height:t||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}))},ne=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),te=k.div(D||(D=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"])),y.mbDown),oe=k.ul(O||(O=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"]))),ie=k(J)(K||(K=e(["\n  width: 12px;\n  height: 18px;\n"],["\n  width: 12px;\n  height: 18px;\n"]))),re=k.li(Z||(Z=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=I(t);return r.createElement(r.Fragment,null,n([],Array(t),!0).map((function(e,n){return r.createElement(ne,{className:o,key:i[n]},r.createElement(M,{count:1,height:32}),r.createElement(M,{count:1,height:24}))})))}))(_||(_=e(["\n  &:first-child {\n    padding-top: 18px;\n  }\n"],["\n  &:first-child {\n    padding-top: 18px;\n  }\n"]))),ce=function(e){var n=e.cities,t=e.isLoading,o=e.onLocationClick,i=e.onCurrentLocationClick,a=e.geoLocationPermission,c=void 0===a?"unset":a,l=e.isLocationLoading,s=e.selectedLocation,u=w().t,d="denied"===c,p=function(){return r.createElement(re,{role:"button",tabIndex:0,onClick:function(e){d||(e.nativeEvent.stopImmediatePropagation(),l||i())},"data-is-denied":d},d?r.createElement(E,{color:"var(--gray600)",size:"md"},"x"):l?r.createElement(M,{height:20,width:20}):r.createElement(X,{color:f.colors.primaryBase}),r.createElement("div",null,d?r.createElement(E,{color:"var(--gray600)",size:"sm",style:{lineHeight:1.5}},u("booking.searchBar.grantLocation")):l?r.createElement(M,{height:20,style:{width:"calc(100% - 16px)"}}):r.createElement(E,{size:"md"},u("booking.searchBar.useCurrentLocation"))))};return r.createElement(te,{"data-testid":"location-search-results"},r.createElement(oe,null,t?r.createElement(ae,{count:5}):!n||n.length<1?r.createElement(r.Fragment,null,p(),r.createElement(re,{"data-is-denied":"true"},r.createElement(E,{size:"sm",color:"#ccc"},u("booking.searchBar.noResults")))):r.createElement(r.Fragment,null,p(),n.map((function(e){return r.createElement(re,{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},r.createElement(ie,{color:f.colors.neutral400}),r.createElement(E,{size:"md"},e.name))})))))},le="TYPE_CHARACTER",se="REMOVE_CHARACTER",ue="REMOVE_ALL",de="REMOVE_LAST_VISIBLE_NODE",pe="PAUSE_FOR",he="CHANGE_DELETE_SPEED",ge="CHANGE_DELAY",me="PASTE_STRING",fe=function(e,n){return Math.floor(Math.random()*(n-e+1))+e},Ce="TEXT_NODE",ve=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(pe,{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(me,{character:e,node:n}),o},this.deleteAll=function(e){return void 0===e&&(e="natural"),o.addEventToQueue(ue,{speed:e}),o},this.changeDeleteSpeed=function(e){if(!e)throw new Error("Must provide new delete speed");return o.addEventToQueue(he,{speed:e}),o},this.changeDelay=function(e){if(!e)throw new Error("Must provide new delay");return o.addEventToQueue(ge,{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(se);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(le,{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(se)})),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,r){void 0===i&&(i=!1);var a={eventName:e,eventArgs:t||{}};return o.state[r]=i?n([a],o.state[r],!0):n(n([],o.state[r],!0),[a],!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 r=n([],o.state.eventQueue,!0),a=r.shift();if(!(i<=(a.eventName===de||a.eventName===se?"natural"===o.options.deleteSpeed?fe(40,80):o.options.deleteSpeed:"natural"===o.options.delay?fe(120,160):o.options.delay))){var c=a.eventName,l=a.eventArgs;switch(c){case me:case le: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:Ce,character:s,node:d}],!1);break;case se:r.unshift({eventName:de,eventArgs:{removingCharacterNode:!0}});break;case pe:var p=a.eventArgs.ms;o.state.pauseUntil=Date.now()+parseInt(p);break;case ue:var h=o.state.visibleNodes,g=l.speed,m=[];g&&m.push({eventName:he,eventArgs:{speed:g,temp:!0}});for(var f=0,C=h.length;f<C;f++)m.push({eventName:de,eventArgs:{removingCharacterNode:!1}});g&&m.push({eventName:he,eventArgs:{speed:o.options.deleteSpeed,temp:!0}}),r.unshift.apply(r,m);break;case de: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 he:o.options.deleteSpeed=a.eventArgs.speed;break;case ge:o.options.delay=a.eventArgs.delay}o.options.loop&&(a.eventName===de||a.eventArgs&&a.eventArgs.temp||(o.state.calledEvents=n(n([],o.state.calledEvents,!0),[a],!1))),o.state.eventQueue=r,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(ue,null,!0),!0===this.options.autoStart&&this.options.strings&&this.typeOutAllStrings().start()},e}();function xe(e){var n=e.inputRef,t=e.wrapperRef,o=e.disabled,i=w(),r=i.t,c=i.locale,l=a((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"),R(e).map((function(e){return r(e)}))}),[r,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 ve({strings:l,autoStart:!0,loop:!0,delay:32,deleteSpeed:32,pauseFor:1500,onCreateTextNode:u,onRemoveNode:d}))}}),[n,t])}var ye,we=k.div(ye||(ye=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 be(e){var n=e.focused,o=e.value,i=void 0===o?"":o,c=e.onClick,l=e.trackingAttributes,s=e.inputSearchPlaceholder,d=w().t,p=u(null);xe({wrapperRef:p,disabled:!!s});var h=a((function(){return l?{"data-event-category":l.dataEventCategory,"data-event-action":l.dataEventAction,"data-event-label":l.dataEventLabel}:{}}),[l]);return r.createElement(we,t({onClick:function(){return c&&c()},ref:p},h),r.createElement(q,{inputClassName:"location"===n?"focused":void 0,name:"booking-search-placeholder",displayIcon:r.createElement($,{color:f.colors.gray400}),placeholder:d("booking.searchBar.searchInput.placeholder"),value:i,size:"md"}))}var Ee,Le,ke,Se,Me,Ie,Re=k.header(Ee||(Ee=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"]))),Pe=k.div(Le||(Le=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(ke||(ke=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"]))),ze=k.div(Se||(Se=e(["\n  width: 100%;\n  margin-left: 24px;\n"],["\n  width: 100%;\n  margin-left: 24px;\n"]))),Ae=k(E)(Me||(Me=e(["\n  color: ",";\n  text-align: start;\n"],["\n  color: ",";\n  text-align: start;\n"])),f.colors.secondaryDark),Te=function(e){var n=e.className,t=e.onLeftClick,o=e.headingText,i=e.onRightClick,a=e.iconLeft,c=e.textRight;return r.createElement(Re,{className:n},r.createElement(Fe,{onClick:t},a||r.createElement(Y,{color:f.colors.gray800})),r.createElement(ze,null,r.createElement(Ae,{size:"md",type:"bold"},o)),r.createElement(Pe,{onClick:i},c&&r.createElement("p",null,c)))},Ne={"en-PH":3,"tl-PH":2,"id-ID":3,"vi-VN":2,"zh-TW":0},Be={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 Ie.NavigateTo:return t(t({},e),{navigateTo:n.payload,focused:"none",isMobileModalOpened:!1});case Ie.ClickOutsideInputLocation:return e.isMobile||"location"!==e.focused?e:He(t(t({},e),{focused:"none"}));case Ie.ClickOutsideInputSearch:return e.isMobile||"search"!==e.focused?e:t(t({},e),{focused:"none"});case Ie.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 Ie.FocusInputSearch:var r=t(t({},e),{focused:"search"});return e.isMobile?He(r):r;case Ie.ChangeInputLocation:return t(t({},e),{searchLocationKeywords:n.payload});case Ie.ChangeInputSearch:var a=n.payload;return t(t({},e),{searchKeywords:a,isLoadingSearchResults:a.trim().length>Ne[e.locale]});case Ie.SelectCurrentLocation:return t(t({},e),{focused:"none",selectedLocation:n.payload,searchLocationKeywords:n.payload.name});case Ie.ClearInputLocation:return t(t({},e),{focused:"location",cities:e.initialCities,searchLocationKeywords:""});case Ie.ClearInputSearch:return t(t({},e),{focused:"search",searchKeywords:""});case Ie.SelectLocation:return t(t({},e),{focused:"none",selectedLocation:n.payload,searchLocationKeywords:n.payload.name});case Ie.SelectSearchResult:return t(t({},e),{searchKeywords:n.payload.name,isMobileModalOpened:!1,focused:"none",navigateTo:n.payload.url});case Ie.FetchCitiesStart:return t(t({},e),{isLoadingCities:!0});case Ie.FetchCitiesFinish:return t(t({},e),{isLoadingCities:!1});case Ie.FetchSearchResultsStart:return t(t({},e),{isLoadingSearchResults:!0});case Ie.FetchSearchResultsFinish:return t(t({},e),{isLoadingSearchResults:!1});case Ie.FetchSearchResultsComplete:var c=t(t({},e),{searchResults:n.payload});return 0===e.initialSearchResults.length&&(c.initialSearchResults=n.payload),c;case Ie.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 Ie.FetchCitiesByKeywordComplete:return t(t({},e),{cities:n.payload});case Ie.DisplayInitialCities:return t(t({},e),{cities:e.initialCities});case Ie.DisplayInitialSearchResults:return t(t({},e),{searchResults:e.initialSearchResults,isLoadingSearchResults:!1});case Ie.GrantGeoLocationPermission:return t(t({},e),{geoLocationPermission:"granted",geoLocationCoordinates:n.payload});case Ie.DenyGeoLocationPermission:return t(t({},e),{geoLocationPermission:"denied",geoLocationCoordinates:null});case Ie.OpenMobileModal:return t(t({},e),{isMobileModalOpened:!0});case Ie.CloseMobileModal:return t(t({},e),{isMobileModalOpened:!1});case Ie.UpdateInitialSearchValue:return t(t({},e),{searchKeywords:n.payload});case Ie.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"}(Ie||(Ie={}));var De,Oe,Ke,Ze,_e,je,Ge,Ue=function(){return r.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},r.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(De||(De=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: 44px;\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: 44px;\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}),y.mbDown,(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryActive})),qe=k(E)(Oe||(Oe=e(["\n  font-weight: ",";\n"],["\n  font-weight: ",";\n"])),(function(e){return e.theme.sizes.fwSemiBold})),We=function(e){var n=e.onClick,t=(0,w().t)("booking.searchBar.searchButton");return r.createElement(Qe,{onClick:n,title:t},r.createElement(Ue,null),r.createElement(qe,{size:"s3",color:"white"},t))},Ye=k.div(Ke||(Ke=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"])),y.mbDown,f.colors.blue50),Je=k.div(Ze||(Ze=e(["\n  position: relative;\n"],["\n  position: relative;\n"]))),Xe=k(Je)(_e||(_e=e(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),$e=k(Je)(je||(je=e(["\n  flex: 2;\n"],["\n  flex: 2;\n"]))),en=k((function(e){var n=e.className,t=e.color;return r.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("rect",{x:"4",y:"4",width:"16",height:"16",rx:"8",fill:"white"}),r.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.locationTrackingAttributes,C=e.trackingAttributes,v=e.onSearch,x=e.initalSearchValue,y=u(null),b=u(null),E=t.focused,L=t.searchLocationKeywords,k=t.geoLocationPermission,S=t.selectedLocation,M=t.searchKeywords,I=t.inputSearchPlaceholder,R=w().t;xe({wrapperRef:b,disabled:!!I}),P(y,(function(){o({type:Ie.ClickOutsideInputLocation})})),P(b,(function(){o({type:Ie.ClickOutsideInputSearch})}));var F=a((function(){return"granted"===k&&(null==S?void 0:S.id)===p?f.colors.primaryBase:f.colors.gray400}),[k,S]),z=l((function(e){o({type:Ie.ChangeInputSearch,payload:e}),"function"!=typeof v&&(e.trim().length>Ne[t.locale]||x?c(e.trim(),t):(c.cancel(),o({type:Ie.DisplayInitialSearchResults})))}),[o,t]),A=l((function(e){o({type:Ie.ChangeInputLocation,payload:e}),e.trim().length>Ne[t.locale]?i(e.trim()):(i.cancel(),o({type:Ie.DisplayInitialCities}))}),[i,o]);return r.createElement(Ye,null,r.createElement(Xe,{ref:y},r.createElement(q,{inputClassName:"location"===E?"focused":void 0,placeholder:R("booking.searchBar.locationPlaceholder"),autoComplete:"off",name:"search-location",displayIcon:r.createElement(J,{className:"location-pin-icon",color:F}),actionIcon:r.createElement(en,{color:f.colors.gray300,className:""!==L?"shown":""}),onActionClick:function(){o({type:Ie.ClearInputLocation}),i.cancel(),s()},value:L,onChange:A,onFocus:function(){return o({type:Ie.FocusInputLocation})},size:"md",trackingAttributes:m}),!n&&h()),r.createElement($e,{ref:b},r.createElement(q,{placeholder:I||R("booking.searchBar.searchInput.placeholder"),autoComplete:"off",name:"search-results",actionIcon:r.createElement(en,{color:f.colors.gray300,className:""!==M?"shown":""}),onActionClick:function(){o({type:Ie.ClearInputSearch}),c.cancel(),c("",t),d()},value:M,onChange:z,onFocus:function(){return o({type:Ie.FocusInputSearch})},inputClassName:"search"===E?"focused":void 0,size:"md",trackingAttributes:C,onKeyPress:function(e){t.autoCompleteDisabled&&"Enter"===e.key&&v&&v({cityId:t.selectedLocation.id,keyword:M})},enterKeyHint:t.autoCompleteDisabled?"search":void 0}),!n&&g()),t.autoCompleteDisabled&&!t.isMobile&&r.createElement(We,{onClick:function(){v({cityId:t.selectedLocation.id,keyword:M})}}))}var tn,on,rn,an,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)(rn||(rn=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"])),y.tdUp),yn=k.figure(an||(an=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 r.createElement("svg",{width:n||32,height:t||32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("g",{clipPath:"url(#clip0_14712_400114)"},r.createElement("rect",{width:"32",height:"32",rx:"16",fill:"#E4E8EC"}),r.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"})),r.createElement("defs",null,r.createElement("clipPath",{id:"clip0_14712_400114"},r.createElement("rect",{width:"32",height:"32",rx:"16",fill:"white"}))))},services:function(e){var n=e.width,t=e.height;return r.createElement("svg",{width:n||30,height:t||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}),r.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=a((function(){var e=En[n]||ee;return r.createElement(e,{width:32,height:"services"===n?32:24})}),[n]);return r.createElement(Cn,{onClick:function(){return i&&i(t)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||i&&i(t)},tabIndex:0,role:"button"},r.createElement(yn,null,"hospitals"===n?r.createElement(wn,{width:"12",height:"16",viewBox:"0 0 12 16"},r.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"})):r.createElement(vn,{type:n},o?r.createElement("img",{src:o,width:32,height:"services"===n?32:24}):c)),r.createElement(xn,{color:f.colors.gray800,size:"p3"},t.name))},kn=function(){return r.createElement("svg",{width:"14",height:"18",viewBox:"0 0 14 18"},r.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"}))},Sn=function(){return r.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},r.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 r.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17"},r.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 r.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},r.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),Pn=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"]))),Fn=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"])),y.tdUp),Tn=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"])),y.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    "}),y.tdUp),Nn=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"]))),Bn=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=w(),x=v.t,y=v.locale,b=o.selectedLocation,L=o.searchKeywords,k=a((function(){return h[y]}),[y]),S=a((function(){return{doctors:{name:x("booking.searchPopup.doctors"),icon:r.createElement(kn,null),slug:k.DOCTOR},services:{name:x("booking.searchPopup.services"),icon:r.createElement(Sn,null),slug:k.SERVICE},hospitals:{name:x("booking.searchPopup.hospitals"),icon:r.createElement(Mn,null),slug:k.HOSPITAL},specialties:{name:x("booking.searchPopup.specialties"),icon:r.createElement(In,null),slug:k.SPECIALTIES}}}),[n,k]),I=a((function(){return S[n].slug}),[S]),R=u?l:s;function P(e){var t="";switch(n){case"specialties":t="/".concat(b.slug,"/").concat(S.doctors.slug,"/").concat(e.slug);break;case"services":t="/".concat(b.slug,"/").concat(I,"/").concat(e.slug);break;case"doctors":case"hospitals":t="/".concat(I,"/").concat(e.slug,"-").concat(e.id)}t&&i({type:Ie.SelectSearchResult,payload:{name:e.name,url:t}})}function F(e){return r.createElement(Ln,{key:e.id,item:e,type:n,imageUrl:e.logo||e.avatar||e.thumbnail,onClickItem:P})}return r.createElement("section",null,r.createElement(Rn,null,r.createElement(Pn,null,S[n].icon,r.createElement(Fn,null,S[n].name)),p.trim().length<=Ne[y]&&r.createElement(zn,{onClick:function(){var e="";switch(n){case"specialties":e="/".concat(I);break;case"services":case"doctors":case"hospitals":e="/".concat(b.slug,"/").concat(I)}e&&i({type:Ie.NavigateTo,payload:e})}},r.createElement(E,{size:"p3",color:f.colors.primaryBase},x("booking.searchPopup.seeAll")))),(d||t&&t.length>0)&&r.createElement(An,null,r.createElement(Tn,null,d&&Array(2).fill(void 0).map((function(e,t){return r.createElement(Cn,{key:n+"loading"+t},r.createElement(yn,null,r.createElement(bn,null,r.createElement(M,{height:14,width:"hospitals"===n?12:32,style:{maxWidth:"var(--graphicSize)",minHeight:"var(--graphicSize)"}}))),r.createElement(M,{width:120,height:24}))})),!d&&t&&t.length>0&&t.slice(0,R).map(F)),r.createElement(Tn,{isShown:m,isMore:!0},t.slice(R,-1).map(F)),"specialties"===n&&R<t.length&&!d&&r.createElement("button",{onClick:function(){return C(!m)}},r.createElement(Nn,{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]&&r.createElement("button",{onClick:function(){var e=S[n].slug,t="/".concat(b.slug,"/").concat(e,"?q=").concat(L);i({type:Ie.NavigateTo,payload:t})}},r.createElement(Nn,{size:"p3",color:f.colors.primaryBase},x("booking.searchPopup.searchIn.".concat(n),{name:p})))),!d&&0===(null==t?void 0:t.length)&&r.createElement(An,null,r.createElement(E,{size:"sm",color:f.colors.gray400},x("booking.searchBar.noResults"))))},Hn=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"])),y.tdUp),Vn=function(e){var n=e.data,t=e.state,o=e.dispatch,i=e.isMobile,a=e.isLoading,c=e.keyword;return r.createElement(Hn,null,n&&n.map((function(e){return r.createElement(Bn,{type:e.type,state:t,dispatch:o,itemsToShow:2,itemsToShowDesktop:4,key:e.type,data:e.results,isMobile:i,isLoading:a,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 F(e,t(t({},n),{domain:g[o||"en-PH"]}))};var _n,jn=function(e){var n=e.isMobile,g=e.careApiDomain,f=e.geoLocationPermission,y=e.geoLocationCoordinates,E=e.initialSelectedCity,L=e.initialSearchValue,k=void 0===L?"":L,S=e.careFrontDomain,M=void 0===S?"/care":S,I=e.isDebug,R=void 0!==I&&I,P=e.askForGeolocationPermission,F=void 0!==P&&P,z=e.gaTrackingSearchBar,A=e.gaTrackingLocationSearch,T=e.autoCompleteDisabled,N=void 0!==T&&T,B=e.inputSearchPlaceholder,H=void 0===B?"":B,V=e.routerPush,D=e.onGeoLocationPermissionChange,O=e.onSearch,K=e.onChangeLocation,Z=w(),_=Z.t,q=Z.locale,Y=u(null),J=u(null),X=c(void 0),$=X[0],ee=X[1],ne=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],r=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),r(n),t("granted")}),(function(){x(m),t("denied")}))}),[]);return a((function(){return{geoLocationPermission:n,geoLocationCoordinates:i,requestGeoLocation:s}}),[n,i])}(),te=ne.geoLocationPermission,oe=ne.geoLocationCoordinates,ie=ne.requestGeoLocation,re=d(Ve,Be,(function(e){return t(t({},e),{isDebug:R,isMobile:n,geoLocationPermission:f||te||"unset",geoLocationCoordinates:y||oe||null,searchKeywords:k,initialSelectedCity:E||null,selectedLocation:E||e.selectedLocation||null,searchLocationKeywords:(null==E?void 0:E.name)||e.searchLocationKeywords,autoCompleteDisabled:N,inputSearchPlaceholder:H,locale:q})})),ae=re[0],le=re[1],se=ae.navigateTo,ue=ae.focused,de=ae.isLoadingCities,pe=ae.cities,he=ae.searchKeywords,ge=ae.geoLocationPermission,me=ae.selectedLocation,fe=ae.initialSelectedCity,Ce=ae.defaultCity,ve=ae.searchResults,xe=ae.isLoadingSearchResults,ye=ae.isMobileModalOpened,we=ae.inputSearchPlaceholder,Ee=function(e){var n=e.dispatch,o=e.careApiDomain,i=e.locale,r=void 0===i?"vi-VN":i,a=l((function(e,t){void 0===t&&(t={});var i="".concat(o).concat(e);return n({type:Ie.FetchCitiesStart}),fetch(Zn(i,t,r),{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:Ie.FetchCitiesFinish})}))}),[r]),c=l((function(e){var o=e.coordinates,i={};o&&(i={lat:o.lat,lng:o.lng});var c=[a(Kn,i)];return"zh-TW"===r&&c.push(a(Dn,{noPaging:1})),Promise.all(c).then((function(e){var o=e[0],i=e[1],r=t({},o);if(i){var a=r.cities.map((function(e){return e.id}));r.cities=r.cities.concat(i.cities.filter((function(e){return!a.includes(e.id)})))}n({type:Ie.FetchCitiesByGeoIpComplete,payload:r})})).catch((function(e){return console.error("error loading cities by location",e)}))}),[r,o,n]);return{fetchCitiesByLocation:c,fetchCitiesByKeyword:l((function(e){return a(Dn,{keyword:e}).then((function(e){n({type:Ie.FetchCitiesByKeywordComplete,payload:e.cities})})).catch((function(e){return console.error("error loading cities by keyword",e)}))}),[r,o,n]),fetchSearchResults:l((function(e,t){var i="".concat(o).concat(On);n({type:Ie.FetchSearchResultsStart});var a=t.defaultCity,c=t.selectedLocation,l=t.geoLocationCoordinates,s="";if(c&&a){c.id===p?l||(s=a.id):s=c.id;var u=(null==l?void 0:l.lat)||"",d=(null==l?void 0:l.lng)||"";return fetch(Zn(i,{domain:o,searchType:"global",keyword:e.trim().length>Ne[r]?e.trim():"",city:s===p?"":s,lat:u,lng:d},r),{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:Ie.FetchSearchResultsComplete,payload:e})})).catch((function(e){console.log("error loading search results",{url:i,error:e})})).finally((function(){return n({type:Ie.FetchSearchResultsFinish})}))}n({type:Ie.FetchSearchResultsFinish})}),[r,o,n])}}({dispatch:le,locale:q,careApiDomain:g}),Le=Ee.fetchCitiesByLocation,ke=Ee.fetchCitiesByKeyword,Se=Ee.fetchSearchResults,Me=a((function(){var e;return{id:p,name:_("booking.searchBar.currentLocation"),slug:null===(e=h[q])||void 0===e?void 0:e.CURRENT}}),[_,q]),Re=a((function(){return b(ke,400)}),[ke]),Pe=a((function(){return b(Se,400)}),[Se]);s((function(){""!==k&&k!==ae.searchKeywords&&le({type:Ie.UpdateInitialSearchValue,payload:k})}),[k]),s((function(){F&&(null==me?void 0:me.id)===p&&"unset"===ge&&ie()}),[F,me,ge]),s((function(){f||ge===te||("granted"===te&&oe?le({type:Ie.GrantGeoLocationPermission,payload:oe}):"denied"===te&&le({type:Ie.DenyGeoLocationPermission}))}),[ge,te,oe,f]),s((function(){se&&(V?V(se):window.location.href="".concat(M).concat(se))}),[se]);var Fe=l((function(){le({type:Ie.SelectCurrentLocation,payload:Me})}),[_,le]);s((function(){"denied"===ge||fe||Fe(),D&&D(ge,ae.geoLocationCoordinates),n&&"granted"===ge&&me&&le({type:Ie.FocusInputSearch}),Le({coordinates:ae.geoLocationCoordinates})}),[ge]),s((function(){me&&Ce&&Se(ae.searchKeywords,ae)}),[me,Ce]),s((function(){H!==we&&le({type:Ie.SetInputSearchPlaceholder,payload:H})}),[H,we]),s((function(){ye?document.body.classList.add("care-popup-open"):document.body.classList.remove("care-popup-open")}),[ye]);var ze=l((function(e){le({type:Ie.SelectLocation,payload:e}),De(),K&&K(e)}),[_,le]);function Ae(){n&&"granted"!==ae.geoLocationPermission?ie():(Fe(),De())}function He(){var e;Y.current&&(null===(e=Y.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus())}function De(){var e;Y.current&&(null===(e=Y.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}function Oe(){le({type:Ie.CloseMobileModal})}function Ke(){return"location"!==ue?null:r.createElement(ce,{isLoading:de,cities:pe,onLocationClick:ze,onCurrentLocationClick:Ae,isLocationLoading:de,geoLocationPermission:ge,selectedLocation:me})}function Ze(){return"search"!==ue?null:ae.autoCompleteDisabled?n?r.createElement(We,{onClick:function(){O({cityId:ae.selectedLocation.id,keyword:he}),Oe()}}):null:r.createElement(Vn,{data:ve,state:ae,dispatch:le,isMobile:!1,keyword:he,isLoading:xe})}function _e(){return r.createElement(nn,{isMobile:n,state:ae,dispatch:le,debouncedFetchCitiesByKeyword:Re,debouncedFetchSearchResults:Pe,focusLocationInput:He,focusSearchInput:De,renderLocationResults:Ke,renderSearchResults:Ze,trackingAttributes:z,locationTrackingAttributes:A,onSearch:O,initalSearchValue:k})}return s((function(){if(window.visualViewport){var e=function(e){var n=e.target;ee(null==n?void 0:n.height)};return window.visualViewport.addEventListener("resize",e),function(){window.visualViewport.removeEventListener("resize",e)}}}),[ee]),n?r.createElement(r.Fragment,null,r.createElement(W,null),r.createElement(Q,{ref:J}),r.createElement(G,{id:"booking-search-bar",ref:Y,"data-is-modal":n&&ye,style:{"--mobile-care-searchbar-height":ye&&$?"".concat($,"px"):"100%"}},ye?r.createElement(r.Fragment,null,r.createElement(U,null,r.createElement(Te,{headingText:_("booking.searchBar.searchButton"),onLeftClick:Oe}),_e()),Ke(),Ze()):r.createElement(be,{onClick:function(){var e;return o(this,void 0,void 0,(function(){return i(this,(function(n){switch(n.label){case 0:return J.current&&J.current.focus(),le({type:Ie.OpenMobileModal}),[4,Promise.resolve()];case 1:return n.sent(),Y.current&&(null===(e=Y.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus()),[2]}}))}))},focused:ue,value:he,trackingAttributes:z,inputSearchPlaceholder:H}))):r.createElement(j,{id:"booking-search-bar",ref:Y},_e())};!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 Gn=Object.freeze({__proto__:null,get RedirectType(){return _n}});export{jn as B,Gn as t};

package/build/esm/types-992cf1cf.js

@@ -1 +0,0 @@
-import{_ as e,a as t,b as n,c as i}from"./tslib.es6-6ae0d506.js";import o,{useContext as a,useState as r,useRef as l,useEffect as s,useMemo as c,useCallback as u}from"react";import{H as d,B as m}from"./index-95804243.js";import{T as p}from"./index.styled-a50d332d.js";import{a as v,D as g}from"./index-81d121ec.js";import{u as h,t as f,k as w}from"./useTranslations-d2f104c4.js";import k from"innertext";import{t as C,d as y}from"./theme-0e20eeec.js";import{m as E,z as b,B as N,E as I,F as T,H as x,I as M,b as _,J as P,M as L,K as S,N as j,O as B,Q as F,R,V as D,L as O,W as A,X as z,Y as V,Z as U,_ as H,$ as W,a0 as Z,y as G,a1 as K,j as Q,a2 as X,a3 as J,U as Y,a4 as $,a5 as q,a6 as ee,u as te,g as ne,a7 as ie,a8 as oe,a9 as ae,aa as re,ab as le,ac as se,ad as ce,ae as ue,af as de,ag as me,ah as pe,ai as ve,aj as ge,a as he,ak as fe,f as we,C as ke,al as Ce,am as ye,an as Ee,S as be,ao as Ne,o as Ie,ap as Te,aq as xe,ar as Me}from"./index.styled-d70f836f.js";import"react-range";import*as _e from"react-dom";import{I as Pe}from"./index-d08172df.js";import Le from"lodash/debounce";import Se from"react-contenteditable";import{l as je}from"./lazyLoad-59e8ff6d.js";import"date-fns";import"styled-components";var Be=function(i){var c=i.title,u=i.url,m=i.image,v=i.logo,g=i.className,h=i.style,f=i.noRefetch,w=a(E).data,k=w.locale,C=w.env.isMarryBaby,y=r(!1),M=y[0],_=y[1],P=l(f);P.current=f;var L=r(null),S=L[0],j=L[1];s((function(){e(void 0,void 0,void 0,(function(){return t(this,(function(e){return P.current?[2]:u?(j((function(e){return n(n({},e),{isFetching:!0})})),I(T(x.FETCH_PREVIEW,{_locale:k}),"POST",{data:{link:u}}).then((function(e){var t,n,i;_(!1),j({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(){j(null)})),[2]):[2,j(null)]}))}))}),[u]);var B=(null==S?void 0:S.image)||m,F=(null==S?void 0:S.title)||c,R=(null==S?void 0:S.logo)||v,D=(null==S?void 0:S.url)||u,O=D.replace("http://","").replace("https://","").split(/[/?#]/)[0],A=l(!1);return o.createElement(b,{"data-is-marrybaby":C,className:"".concat(g," no-replace-click"),style:h},o.createElement("a",{href:D,target:"_blank",rel:"noreferrer"},B&&o.createElement("div",{className:"link-image-wrapper"},!C&&o.createElement("img",{className:"link-image-blur",src:B,onError:function(e){A.current||(A.current=!0,e.currentTarget.src=N)}}),o.createElement("img",{className:"link-image",src:B,onError:function(e){A.current||(A.current=!0,e.currentTarget.src=N)}})),o.createElement("div",{className:"link-info-container"},o.createElement(p,{size:"n1"},C&&R&&!M&&o.createElement("img",{className:"link-logo",src:R,onError:function(e){return _(!0)}}),O),o.createElement(d,{tag:"h6"},F))))},Fe=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,d=c.mouseDownHandler,m=c.sliderRef,v=a(E),g=v.data.env.togetherBasePath,h=v.action.sanitizeFunction;return o.createElement(M,{ref:m,onClick:n,onMouseDown:function(e){return d(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(p,{size:"p3"},o.createElement("span",{dangerouslySetInnerHTML:{__html:(null==h?void 0:h(e.name))||e.name}})))})))},Re=function(e){var t=e.onClick;e.color;var n=e.className,i=e.style,r=a(E).data.env.isMarryBaby,l=h().t;return o.createElement(_,{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})},De=function(e){return{message:e("notification.failure"),type:"danger"}},Oe="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",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,P(T(x.POST.LIKE,{id:i,_locale:o}),"GET")]:[2];case 1:return[2,e.sent()]}}))}))},ze=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,P(T(x.POST.DELETE,{id:i,_locale:o}),"DELETE")]:[2];case 1:return[2,e.sent()]}}))}))},Ve=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=S(o),h=S(i),f=j(n),e.append("title",h),e.append("description",B(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(F(e,c))}),2e3*t)}))})))]:[3,2];case 1:return null==(w=t.sent())||w.filter(Boolean).slice(0,L).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]}}))}))},Ue=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,P(T(a?x.POST.CREATE_ARTICLE_COMMENT:x.POST.CREATE,{_locale:i}),"POST",{data:o,headers:{"Content-Type":"multipart/form-data"}})];case 1:return[2,e.sent()]}}))}))},He=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,P(T(x.POST.UPDATE,{id:i,_locale:o}),"POST",{data:a})];case 1:return[2,e.sent()]}}))}))},We=function(e){var t=e.id,n=e.reason,i=e.locale,o=new FormData;return o.append("reason",n),P(T(x.POST.REPORT,{_locale:i,id:t}),"POST",{data:o})},Ze=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}},Ge="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",Ke=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,v=e.onImageFilesChange,g=e.imageFiles,f=e.isReplying,w=h().t,y=r(null),E=y[0],b=y[1],N=l(null),I=Ze(g,v),T=I.onSelectImages,x=I.onRemoveImage,M=I.imageSrcs;return s((function(){d&&((null==E?void 0:E.url)?d({title:E.title||"",url:E.url||"",image:E.image||"",description:E.description||""}):d(null))}),[E]),o.createElement(R,{className:t,style:n},o.createElement(p,{size:"p4",className:"description-label"},w("createPost.popup.description")),o.createElement("div",{className:"textarea-control"},o.createElement("div",{className:"textarea-wrapper"},o.createElement(D,{html:c||"",onChange:u,bannedWords:a,onImagePickerClick:function(){var e;return null===(e=N.current)||void 0===e?void 0:e.click()},onPreviewUrlChange:b,onInvalidUrlsChange:m,isReplying:f}))),o.createElement(p,{size:"p4",className:"count-string"},w("character"),": ",k(c||"").length),(!M||0===M.length)&&E&&o.createElement("div",{className:"link-preview-wrapper"},E.isFetching?o.createElement(O,null):o.createElement(o.Fragment,null,o.createElement(Be,{title:E.title,url:E.url||"#",image:E.image,noRefetch:!0}),o.createElement("img",{src:Ge,className:"icon-close",onClick:function(){return b(null)}}))),o.createElement("input",{ref:N,type:"file",accept:"image/png, image/gif, image/jpeg",multiple:!0,style:{display:"none"},onChange:T}),M.length>L?o.createElement("div",{className:"input-notification"},o.createElement("img",{src:Oe}),o.createElement(p,{size:"p4",color:C.colors.alertWarning},w("createPost.popup.warningImage"))):null,M.length>0&&o.createElement("div",{className:"image-gallery"},M.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:Ge,onClick:function(){return x(t)}}))}))))},Qe=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 A(a,o)},Xe=function(e){var t,n=e.className,i=e.style,a=e.bannedWords,c=void 0===a?[]:a,d=e.value,m=e.onChange,v=h().t,g=r(""),f=g[0],w=g[1],k=l(null);s((function(){if(k.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=k.current;return t.addEventListener("paste",e),function(){return t.removeEventListener("paste",e)}}}),[k]);var C=(null==c?void 0:c.join(","))||"";s((function(){var e;if(C){var t=null===(e=k.current)||void 0===e?void 0:e.innerText;if(t){var n=A(t,c);n!==t&&(m&&m(n),w(n))}}}),[C]);var y=u(Le((function(e){if(k.current){var t=Qe(k.current.innerText,{limit:120,bannedWords:c});m&&m(t),w(t)}}),300),[]);return s((function(){setTimeout((function(){var e;null===(e=k.current)||void 0===e||e.focus()}),500)}),[]),o.createElement(z,{className:n,style:i},o.createElement(Pe,{name:"title",value:d||f,size:"md",label:v("createPost.title"),CustomInput:o.createElement(Se,{innerRef:k,html:d||f,onChange:function(e){if(k.current&&k.current.innerText!==(d||f)){var t=Qe(k.current.innerText,{bannedWords:c});m&&m(t),w(t),y(k.current.innerText)}},className:"title-input"})}),o.createElement(p,{size:"p4",className:"count-string"},v("createPost.popup.wordCount",{count:(null===(t=k.current)||void 0===t?void 0:t.innerText.length)||0,max:120})))},Je=function(n){var u=n.className,d=n.style,m=n.topics,p=n.communityId,v=n.onChange,g=n.isLoading,h=n.disabled,f=n.forceTopics,w=n.selectedTopics,k=n.noFetch,C=a(E).data,y=C.locale,b=C.env.isMarryBaby,N=r(m?i([],m,!0):[]),M=N[0],_=N[1],P=r(w?i([],w,!0):[]),L=P[0],S=P[1],j=r(!1),B=j[0],F=j[1],R=l(m);R.current=m,s((function(){var n;!p||k||(null===(n=R.current)||void 0===n?void 0:n.length)||(_([]),F(!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,I(T(x.TOPIC.LIST,{communityId:p,_locale:y}),"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)&&_((function(){return(null==n?void 0:n.map(U).sort((function(e,t){return(e.order||0)-(t.order||0)})))||[]})),[3,3];case 2:return i=t.sent(),console.log(i),F(!1),[3,3];case 3:return F(!1),[2]}}))})))}),[p,k]);var D=null==m?void 0:m.map((function(e){return e.id})).join("-"),A=null==M?void 0:M.map((function(e){return e.id})).join("-"),z=null==f?void 0:f.map((function(e){return e.id})).join("-");s((function(){m&&void 0!==D&&D!==A&&_(m)}),[m,D,A]);var H=c((function(){return M.filter((function(e){return!(null==f?void 0:f.some((function(t){return t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId})))}))}),[A,z]);return o.createElement(V,{"data-is-marrybaby":b,className:u,style:d},f.map((function(e){return o.createElement(Ye,{key:"".concat(e.id,"-").concat(e.mappedCategoryId),topic:e,disabled:!0,selected:!0})})),H.map((function(e){return o.createElement(Ye,{key:"".concat(e.id,"-").concat(e.mappedCategoryId),topic:e,disabled:h,selected:(w||L).some((function(t){return t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId})),onClick:function(){var t=w||L,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),v&&w?v(t.slice()):(v&&v(t.slice()),S(t.slice()))}})})),(g||B)&&o.createElement(O,{className:"topic-spinner"}))},Ye=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)},$e=function(n){var l=n.className,c=n.style,u=n.onPostCreatedEdited,d=n.onClose,g=n.communities,f=void 0===g?[]:g,w=n.forceSelectCommunity,y=n.forceSelectTopics,b=n.articleId,N=n.optionalTopic,I=n.editPostData,T=n.defaultCommunity,x=n.defaultTopics,M=n.noFetchTopic,_=n.hideTopicList,P=!!(null==I?void 0:I.id),S=a(E),j=S.data,B=j.locale,F=j.env.isMarryBaby,R=S.action,D=R.pushNotifications,O=R.sanitizeFunction,A=h().t,z=r(!1),V=z[0],U=z[1],K=r(""),Q=K[0],X=K[1],J=r(""),Y=J[0],$=J[1],q=r(w?{label:w.name,value:"".concat(w.id||"","-").concat(w.mappedCategoryId||"")}:{label:A("community.choose"),value:""}),ee=q[0],te=q[1],ne=r(i([],y,!0)||[]),ie=ne[0],oe=ne[1],ae=r([]),re=ae[0],le=ae[1],se=r([]),ce=se[0],ue=se[1],de=w||f.find((function(e){return"".concat(e.id||"","-").concat(e.mappedCategoryId||"")===ee.value})),me=w?[w]:f.filter((function(e){return e.isActive})).sort((function(e,t){return e.name>t.name?1:e.name<t.name?-1:0})),pe=r(null),ve=pe[0],ge=pe[1],he=r([]),fe=he[0],we=he[1],ke=Q&&k(Y)&&(N||!N&&ie.length>0)&&de&&(!re||re.length<=L)&&!(null==fe?void 0:fe.length)&&!V;s((function(){if(I){var e=I;X(e.title||""),$(H(W(e.description||"","edit"),e.mentions)),te({label:e.community.name,value:"".concat(e.community.id||"","-").concat(e.community.mappedCategoryId||"")}),oe(e.topics||[]),le(e.photos||[])}else T&&te({label:T.name,value:"".concat(T.id||"","-").concat(T.mappedCategoryId||"")}),x&&oe(x)}),[]);var Ce=function(){return e(void 0,void 0,void 0,(function(){var e,n,i,o,a,r,l,s,c,m,p,v;return t(this,(function(t){switch(t.label){case 0:return[4,Ve({title:Q,description:Y,communityId:String((null==de?void 0:de.id)||""),imageFiles:re,previewUrl:ve,topicIds:null==ie?void 0:ie.map((function(e){return String(e.id||"")})).filter(Boolean),locale:B,sanitizeFunction:O,categoryCommunityId:String((null==de?void 0:de.mappedCategoryId)||""),categoryTopicIds:null==ie?void 0:ie.map((function(e){return String(e.mappedCategoryId||"")})).filter(Boolean)})];case 1:return e=t.sent(),b&&e.append("article_id",b),P?(null==I?void 0:I.id)?[4,He({id:I.id,formData:e,locale:B})]:[3,3]:[3,4];case 2:n=t.sent(),t.label=3;case 3:return[3,6];case 4:return[4,Ue({formData:e,locale:B,isArticleComment:!(null==de?void 0:de.id)&&!!(null==de?void 0:de.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)?(D({message:A("createPost.popup.success"),type:"success"}),function(e){u&&u(G(e),P),d&&d()}(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)?(D({title:A("notification.post.blocked.title"),message:A("notification.post.blocked.message"),type:"danger"}),n.messages.moderation.words&&ue(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)?(D({title:A("notification.post.suspect.title"),message:A("notification.post.suspect.message"),type:"warning"}),d&&d()):(null===(p=null===(m=null==n?void 0:n.messages)||void 0===m?void 0:m.find)||void 0===p?void 0:p.call(m,(function(e){var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(D({message:A("notification.suspend.message"),type:"danger"}),d&&d()):D({message:(null===(v=null==n?void 0:n.messages)||void 0===v?void 0:v[0])||A("notification.failure"),type:"danger"}),[2]}}))}))};return o.createElement(Z,{className:l,style:c},o.createElement("div",{className:"input-group-container"},o.createElement(Xe,{className:"input-group",bannedWords:ce,value:Q,onChange:X}),o.createElement(Ke,{className:"input-group",bannedWords:ce,value:Y,onChange:$,onPreviewUrlChange:ge,onInvalidUrlsChange:we,onImageFilesChange:le,imageFiles:re}),o.createElement("div",{className:"input-group"},o.createElement(p,{size:"p4",className:"input-group-label"},A("admin.community")),o.createElement(v,{options:(null==me?void 0:me.map((function(e,t){return{label:e.name,value:"".concat(e.id||"","-").concat(e.mappedCategoryId||"")}})))||[],id:"community-picker",placeholder:A("community.choose"),value:ee,onChange:function(e){te({label:e.label,value:String(e.value)}),oe([])},disabled:!!w}),o.createElement(p,{size:"sm",className:"warning",color:C.colors.gray400},"* ",A("commentPopup.warning.newPost"))),!_&&o.createElement("div",{className:"input-group"},o.createElement(p,{size:"p4",className:"input-group-label"},A("tab.topic")),o.createElement("div",{className:"input-notification"},o.createElement("img",{src: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='%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":Oe}),o.createElement(p,{size:"base",color:C.colors.gray500},A(de?"createPost.popup.primary":"createPost.popup.warning"))),de&&o.createElement(Je,{className:"tag-list",communityId:de.id,forceTopics:y,onChange:oe,selectedTopics:ie,noFetch:M}))),o.createElement(m,{theme:F?"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(!ke||V)return[3,5];U(!0),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,Ce()];case 2:return t.sent(),[3,4];case 3:return e=t.sent(),console.error(e),D(De(A)),[3,4];case 4:U(!1),t.label=5;case 5:return[2]}}))}))},isDisabled:!ke,isLoading:V},A("createPost.popup.submit")))},qe=function(e){var t=e.className,n=e.isMarryBaby,i=e.style,l=e.title,c=e.description,u=e.acceptText,v=e.cancelText,g=e.onAccept,h=e.thumbnail,k=e.isThumbnailIcon,C=e.onClose,y=a(E).data.env.isMarryBaby,b="boolean"==typeof n?n:y,N=r(!1),I=N[0],T=N[1];return s((function(){return f(!0),setTimeout((function(){return T(!0)}),0),function(){return f(!1)}}),[]),_e.createPortal(o.createElement(K,{"data-is-marrybaby":b,className:t,style:i,"data-open":I},o.createElement(Q,{className:"popup-frame",isOpen:I,onClose:C},o.createElement("div",{className:"confirm-dialog",onClick:function(e){return e.stopPropagation()}},o.createElement("div",{className:"confirm-content"},h&&o.createElement("div",{className:"thumbnail-container ".concat(k?"is-icon":"")},o.createElement("img",{className:"thumbnail",src:h})),o.createElement(d,{className:"title",tag:"h2"},l),o.createElement(p,{className:"desc",size:"lg"},c),o.createElement("div",{className:"btn-group"},o.createElement(m,{theme:b?"marryBaby":"helloSites",size:"md",color:"secondary",onClick:function(){null==g||g(),null==C||C()}},u),o.createElement(m,{theme:b?"marryBaby":"helloSites",size:"md",onClick:C},v)))),b&&h&&o.createElement("div",{className:"thumbnail-container is-mobile ".concat(k?"is-icon":"")},o.createElement("img",{className:"thumbnail",src:h})))),w())},et=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=B(o.replace(/(\&nbsp;)+/g," "),s),m=j(n),a&&a.length>0?[4,Promise.all(null==a?void 0:a.map((function(e){return F(e,l)})))]:[3,2];case 1:t.sent().filter(Boolean).slice(0,L).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]}}))}))},tt=function(n,i){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){return[2,P(T(x.COMMENT.CREATE,{_locale:i}),"POST",{data:n,headers:{"Content-Type":"multipart/form-data"}})]}))}))},nt=function(n,i){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){return[2,P(T(x.COMMENT.REPLY,{_locale:i}),"POST",{data:n,headers:{"Content-Type":"multipart/form-data"}})]}))}))},it=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,P(T(a?x.COMMENT.LIKE:x.COMMENT.UNLIKE,{_locale:r,id:i}),"GET")]}))}))},ot=function(e){var t=e.id,n=e.locale;return P(T(x.COMMENT.DELETE,{_locale:n,id:t}),"DELETE")},at=function(i){var c=i.isReply,u=i.className,d=i.onClose,v=i.replyToName,g=i.style,f=i.replyingId,w=i.replyingUser,k=i.onPostSuccess;i.isMainCmt;var C=i.post,y=i.isMarryBaby,b=a(E),N=b.action,I=N.pushNotifications,T=N.sanitizeFunction,x=b.data,M=x.userInfo,_=x.locale,P=x.env.isMarryBaby,L="boolean"==typeof y?y:P,S=h().t,j=Ze(),B=j.onSelectImages,F=j.onRemoveImage,R=j.imageSrcs,A=j.onRemoveAllImages,z=j.imageFiles,V=r(""),U=V[0],H=V[1],W=a(X).trigger,Z=r(!1),G=Z[0],K=Z[1],Q=l(null),ee=l(null),te=l(null),ne=r([]),ie=ne[0],oe=ne[1],ae=r([]),re=ae[0],le=ae[1],se=r(null),ce=se[0],ue=se[1];return s((function(){var e;null===(e=te.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout((function(){var e;null===(e=ee.current)||void 0===e||e.focus()}),400)}),[W]),o.createElement(J,{"data-is-reply":c,className:u,style:g},c&&o.createElement("div",{className:"reply-to-container"},o.createElement(p,{size:"p4"},o.createElement("span",{dangerouslySetInnerHTML:{__html:S("inputComment.replyTo",{name:'<span style="color: #2D87F3; cursor: pointer">@'.concat(v||"","</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 d&&d()}})),o.createElement("div",{className:"input-container",ref:te},o.createElement(Y,{className:"avatar-wrapper ".concat(c?"avatar-wrapper-reply":""),avatar:(null==M?void 0:M.id)?M.avatar:$,username:(null==M?void 0:M.name)||(null==M?void 0:M.username)}),o.createElement("input",{ref:Q,onChange:B,type:"file",multiple:!0,accept:"image/png,image/jpeg",name:"images",style:{display:"none"}}),o.createElement(Pe,{value:U,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(D,{className:"textarea",html:U,onChange:H,onImagePickerClick:function(){var e;return null===(e=Q.current)||void 0===e?void 0:e.click()},bannedWords:re,onPreviewUrlChange:ue,onInvalidUrlsChange:oe,setEditorRef:function(e){return ee.current=e},isReplying:c}))}),o.createElement(m,{theme:L?"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,m,p,v,g,h;return t(this,(function(t){switch(t.label){case 0:if(!(null==C?void 0:C.id)||G)return[2];K(!0),t.label=1;case 1:return t.trys.push([1,4,,5]),e=function(e){H(""),A(),d&&d();var t=q(e.data);"string"==typeof t.images&&(t.images=JSON.parse(t.images)),k&&k(t)},[4,et(n({message:U,photos:z,postId:String(C.id),link:null==ce?void 0:ce.url,sanitizeFunction:T,locale:_},c&&f?{replyingUserId:String((null==w?void 0:w.id)||(null===(r=null==C?void 0:C.author)||void 0===r?void 0:r.id)||""),replyingId:f,replyingUserName:(null==w?void 0:w.name)||(null==w?void 0:w.username)||""}:{}))];case 2:return i=t.sent(),[4,c&&f?nt(i,_):tt(i,_)];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===(m=null===(u=null==o?void 0:o.messages)||void 0===u?void 0:u.moderation)||void 0===m?void 0:m.type)?(I({title:S("notification.comment.blocked.title"),message:S("notification.comment.blocked.message"),type:"danger"}),o.messages.moderation.words&&le(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)?(I({title:S("notification.comment.suspect.title"),message:S("notification.comment.suspect.message"),type:"warning"}),H(""),A(),d&&d()):(null===(g=null==o?void 0:o.messages)||void 0===g?void 0:g.find((function(e){var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(I({message:S("notification.suspend.message"),type:"warning"}),H(""),A(),d&&d()):I({title:"",message:(null===(h=null==o?void 0:o.messages)||void 0===h?void 0:h[0])||S("notification.comment.somethingWrong"),type:"danger"}),[3,5];case 4:return t.sent(),I({title:"",message:S("notification.comment.somethingWrong"),type:"danger"}),[3,5];case 5:return K(!1),[2]}}))}))},isLoading:G,isDisabled:!!(null==ie?void 0:ie.length)||G||!U||(null==U?void 0:U.length)<2||!U.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==ie?void 0:ie.length)?o.createElement("div",{className:"error-text"},S("notification.limitUrlDomain")):null,(!R||0===R.length)&&ce&&o.createElement("div",{className:"link-preview-wrapper"},ce.isFetching?o.createElement(O,null):o.createElement(o.Fragment,null,o.createElement(Be,{title:ce.title,url:ce.url||"#",image:ce.image,noRefetch:!0}),o.createElement("img",{src:Ge,className:"icon-close",onClick:function(){return ue(null)}}))),R&&R.length>0&&o.createElement("div",{className:"preview-images-container"},R.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:Ge,className:"icon-close-circle",onClick:function(){return F(t)}}))}))))},rt="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",lt=function(n){var i=n.className,l=n.style,s=n.reason,c=n.reasonText,u=n.onClose,d=n.postId,v=a(E),g=v.data,f=g.locale,w=g.env.isMarryBaby,k=v.action.pushNotifications,y=h().t,b=r(!1),N=b[0],I=b[1];return o.createElement(ee,{"data-is-marrybaby":w,className:i,style:l},o.createElement("ul",{className:"report-list"},o.createElement("li",{className:"report-item"},o.createElement("img",{src:rt}),o.createElement(p,{className:"__label",color:C.colors.gray800,size:"p4"},c))),o.createElement(m,{theme:w?"marryBaby":"helloSites",className:"report-submit",size:"lg",color:"primary",isLoading:N,onClick:function(){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:if(!d||N)return[2];I(!0),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,We({id:d,reason:s,locale:f})];case 2:return 1===(null==(e=t.sent())?void 0:e.status)&&(k({message:"Post reported",type:"success"}),u&&u()),[3,4];case 3:return t.sent(),[3,4];case 4:return I(!1),[2]}}))}))}},y("submit")))},st=function(e){var t=e.className,n=e.style,i=e.replyingTo,l=e.mentionedUser,s=e.description,u=e.disableShortenContent,d=e.mentions,m=void 0===d?[]:d,p=r(!1),v=p[0],g=p[1],f=h().t,w=te().authActionWrapper,k=r(!1),C=k[0],y=k[1],b=H(W(s||"","display"),m),N=a(E).action.sanitizeFunction,I=c((function(){var e=N(b||"");if(u||v)return{showContent:e,hasSeeMore:!1};var t=e.slice(0,1e3),n=1e3-27*((t.match(/<\/div>/g)||[]).length-1),i=(t||"").slice(0,n<40?40:n),o=N(i.replace(/(<|<\/)( +|[a-zA-Z]*)$/gi,"")),a=o.length<e.length-10;return{showContent:a?o:e,hasSeeMore:a}}),[u,v,b]),T=(null==l?void 0:l.name)||i,x="expert"===(null==l?void 0:l.role)&&!!(null==l?void 0:l.partnerId);return o.createElement(o.Fragment,null,x&&o.createElement(ne,{isOpen:C,onClose:function(){return y(!1)},expertId:String(null==l?void 0:l.partnerId)}),o.createElement(ie,{className:"".concat(t," no-replace-click"),style:n},T&&o.createElement("span",{onClick:function(){return x&&y(!0)},className:"post-content-replying"},"@",T),(null==s?void 0:s.startsWith("[mention+id="))&&o.createElement("span",{className:"post-content-replying tag-only"},"@"),o.createElement("span",{dangerouslySetInnerHTML:{__html:I.showContent},className:"post-content ".concat(I.hasSeeMore?"has-see-more":"")}),I.hasSeeMore&&!v&&o.createElement("span",null,"... ",o.createElement("span",{onClick:function(e){e.preventDefault(),e.stopPropagation(),w((function(){return g(!0)}))},className:"see-more-text"},f("post.seeMore")))))},ct=function(e){var t=e.className,n=e.style,i=e.authorName,a=e.images,l=e.onClose,c=e.onOpenSingleView,u=h().t,d=r(!1),m=d[0],v=d[1];return s((function(){setTimeout((function(){v(!0)}),0)}),[]),_e.createPortal(o.createElement(oe,{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(p,{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"})})))),w())},ut="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",dt=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 _e.createPortal(o.createElement(ae,{"data-open":d&&!!p},o.createElement(re,null,o.createElement("img",{src:le,className:"icon-close",onClick:i,alt:"close"})),p&&l>=0&&o.createElement(o.Fragment,null,o.createElement(se,null,o.createElement("img",{className:"img-preview",src:p,alt:"post img open"}),o.createElement(ce,{"data-disabled":v,onClick:function(){return!v&&c(l-1)}},o.createElement(ue,null,o.createElement("img",{src:ut,style:{transform:"rotate(180deg)"},alt:"left arrow","data-disabled":v}))),o.createElement(ce,{"data-right":!0,"data-disabled":g,onClick:function(){return!g&&c(l+1)}},o.createElement(ue,null,o.createElement("img",{src:ut,alt:"right arrow","data-disabled":g})))))),w())},mt=function(e){var t=e.className,n=e.images,i=void 0===n?[]:n,c=e.style,u=e.authorName,m=a(E).data.env.isMarryBaby,p="+ ".concat((i.length||0)-4),v=r(!1),g=v[0],h=v[1],w=r(-1),k=w[0],C=w[1];s((function(){setTimeout((function(){return null==je?void 0:je.update()}),100)}),[null==i?void 0:i.slice(0,5).join("|")]);var y=i.length>5,b=l(!1);return s((function(){return function(){b.current&&f(!1)}}),[]),s((function(){g||k>=0?(f(!0),b.current=!0):(f(!1),b.current=!1)}),[g,k]),o.createElement(o.Fragment,null,o.createElement(de,{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?h(!0):C(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(d,{tag:"h1",color:"white"},p)))}))),g&&o.createElement(ct,{authorName:u||"",images:i,onClose:function(){return h(!1)},onOpenSingleView:C}),k>=0&&o.createElement(dt,{images:i,initialViewIndex:k,onClose:function(){return C(-1)}}))},pt=function(i){var u=i.url,d=i.image,m=i.className,p=i.style,v=a(E).data.locale,g=r(null),h=g[0],f=g[1];s((function(){e(void 0,void 0,void 0,(function(){return t(this,(function(e){return d?[2]:u?(f((function(e){return n(n({},e),{isFetching:!0})})),I(T(x.FETCH_PREVIEW,{_locale:v}),"POST",{data:{link:u}}).then((function(e){var t,n;f({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(){f(null)})),[2]):[2,f(null)]}))}))}),[u,d]);var w=(null==h?void 0:h.image)||d,k=(null==h?void 0:h.url)||u,C=c((function(){return me(k)}),[k]),y=c((function(){return pe(k)}),[k]),b=l(0),M=l(0),_=r(!1),P=_[0],L=_[1];s((function(){var e=function(){var e,t=null===(e=S.current)||void 0===e?void 0:e.getBoundingClientRect(),n=!1;t&&(!b.current||Math.abs((b.current-t.width)/(null==t?void 0:t.width))>.2)&&(b.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&&L((function(e){return!e}))};return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]);var S=l(null),j=l(!1);return o.createElement(ve,{className:"".concat(m," no-replace-click"),style:p,ref:S},d||!C&&!y?o.createElement("a",{href:k,target:"_blank",rel:"noreferrer"},o.createElement("div",{className:"link-image-wrapper ".concat((null==h?void 0:h.isFetching)?"fetching":"")},(null==h?void 0:h.isFetching)?o.createElement(O,{className:"loading-spinner"}):o.createElement("img",{className:"link-image",src:w||N,onError:function(e){j.current||(j.current=!0,e.currentTarget.src=N)}}))):o.createElement("div",{className:"link-image-wrapper"},C?o.createElement("iframe",{width:"100%",height:"100%",src:"https://www.youtube.com/embed/".concat(C,"?&autoplay=1&mute=1"),frameBorder:"0",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,border:"none",overflow:"hidden"}}):y?o.createElement("iframe",{key:String(P),src:"https://www.facebook.com/plugins/video.php?href=".concat(encodeURIComponent(k),"&autoplay=1&show_text=false&t=0&width=").concat(b.current,"&height=").concat(M.current),style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:M.current,width:b.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"}):null))},vt="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",gt="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",ht="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",ft=function(n){var i=n.onDeleteComment,l=n.commentId,s=n.className,c=void 0===s?"":s,u=n.popoverClassName,d=void 0===u?"":u,m=a(E),p=m.data,v=p.env.isMarryBaby,g=p.locale,f=m.action.pushNotifications,w=h().t,k=r(!1),C=k[0],y=k[1],b=te().authActionWrapper;return o.createElement("div",{className:c,onClick:function(e){e.preventDefault(),e.stopPropagation()}},C&&o.createElement(qe,{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,ot({id:l,locale:g})]:[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(ge,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:[{icon:ht,label:w("actionPopover.delete"),onClick:function(){b((function(){y(!0)}))}}]},className:d,toggleButtonContent:o.createElement("img",{src:v?vt:gt}),buttonProps:{}}))},wt=function(i){var l,u,d,p,v,f=i.className,w=i.style,k=i.comment,C=i.type,b=void 0===C?"comment":C,N=i.level,T=void 0===N?0:N,x=i.replyingId,M=i.onPostCommentSuccess,_=i.post,P=i.onDeleteComment,L=i.refetchComment,S=i.hasQuickBookingEnable,j=i.handleMakeAppointment,B=a(E).data,F=B.locale,R=B.userInfo,D=B.env.isMarryBaby,O=h().t,A=r(k||null),z=A[0],V=A[1],U=z.id;z.countReplies;var H=z.countLikes,W=z.content,Z=z.createdAt,G=z.replies,K=void 0===G?[]:G,Q=z.images,X=void 0===Q?[]:Q,J=z.author,Y=z.liked,$=z.link,q=z.mentionedUser,ee=z.mentions,ne=function(e){try{var t=e.match(/\[@([^\]]+)\]/),n=t?t[0].replace("[@","").replace("]",""):"";return{text:e.replace(/\[@([^\]]+)\]/,"").trim(),replyingTo:n}}catch(e){}return{text:""}}(W),ie=ne.text,oe=ne.replyingTo,ae=te({_joinCommunityIds:[null===(l=null==_?void 0:_.community)||void 0===l?void 0:l.id],_joinTopicIds:null===(u=null==_?void 0:_.topics)||void 0===u?void 0:u.map((function(e){return e.id}))}).authActionWrapper,re=r(4),le=re[0],se=re[1],ce=!!(null==R?void 0:R.id)&&(null==K?void 0:K.some((function(e){return e.author.id===R.id}))),ue=function(e){V((function(t){if(!t.replies.find((function(t){return t.id===e.id}))){t.replies.unshift(e);var i=n(n({},t),{replies:t.replies.slice(),countReplies:t.countReplies+1});return L&&L(i),i}return t}))},de=r(!1),me=de[0],pe=de[1],ve=c((function(){return"comment"===b&&K&&0!=K.length?K.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})):K}),[b,K]),ge=(null==K?void 0:K.length)||0,be=String(null==J?void 0:J.email)&&(null==R?void 0:R.email)&&String(null==J?void 0:J.email)===String(null==R?void 0:R.email),Ne=(null==J?void 0:J.name)||(null==J?void 0:J.username)||"",Ie=null==J?void 0:J.avatar,Te=(null==J?void 0:J.username)||(null==J?void 0:J.name)||"",xe=r(null),Me=xe[0],_e=xe[1],Pe=r(null),Le=Pe[0],Se=Pe[1];s((function(){if(null==J?void 0:J.hospitalId){n=J.hospitalId,e(void 0,void 0,void 0,(function(){var e,i;return t(this,(function(t){switch(t.label){case 0:return[4,I(ye(Ee.GET_HOSPITAL_INFO,{hospital_branch_id:n,website_url:y[F]}),"get")];case 1:return e=t.sent(),(null===(i=null==e?void 0:e._data)||void 0===i?void 0:i.branch)&&_e(null==e?void 0:e._data.branch),[2]}}))}))}var n,i;if(null==J?void 0:J.doctorId){i=J.doctorId,e(void 0,void 0,void 0,(function(){var e,n;return t(this,(function(t){switch(t.label){case 0:return[4,I(ye(Ee.GET_DOCTOR_INFO,{doctorId:i,website_url:y[F]}),"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]}}))}))}}),[J.hospitalId,J.doctorId]);var je=(null==Le?void 0:Le.valid_outpatient)||(null==Le?void 0:Le.valid_telemedicine),Fe=((null==Me?void 0:Me.total_available_service)||(null==Me?void 0:Me.total_available_doctor))>0,Re=S&&(je||Fe);return o.createElement(he,{defaultParams:{_joinCommunityIds:[null===(d=null==_?void 0:_.community)||void 0===d?void 0:d.id],_joinTopicIds:null===(p=null==_?void 0:_.topics)||void 0===p?void 0:p.map((function(e){return e.id}))}},o.createElement(fe,{className:f,style:w,"data-is-reply":!!T,"data-is-marrybaby":D,"data-has-booking":Re},"reply"===b&&o.createElement(g,{className:"top-divider",type:"solid"}),o.createElement(we,{avatar:Ie,name:Ne,username:Te,email:null==J?void 0:J.email,time:Z,className:"post-author ".concat(be?"with-popover":""),type:b,userId:null==J?void 0:J.id,role:null==J?void 0:J.role,expertId:null==J?void 0:J.partnerId,title:null==J?void 0:J.title,doctorId:null==J?void 0:J.doctorId,hospitalId:null==J?void 0:J.hospitalId,hasQuickBooking:Re,handleMakeAppointment:j}),o.createElement(st,{className:"post-content-wrapper",replyingTo:oe,mentionedUser:q,description:ie,mentions:ee}),o.createElement("span",null),o.createElement("span",null),X&&X.length>0?o.createElement("div",{key:"image-preview",className:"image-preview-wrapper","data-is-reply":!0},o.createElement(mt,{images:X,authorName:null==J?void 0:J.username})):null,X&&0!==X.length||!$?null:o.createElement("div",{key:"link-preview",className:"link-preview-wrapper","data-is-reply":!0},o.createElement(Be,{url:$})),"most-engaging"!==b?o.createElement(o.Fragment,null,o.createElement(ke,{type:Ce.reply,loveCount:H,replyCount:ge,className:"post-reaction",liked:Y,isReplied:ce,hideCommentIcon:"reply"===b,onCommentClick:function(){return ae((function(){return pe((function(e){return!e}))}))},onCommentCountClick:function(){return ae((function(){pe(!0)}))},onLikeClick:function(){return ae((function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return U?[4,it({commentId:U,setLike:!Y,locale:F})]:[3,2];case 1:1===e.sent().status&&V((function(e){return n(n({},e),{liked:!Y,countLikes:e.countLikes+(Y?-1:1)})})),e.label=2;case 2:return[2]}}))}))}))}}),me&&o.createElement(at,{replyingId:x||z.id,replyToName:J.name||J.username||"",isReply:!0,onClose:function(){return pe(!1)},onPostSuccess:function(e){"reply"===b?M&&M(e):ue(e)},post:_,replyingUser:J}),"comment"===b&&K&&K.length>0?o.createElement("div",{className:"comment-reply-wrapper"},null===(v=null==ve?void 0:ve.slice(0,le))||void 0===v?void 0:v.map((function(e){return o.createElement(wt,{key:e.id,comment:e,type:"reply",className:"comment-reply-item",level:T+1,replyingId:U,onPostCommentSuccess:ue,post:_,onDeleteComment:function(){V((function(t){return n(n({},t),{replies:t.replies.filter((function(t){return t.id!==e.id})),countReplies:t.countReplies-1})}))},handleMakeAppointment:j,hasQuickBookingEnable:S})})),ge>le&&o.createElement(o.Fragment,null,o.createElement(g,{className:"top-divider",type:"solid"}),o.createElement(m,{className:"more-cmt",size:"lg",color:"ghost",onClick:function(){return se((function(e){return e+4}))}},O("comment.seeMoreReplies",{count:ge-le}),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,be&&o.createElement(ft,{onDeleteComment:P,className:"popover",commentId:z.id})))},kt="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",yt="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",Et=function(n){var i=n.authorEmail,l=n.onDeletePost,s=n.shareUrl,c=n.post,u=n.className,d=void 0===u?"":u,m=n.popoverClassName,p=void 0===m?"":m,v=n.onBookmark,g=n.onRemoveBookmark,f=n.onEditPost,w=a(E),k=w.data,C=k.locale,y=k.userInfo,b=k.togetherUserId,N=k.env.isMarryBaby,I=w.action.pushNotifications,M=h().t,_=r(!1),L=_[0],S=_[1],j=r(!1),B=j[0],F=j[1],R=r(!1),D=R[0],O=R[1],A=te().authActionWrapper,z=i&&(null==y?void 0:y.email)&&i===String(null==y?void 0:y.email);return o.createElement("div",{className:d,onClick:function(e){e.preventDefault(),e.stopPropagation()}},D&&o.createElement(be,{url:s,text:null==c?void 0:c.title,onClose:function(){return O(!1)}}),B&&o.createElement(qe,{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)||L)return[2];S(!0),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,ze({id:c.id,locale:C})];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 S(!1),[2]}}))}))},onClose:function(){return F(!1)}}),o.createElement(ge,{className:p,toggleButtonContent:o.createElement("img",{src:N?vt:gt}),position:"bottom",align:"end",buttonProps:{isLoading:L},data:z?{isShowheader:!1,type:"list",list:[{icon:yt,label:M("morePopover.share"),onClick:function(){return O(!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:f},{icon:ht,label:M("actionPopover.delete"),onClick:function(){A((function(){return F(!0)}))}}]}:{isShowheader:!1,type:"list",list:[{icon:yt,label:M("morePopover.share"),onClick:function(){return O(!0)}},{icon:(null==c?void 0:c.bookmarked)?kt:Ct,label:(null==c?void 0:c.bookmarked)?M("morePopover.unsavePost"):M("morePopover.savePost"),onClick:function(){A((function(){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return(null==y?void 0:y.id)&&(null==c?void 0:c.id)?(null==c?void 0:c.bookmarked)?[4,P(T(x.BOOKMARK.DELETE,{_locale:C}),"DELETE",{data:{post_id:String(c.id)}})]:[3,2]:[2];case 1:return 1===(null==(e=t.sent())?void 0:e.status)?(I({title:"",message:"Removed saved post",type:"success",displayIcon:Ct}),g&&g()):I({title:"",message:"Remove failed",type:"danger",displayIcon:Ct}),[3,4];case 2:return[4,P(T(x.BOOKMARK.CREATE,{_locale:C}),"POST",{data:{user_id:b||y.id,post_id:c.id}})];case 3:1===(null==(e=t.sent())?void 0:e.status)?(I({title:"",message:"Post saved",type:"success",displayIcon:kt}),v&&v()):I({title:"",message:"Post saved failed",type:"danger",displayIcon:Ct}),t.label=4;case 4:return[2]}}))}))}))}},{icon:rt,label:M("morePopover.report"),subTree:{title:M("morePopover.report.title"),description:M("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(Ne).map((function(e){return{label:Ne[e].label,reason:Ne[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(lt,{reason:e.reasonValue,reasonText:M(e.reason),postId:null==c?void 0:c.id,onClose:function(){return t&&t(!1)}})}}}}))}}]}}))},bt=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,Me(T(x.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(q))||void 0===r?void 0:r[0]]}}))}))},Nt=function(i){var l=i.className,c=i.style,u=i.hideViewMoreComment,p=i.showMostEngaging,v=i.onCommentClick,g=i.onCommentCountClick,f=i.onMostEngagingCommentClick,w=i.onPostCommentSuccess,C=i.disableCardLink,y=i.disableShortenContent,b=i.onDeletePost,T=i.onEditPost,x=i.post,M=i.mostEngagingComment,_=i.onDeleteComment,P=i.showInputComment,L=i.InlineCommentsComponent,S=i.hasQuickBookingEnable,j=i.handleMakeAppointment,B=r(x),F=B[0],R=B[1],D=r(!1),O=D[0],A=D[1],z=r(M),V=z[0],U=z[1],H=F.community,W=F.topics,Z=F.author,G=F.slug,K=F.isPin,Q=F.liked,X=F.scheduleDateTime,J=F.createdAt,Y=F.photos,$=F.mentions,q=F.title,ee=F.description,ne=F.previewUrl,ie=F.likesCount,oe=F.commentsCount,ae=F.id,re=F.commented,le=a(E),se=le.data,ce=se.locale,ue=se.env,de=ue.isMarryBaby,me=ue.togetherBasePath,pe=le.action.pushNotifications,ve=h().t,ge=r(P),fe=ge[0],Ne=ge[1],Me="".concat(me,"/").concat((null==H?void 0:H.slug)||"_","/").concat(G||""),_e="".concat(Ie(ce)).concat(Me),Pe=te((null==H?void 0:H.slug)?{_joinCommunityIds:[H.id],_joinTopicIds:null==W?void 0:W.map((function(e){return e.id}))}:void 0).authActionWrapper,Le=r(!1),Se=Le[0],je=Le[1];s((function(){Ne(P)}),[P]);var Oe=(null==Z?void 0:Z.name)||(null==Z?void 0:Z.username)||"",ze=(null==Z?void 0:Z.username)||(null==Z?void 0:Z.name)||"",Ve=null==Z?void 0:Z.avatar,Ue=r(null),He=Ue[0],We=Ue[1],Ze=r(null),Ge=Ze[0],Ke=Ze[1];s((function(){if(null==Z?void 0:Z.hospitalId){n=Z.hospitalId,e(void 0,void 0,void 0,(function(){var e,i;return t(this,(function(t){switch(t.label){case 0:return[4,I(ye(Ee.GET_HOSPITAL_INFO,{hospital_branch_id:n,website_url:xe[ce]}),"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==Z?void 0:Z.doctorId){i=Z.doctorId,e(void 0,void 0,void 0,(function(){var e,n;return t(this,(function(t){switch(t.label){case 0:return[4,I(ye(Ee.GET_DOCTOR_INFO,{doctorId:i,website_url:xe[ce]}),"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]}}))}))}}),[Z.hospitalId,Z.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=S&&(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 ae&&oe&&p&&!(null==M?void 0:M.id)?[4,bt(ae,ce)]:[3,2];case 1:e=t.sent(),U(e),t.label=2;case 2:return[2]}}))}))}),[ae,ce,oe,p,null==M?void 0:M.id]),s((function(){U(M)}),[null==M?void 0:M.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 oe>1&&(null==V?void 0:V.id)&&(null==V?void 0:V.id)===(null==i?void 0:i.id)?[4,bt(ae,ce)]:[3,2];case 1:e=t.sent(),U(e),t.label=2;case 2:return R((function(e){return n(n({},e),{commentsCount:e.commentsCount-1})})),_&&_(i),[2]}}))}))};return o.createElement(he,{defaultParams:(null==H?void 0:H.slug)?{_joinCommunityIds:[H.id],_joinTopicIds:null==W?void 0:W.map((function(e){return e.id}))}:void 0},O&&o.createElement(be,{url:_e,avatar:N,text:q,onClose:function(){return A(!1)}}),o.createElement(Te,{className:l,style:c,"data-is-marrybaby":de},K?o.createElement(Re,{className:"post-pin"}):null,o.createElement("div",{style:{position:"relative"}},o.createElement(we,{avatar:Ve,name:Oe,username:ze,url:C?void 0:Me,email:null==Z?void 0:Z.email,time:X||J,community:H,className:"post-author",role:null==Z?void 0:Z.role,userId:null==Z?void 0:Z.id,expertId:null==Z?void 0:Z.partnerId,doctorId:null==Z?void 0:Z.doctorId,hospitalId:null==Z?void 0:Z.hospitalId,title:null==Z?void 0:Z.title,hasQuickBooking:Je,handleMakeAppointment:j}),o.createElement(Et,{authorEmail:String(null==Z?void 0:Z.email),onDeletePost:b,shareUrl:_e,post:F,className:"popover",onEditPost:T})),o.createElement("a",{href:C?void 0:Me,className:"post-content-link-wrapper"},q&&o.createElement(d,{className:"post-content-title",as:"h1",tag:"h5",fontWeight:"bold"},k(q)),o.createElement(st,{className:"post-content-wrapper",description:ee,disableShortenContent:y,mentions:$})),o.createElement("span",null),o.createElement("span",null),o.createElement("div",{key:"tag-topic"},W&&W.length>0?o.createElement(Fe,{topics:W,className:"post-topics"}):null),o.createElement("div",{key:"social-preview"},(null==F?void 0:F.introUrl)?o.createElement("div",{className:"social-preview-wrapper ".concat((null==Y?void 0:Y.length)?"has-image":"")},o.createElement(pt,{url:F.introUrl,image:F.bannerImage})):null),o.createElement("div",{key:"image-preview"},(null==Y?void 0:Y.length)?o.createElement("div",{className:"image-preview-wrapper"},o.createElement(mt,{images:Y,authorName:null==Z?void 0:Z.name})):null),o.createElement("div",{key:"link-preview"},(null==F?void 0:F.introUrl)||(null==Y?void 0:Y.length)||!(null==ne?void 0:ne.url)?null:o.createElement("div",{className:"link-preview-wrapper"},o.createElement(Be,{title:ne.title,url:ne.url,image:ne.image}))),o.createElement(ke,{type:Ce.post,loveCount:ie,replyCount:oe,className:"post-reaction ".concat((null==Y?void 0:Y.length)||(null==ne?void 0:ne.url)?"hide-top-border":""),liked:Se?!Q:Q,isReplied:re,onCommentClick:function(){return Pe((function(){v?v():Ne((function(e){return!e}))}))},onCommentCountClick:function(){Pe((function(){de?Ne(!0):g?g():!C&&(window.location.href=Me)}))},onShareClick:function(){A(!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(!ae||Se)return[2];je(!0),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,Ae({id:ae,locale:ce})];case 2:return 1!==(null==(e=t.sent())?void 0:e.status)?pe(De(ve)):R((function(e){return n(n({},e),{likesCount:(e.likesCount||0)+(e.liked?-1:1),liked:!e.liked})})),[3,4];case 3:return t.sent(),pe(De(ve)),[3,4];case 4:return je(!1),[2]}}))}))},showingMostEngaging:!(!p||!(null==V?void 0:V.id))}),fe&&o.createElement(at,{isMainCmt:!P,onClose:function(){return Ne(!1)},onPostSuccess:function(e){0!==oe||(null==V?void 0:V.id)||U(e),R((function(e){return n(n({},e),{commentsCount:e.commentsCount+1,commented:!0})})),w&&w(e)},post:F}),p&&(null==V?void 0:V.id)?o.createElement("div",{className:"most-engaging-wrapper",onClick:function(e){f?(e.stopPropagation(),f()):window.location.href=Me}},o.createElement(wt,{hasQuickBookingEnable:S,handleMakeAppointment:j,comment:V,onDeleteComment:function(){Ye&&Ye(V)},className:"most-engaging-comment",type:"most-engaging",key:V.id}),oe>1&&!u&&o.createElement(m,{className:"see-more-comments",color:"ghost",size:"md"},ve("comment.seeMoreComments",{count:oe-1}))):null,L))},It=Object.freeze({__proto__:null});export{Be as C,at as I,Re as L,qe as P,lt as S,Fe as T,$e as a,Ke as b,Xe as c,Je as d,st as e,ct as f,dt as g,mt as h,Nt as i,Et as j,wt as k,ft as l,It as t};