@hhgtech/hhg-components 1.19.26 → 1.19.27

package/build/lazyLoad-a7ea17af.js

@@ -1 +0,0 @@
-"use strict";var n=require("./tslib.es6-f7929e76.js"),t=require("styled-components"),e=require("react"),a=require("./translationsContext-f8e45a1a.js"),r=require("string-format"),o=require("vanilla-lazyload");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var s,l,d,m,c,p=i(r),f=i(o);exports.Gender=void 0,(s=exports.Gender||(exports.Gender={})).Boy="boy",s.Girl="girl",exports.BabyGrowthChartType=void 0,(l=exports.BabyGrowthChartType||(exports.BabyGrowthChartType={}))[l.Weight=0]="Weight",l[l.Height=1]="Height",l[l.Head=2]="Head",l[l.BMI=3]="BMI",exports.BabyGrowthChartDuration=void 0,(d=exports.BabyGrowthChartDuration||(exports.BabyGrowthChartDuration={}))[d.Weekly=0]="Weekly",d[d.Monthly=1]="Monthly",d[d.Yearly=2]="Yearly",exports.BabyGrowthResultTab=void 0,(m=exports.BabyGrowthResultTab||(exports.BabyGrowthResultTab={}))[m.Weight=0]="Weight",m[m.Height=1]="Height",m[m.Head=2]="Head",m[m.BMI=3]="BMI",m[m.Record=4]="Record",exports.LOCALE=void 0,(c=exports.LOCALE||(exports.LOCALE={})).Vietnam="vi-VN",c.Indonesia="id-ID",c.Malaysia="ms-MY",c.Cambodia="km-KH",c.PhilippinesEnglish="en-PH",c.PhilippinesTagalog="tl-PH",c.Thailand="th-TH",c.Myanmar="my-MM",c.Taiwan="zh-TW",c.India="hi-IN";var _,u,T,y,B,O,h,b,E,I=function(n){var t=Object.keys(n);return t.length?"?"+t.map((function(t){return"".concat(t,"=").concat(n[t])})).join("&"):""},x={BREAK_POINT_SMALL_MOBILE:481,BREAK_POINT_MOBILE:768,BREAK_POINT_TABLET:1024,BREAK_POINT_PC:1200},A={smbDown:"@media (max-width: ".concat(x.BREAK_POINT_SMALL_MOBILE-1,"px)"),smbUp:"@media (min-width: ".concat(x.BREAK_POINT_SMALL_MOBILE,"px)"),mbDown:"@media (max-width: ".concat(x.BREAK_POINT_MOBILE-1,"px)"),mbOnly:"@media (min-width: ".concat(x.BREAK_POINT_SMALL_MOBILE,"px) and (max-width: ").concat(x.BREAK_POINT_MOBILE-1,"px)"),mbUp:"@media (min-width: ".concat(x.BREAK_POINT_MOBILE,"px)"),tdDown:"@media (max-width: ".concat(x.BREAK_POINT_TABLET-1,"px)"),tdOnly:"@media (min-width: ".concat(x.BREAK_POINT_MOBILE,"px) and (max-width: ").concat(x.BREAK_POINT_TABLET-1,"px)"),tdUp:"@media (min-width: ".concat(x.BREAK_POINT_TABLET,"px)"),pcUp:"@media (min-width: ".concat(x.BREAK_POINT_PC,"px)"),pcOnly:"@media (min-width: ".concat(x.BREAK_POINT_TABLET,"px) and (max-width: ").concat(x.BREAK_POINT_PC-1,"px)"),pcDown:"@media (max-width: ".concat(x.BREAK_POINT_PC-1,"px)")},L=t.keyframes(_||(_=n.__makeTemplateObject(["\nfrom {\n  transform: translate3d(0, 100%, 0);\n  visibility: visible;\n}\n\nto {\n  transform: translate3d(0, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 100%, 0);\n  visibility: visible;\n}\n\nto {\n  transform: translate3d(0, 0, 0);\n}\n"]))),P=t.keyframes(u||(u=n.__makeTemplateObject(["\nfrom {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\nfrom {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),w=t.keyframes(T||(T=n.__makeTemplateObject(["\n from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\n from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),v=t.keyframes(y||(y=n.__makeTemplateObject(["\n from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\n from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),R=t.keyframes(B||(B=n.__makeTemplateObject(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(0, 100%, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(0, 100%, 0);\n}\n"]))),M=t.keyframes(O||(O=n.__makeTemplateObject(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(-100%, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(-100%, 0, 0);\n}\n"]))),N=t.keyframes(h||(h=n.__makeTemplateObject(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(100%, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(100%, 0, 0);\n}\n"]))),K=t.keyframes(b||(b=n.__makeTemplateObject(["\n from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"],["\n from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"]))),g=t.keyframes(E||(E=n.__makeTemplateObject(["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"],["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"])));exports.lazyLoadInstance=null,"undefined"==typeof window||exports.lazyLoadInstance||(exports.lazyLoadInstance=new f.default),exports.Breakpoints=x,exports.MediaQueries=A,exports.fadeIn=g,exports.formatUrlWithPageParam=function(n,t,e){void 0===t&&(t=1),void 0===e&&(e="page");var a=n.split("?"),r=a[0],o=a[1],i=new URLSearchParams(o||""),s={};return i.forEach((function(n,t){n&&(s[t]=n)})),Number(t)>1?s[e]=String(t):delete s[e],r+I(s)},exports.getBoundariesFromMediaQueryKey=function(n){switch(n){case"smbDown":return[0,x.BREAK_POINT_SMALL_MOBILE-1];case"smbUp":return[x.BREAK_POINT_SMALL_MOBILE,0];case"mbDown":return[0,x.BREAK_POINT_MOBILE-1];case"mbOnly":return[x.BREAK_POINT_SMALL_MOBILE,x.BREAK_POINT_MOBILE-1];case"mbUp":return[x.BREAK_POINT_MOBILE,0];case"tdDown":return[0,x.BREAK_POINT_TABLET-1];case"tdOnly":return[x.BREAK_POINT_MOBILE,x.BREAK_POINT_TABLET-1];case"tdUp":return[x.BREAK_POINT_TABLET,0];case"pcUp":return[x.BREAK_POINT_PC,0];case"pcOnly":return[x.BREAK_POINT_TABLET,x.BREAK_POINT_PC-1];case"pcDown":return[0,x.BREAK_POINT_PC-1]}},exports.getPopupWrapperDom=function(){var n="hhg-comp-popup-wrapper";if(!document.querySelector("#"+n)){var t=document.createElement("div");t.id=n,document.body.appendChild(t)}return document.querySelector("#"+n)},exports.makeParams=I,exports.slideInDown=P,exports.slideInLeft=w,exports.slideInRight=v,exports.slideInUp=L,exports.slideOutDown=R,exports.slideOutLeft=M,exports.slideOutRight=N,exports.slideOutUp=K,exports.startCase=function(n){return n.replace(/\w\S*/g,(function(n){return n.charAt(0).toUpperCase()+n.substr(1).toLowerCase()}))},exports.toggleNoScroll=function(n){"undefined"!=typeof window&&(document.documentElement.style.overflow=n?"hidden":"")},exports.useTranslations=function(){var n=e.useContext(a.TranslationsContext)||{locale:"en-PH"},t=n.values,r=n.locale;return e.useMemo((function(){return{t:function(n,e){return t?t[n]?e?p.default(t[n]||n,e):t[n]||n:(console.warn("[useTranslations] Missing translation for key ".concat(n," and locale ").concat(r)),e?p.default(a.defaultTranslations[n]||n,e):a.defaultTranslations[n]||n):(console.error("[useTranslations] t method called before translation values are loaded"),n)},locale:r}}),[t,r])};

package/build/types-371a4b01.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-f7929e76.js"),t=require("react"),n=require("./constants-ea7b35a2.js"),a=require("./theme-7830aadf.js"),i=require("./cookieHelper-612b90fa.js"),o=require("./lazyLoad-a7ea17af.js"),r=require("lodash/debounce"),l=require("./index-0b773a51.js"),s=require("./index-67d7c4fd.js");require("react-range"),require("react-dom"),require("./translationsContext-f8e45a1a.js");var c=require("string-format");require("date-fns");var u=require("styled-components"),d=require("react-loading-skeleton"),p=require("react-id-generator"),h=require("lodash/shuffle");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=f(t),m=f(r),C=f(c),v=f(u),x=f(d),b=f(h);var y,_,w,E,k,L,S,T,O,I,M,R,A=v.default.div(y||(y=e.__makeTemplateObject([""],[""]))),N=v.default.div(_||(_=e.__makeTemplateObject(["\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"]))),P=v.default.section(w||(w=e.__makeTemplateObject([""],[""]))),F=v.default.input(E||(E=e.__makeTemplateObject(["\n  position: fixed;\n  left: -100%;\n  top: -100%;\n"],["\n  position: fixed;\n  left: -100%;\n  top: -100%;\n"]))),z=v.default(s.Input)(k||(k=e.__makeTemplateObject(["\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"]))),j=u.createGlobalStyle(L||(L=e.__makeTemplateObject(["\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"]))),B=function(e){var t=e.className,n=e.color;return g.default.createElement("svg",{className:t,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},g.default.createElement("path",{d:"M18 6L6 18",stroke:n||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),g.default.createElement("path",{d:"M6 6L18 18",stroke:n||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))},D=function(e){var t=e.className,n=e.color;return g.default.createElement("svg",{width:"14",height:"20",viewBox:"0 0 14 20",className:t},g.default.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:n||"currentColor"}))},H=function(e){var t=e.className,n=e.color;return g.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:t},g.default.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:n||"currentColor"}))},V=function(e){var t=e.className,n=e.color;return g.default.createElement("svg",{className:t,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},g.default.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:n||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),g.default.createElement("path",{d:"M20 20L16 16",stroke:n||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},K=function(e){var t=e.width,n=e.height;return g.default.createElement("svg",{width:t||30,height:n||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},g.default.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}))},Z=v.default.li(S||(S=e.__makeTemplateObject(["\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"])),a.theme.colors.neutral100),G=v.default.div(T||(T=e.__makeTemplateObject(["\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"])),o.MediaQueries.mbDown),U=v.default.ul(O||(O=e.__makeTemplateObject(["\n  width: 100%;\n  max-height: 600px;\n  overflow-y: auto;\n"],["\n  width: 100%;\n  max-height: 600px;\n  overflow-y: auto;\n"]))),q=v.default(D)(I||(I=e.__makeTemplateObject(["\n  width: 12px;\n  height: 18px;\n"],["\n  width: 12px;\n  height: 18px;\n"]))),Q=v.default.li(M||(M=e.__makeTemplateObject(["\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    ")}),a.theme.colors.neutral100,a.theme.colors.neutral50),W=v.default((function(t){var n=t.count,a=t.className,i=p.useId(n);return g.default.createElement(g.default.Fragment,null,e.__spreadArray([],Array(n),!0).map((function(e,t){return g.default.createElement(Z,{className:a,key:i[t]},g.default.createElement(x.default,{count:1,height:32}),g.default.createElement(x.default,{count:1,height:24}))})))}))(R||(R=e.__makeTemplateObject(["\n  &:first-child {\n    padding-top: 18px;\n  }\n"],["\n  &:first-child {\n    padding-top: 18px;\n  }\n"]))),Y=function(e){var t=e.cities,n=e.isLoading,i=e.onLocationClick,r=e.onCurrentLocationClick,s=e.geoLocationPermission,c=void 0===s?"unset":s,u=e.isLocationLoading,d=e.selectedLocation,p=o.useTranslations().t,h="denied"===c,f=function(){return g.default.createElement(Q,{role:"button",tabIndex:0,onClick:function(e){h||(e.nativeEvent.stopImmediatePropagation(),u||r())},"data-is-denied":h},h?g.default.createElement(l.Text,{color:"var(--gray600)",size:"md"},"x"):u?g.default.createElement(x.default,{height:20,width:20}):g.default.createElement(H,{color:a.theme.colors.primaryBase}),g.default.createElement("div",null,h?g.default.createElement(l.Text,{color:"var(--gray600)",size:"sm",style:{lineHeight:1.5}},p("booking.searchBar.grantLocation")):u?g.default.createElement(x.default,{height:20,style:{width:"calc(100% - 16px)"}}):g.default.createElement(l.Text,{size:"md"},p("booking.searchBar.useCurrentLocation"))))};return g.default.createElement(G,{"data-testid":"location-search-results"},g.default.createElement(U,null,n?g.default.createElement(W,{count:5}):!t||t.length<1?g.default.createElement(g.default.Fragment,null,f(),g.default.createElement(Q,{"data-is-denied":"true"},g.default.createElement(l.Text,{size:"sm",color:"#ccc"},p("booking.searchBar.noResults")))):g.default.createElement(g.default.Fragment,null,f(),t.map((function(e){return g.default.createElement(Q,{key:e.id,onClick:function(t){t.nativeEvent.stopImmediatePropagation(),i&&i(e)},role:"button",tabIndex:0,"aria-label":"Select ".concat(e.name," as location"),isSelected:(null==d?void 0:d.id)===e.id},g.default.createElement(q,{color:a.theme.colors.neutral400}),g.default.createElement(l.Text,{size:"md"},e.name))})))))},J="TYPE_CHARACTER",X="REMOVE_CHARACTER",$="REMOVE_ALL",ee="REMOVE_LAST_VISIBLE_NODE",te="PAUSE_FOR",ne="CHANGE_DELETE_SPEED",ae="CHANGE_DELAY",ie="PASTE_STRING",oe=function(e,t){return Math.floor(Math.random()*(t-e+1))+e},re="TEXT_NODE",le=function(){function t(t){var n=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 n.state.eventLoopPaused=!1,n.runEventLoop(),n},this.pause=function(){return n.state.eventLoopPaused=!0,n},this.stop=function(){return n.state.eventLoop&&(window.cancelAnimationFrame(n.state.eventLoop),n.state.eventLoop=null),n},this.pauseFor=function(e){return n.addEventToQueue(te,{ms:e}),n},this.typeOutAllStrings=function(){return"string"==typeof n.options.strings?(n.typeString(n.options.strings).pauseFor(n.options.pauseFor),n):(n.options.strings.forEach((function(e){n.typeString(e).pauseFor(n.options.pauseFor).deleteAll(n.options.deleteSpeed)})),n)},this.typeString=function(e,t){if(void 0===t&&(t=null),e){var a=(n.options||{}).stringSplitter,i="function"==typeof a?a(e):e.split("");n.typeCharacters(i,t)}return n},this.pasteString=function(e,t){return void 0===t&&(t=null),e&&n.addEventToQueue(ie,{character:e,node:t}),n},this.deleteAll=function(e){return void 0===e&&(e="natural"),n.addEventToQueue($,{speed:e}),n},this.changeDeleteSpeed=function(e){if(!e)throw new Error("Must provide new delete speed");return n.addEventToQueue(ne,{speed:e}),n},this.changeDelay=function(e){if(!e)throw new Error("Must provide new delay");return n.addEventToQueue(ae,{delay:e}),n},this.deleteChars=function(e){if(!e)throw new Error("Must provide amount of characters to delete");for(var t=0;t<e;t++)n.addEventToQueue(X);return n},this.typeCharacters=function(e,t){if(void 0===t&&(t=null),!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(e){n.addEventToQueue(J,{character:e,node:t})})),n},this.removeCharacters=function(e){if(!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(){n.addEventToQueue(X)})),n},this.addEventToQueue=function(e,t,a){return void 0===a&&(a=!1),n.addEventToStateProperty(e,t,a,"eventQueue")},this.addReverseCalledEvent=function(e,t,a){return void 0===a&&(a=!1),n.options.loop?n.addEventToStateProperty(e,t,a,"reverseCalledEvents"):n},this.addEventToStateProperty=function(t,a,i,o){void 0===i&&(i=!1);var r={eventName:t,eventArgs:a||{}};return n.state[o]=i?e.__spreadArray([r],n.state[o],!0):e.__spreadArray(e.__spreadArray([],n.state[o],!0),[r],!1),n},this.runEventLoop=function(){n.state.lastFrameTime||(n.state.lastFrameTime=Date.now());var t=Date.now(),a=t-n.state.lastFrameTime;if(!n.state.eventQueue.length){if(!n.options.loop)return;n.state.eventQueue=e.__spreadArray([],n.state.calledEvents,!0),n.state.calledEvents=[],n.options=e.__assign({},n.state.initialOptions)}if(n.state.eventLoop=window.requestAnimationFrame(n.runEventLoop),!n.state.eventLoopPaused){if(n.state.pauseUntil){if(t<n.state.pauseUntil)return;n.state.pauseUntil=null}var i=e.__spreadArray([],n.state.eventQueue,!0),o=i.shift();if(!(a<=(o.eventName===ee||o.eventName===X?"natural"===n.options.deleteSpeed?oe(40,80):n.options.deleteSpeed:"natural"===n.options.delay?oe(120,160):n.options.delay))){var r=o.eventName,l=o.eventArgs;switch(r){case ie:case J:var s=l.character,c=document.createTextNode(s),u=c;n.options.onCreateTextNode&&"function"==typeof n.options.onCreateTextNode&&(u=n.options.onCreateTextNode(s,c)),n.state.visibleNodes=e.__spreadArray(e.__spreadArray([],n.state.visibleNodes,!0),[{type:re,character:s,node:u}],!1);break;case X:i.unshift({eventName:ee,eventArgs:{removingCharacterNode:!0}});break;case te:var d=o.eventArgs.ms;n.state.pauseUntil=Date.now()+parseInt(d);break;case $:var p=n.state.visibleNodes,h=l.speed,f=[];h&&f.push({eventName:ne,eventArgs:{speed:h,temp:!0}});for(var g=0,m=p.length;g<m;g++)f.push({eventName:ee,eventArgs:{removingCharacterNode:!1}});h&&f.push({eventName:ne,eventArgs:{speed:n.options.deleteSpeed,temp:!0}}),i.unshift.apply(i,f);break;case ee:if(n.state.visibleNodes.length){var C=n.state.visibleNodes.pop(),v=C.node;s=C.character;n.options.onRemoveNode&&"function"==typeof n.options.onRemoveNode&&n.options.onRemoveNode({node:v,character:s}),v&&v.parentNode.removeChild(v)}break;case ne:n.options.deleteSpeed=o.eventArgs.speed;break;case ae:n.options.delay=o.eventArgs.delay}n.options.loop&&(o.eventName===ee||o.eventArgs&&o.eventArgs.temp||(n.state.calledEvents=e.__spreadArray(e.__spreadArray([],n.state.calledEvents,!0),[o],!1))),n.state.eventQueue=i,n.state.lastFrameTime=t}}},t&&(this.options=e.__assign(e.__assign({},this.options),t)),this.state.initialOptions=e.__assign({},this.options),this.init()}return t.prototype.init=function(){this.addEventToQueue($,null,!0),!0===this.options.autoStart&&this.options.strings&&this.typeOutAllStrings().start()},t}();function se(e){var n=e.inputRef,a=e.wrapperRef,i=e.disabled,r=o.useTranslations(),l=r.t,s=r.locale,c=t.useMemo((function(){if(i)return[];var e=["booking.searchBar.placeholder.hospital","booking.searchBar.placeholder.doctor"];return"zh-TW"!==s&&e.push("booking.searchBar.placeholder.specialty","booking.searchBar.placeholder.service"),b.default(e).map((function(e){return l(e)}))}),[l,s]);function u(e){var t=p();return t&&(t.placeholder=t.placeholder+e),null}function d(){var e=p();e&&(e.placeholder=e.placeholder.slice(0,-1))}function p(){return n&&n.current?n.current:a&&a.current&&a.current.querySelector("input")||null}t.useEffect((function(){if(!i){var e=p();e&&(e.placeholder="",new le({strings:c,autoStart:!0,loop:!0,delay:32,deleteSpeed:32,pauseFor:1500,onCreateTextNode:u,onRemoveNode:d}))}}),[n,a])}var ce,ue=v.default.div(ce||(ce=e.__makeTemplateObject(["\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 de(n){var i=n.focused,r=n.value,l=void 0===r?"":r,s=n.onClick,c=n.trackingAttributes,u=n.inputSearchPlaceholder,d=o.useTranslations().t,p=t.useRef(null);se({wrapperRef:p,disabled:!!u});var h=t.useMemo((function(){return c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}}),[c]);return g.default.createElement(ue,e.__assign({onClick:function(){return s&&s()},ref:p},h),g.default.createElement(z,{inputClassName:"location"===i?"focused":void 0,name:"booking-search-placeholder",displayIcon:g.default.createElement(V,{color:a.theme.colors.gray400}),placeholder:d("booking.searchBar.searchInput.placeholder"),value:l,size:"md"}))}var pe,he,fe,ge,me,Ce,ve=v.default.header(pe||(pe=e.__makeTemplateObject(["\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"]))),xe=v.default.div(he||(he=e.__makeTemplateObject(["\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"]))),be=v.default.div(fe||(fe=e.__makeTemplateObject(["\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"]))),ye=v.default.div(ge||(ge=e.__makeTemplateObject(["\n  width: 100%;\n  margin-left: 24px;\n"],["\n  width: 100%;\n  margin-left: 24px;\n"]))),_e=v.default(l.Text)(me||(me=e.__makeTemplateObject(["\n  color: ",";\n  text-align: start;\n"],["\n  color: ",";\n  text-align: start;\n"])),a.theme.colors.secondaryDark),we=function(e){var t=e.className,n=e.onLeftClick,i=e.headingText,o=e.onRightClick,r=e.iconLeft,l=e.textRight;return g.default.createElement(ve,{className:t},g.default.createElement(be,{onClick:n},r||g.default.createElement(B,{color:a.theme.colors.gray800})),g.default.createElement(ye,null,g.default.createElement(_e,{size:"md",type:"bold"},i)),g.default.createElement(xe,{onClick:o},l&&g.default.createElement("p",null,l)))},Ee={"en-PH":3,"tl-PH":2,"id-ID":3,"vi-VN":2,"zh-TW":0},ke={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 Le(t){var n=t.selectedLocation,a=t.searchLocationKeywords;return n&&a!==n.name?e.__assign(e.__assign({},t),{searchLocationKeywords:n.name}):t}function Se(t,a){var i;switch(t.isDebug&&console.log("bookingSearchBar",{action:a,state:t}),a.type){case Ce.NavigateTo:return e.__assign(e.__assign({},t),{navigateTo:a.payload,focused:"none",isMobileModalOpened:!1});case Ce.ClickOutsideInputLocation:return t.isMobile||"location"!==t.focused?t:Le(e.__assign(e.__assign({},t),{focused:"none"}));case Ce.ClickOutsideInputSearch:return t.isMobile||"search"!==t.focused?t:e.__assign(e.__assign({},t),{focused:"none"});case Ce.FocusInputLocation:var o=e.__assign(e.__assign({},t),{focused:"location"});return(null===(i=t.selectedLocation)||void 0===i?void 0:i.id)===n.ID_OPTION_CURRENT_LOCATION&&(o.searchLocationKeywords=""),o;case Ce.FocusInputSearch:var r=e.__assign(e.__assign({},t),{focused:"search"});return t.isMobile?Le(r):r;case Ce.ChangeInputLocation:return e.__assign(e.__assign({},t),{searchLocationKeywords:a.payload});case Ce.ChangeInputSearch:var l=a.payload;return e.__assign(e.__assign({},t),{searchKeywords:l,isLoadingSearchResults:l.trim().length>Ee[t.locale]});case Ce.SelectCurrentLocation:return e.__assign(e.__assign({},t),{focused:"none",selectedLocation:a.payload,searchLocationKeywords:a.payload.name});case Ce.ClearInputLocation:return e.__assign(e.__assign({},t),{focused:"location",cities:t.initialCities,searchLocationKeywords:""});case Ce.ClearInputSearch:return e.__assign(e.__assign({},t),{focused:"search",searchKeywords:""});case Ce.SelectLocation:return e.__assign(e.__assign({},t),{focused:"none",selectedLocation:a.payload,searchLocationKeywords:a.payload.name});case Ce.SelectSearchResult:return e.__assign(e.__assign({},t),{searchKeywords:a.payload.name,isMobileModalOpened:!1,focused:"none",navigateTo:a.payload.url});case Ce.FetchCitiesStart:return e.__assign(e.__assign({},t),{isLoadingCities:!0});case Ce.FetchCitiesFinish:return e.__assign(e.__assign({},t),{isLoadingCities:!1});case Ce.FetchSearchResultsStart:return e.__assign(e.__assign({},t),{isLoadingSearchResults:!0});case Ce.FetchSearchResultsFinish:return e.__assign(e.__assign({},t),{isLoadingSearchResults:!1});case Ce.FetchSearchResultsComplete:var s=e.__assign(e.__assign({},t),{searchResults:a.payload});return 0===t.initialSearchResults.length&&(s.initialSearchResults=a.payload),s;case Ce.FetchCitiesByGeoIpComplete:var c=a.payload.cities,u=a.payload.default;(c=c.filter((function(e){return e.id!==u.id}))).unshift(u),t.initialSelectedCity&&!c.find((function(e){return e.id===t.initialSelectedCity.id}))&&c.unshift(t.initialSelectedCity);var d=e.__assign(e.__assign({},t),{defaultCity:u,initialCities:c,cities:c});return"denied"!==t.geoLocationPermission||t.initialSelectedCity||(d.selectedLocation=u,d.searchLocationKeywords=u.name),d;case Ce.FetchCitiesByKeywordComplete:return e.__assign(e.__assign({},t),{cities:a.payload});case Ce.DisplayInitialCities:return e.__assign(e.__assign({},t),{cities:t.initialCities});case Ce.DisplayInitialSearchResults:return e.__assign(e.__assign({},t),{searchResults:t.initialSearchResults,isLoadingSearchResults:!1});case Ce.GrantGeoLocationPermission:return e.__assign(e.__assign({},t),{geoLocationPermission:"granted",geoLocationCoordinates:a.payload});case Ce.DenyGeoLocationPermission:return e.__assign(e.__assign({},t),{geoLocationPermission:"denied",geoLocationCoordinates:null});case Ce.OpenMobileModal:return e.__assign(e.__assign({},t),{isMobileModalOpened:!0});case Ce.CloseMobileModal:return e.__assign(e.__assign({},t),{isMobileModalOpened:!1});case Ce.UpdateInitialSearchValue:return e.__assign(e.__assign({},t),{searchKeywords:a.payload});case Ce.SetInputSearchPlaceholder:return e.__assign(e.__assign({},t),{inputSearchPlaceholder:a.payload});default:return t}}!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"}(Ce||(Ce={}));var Te,Oe,Ie,Me,Re,Ae,Ne,Pe=function(){return g.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},g.default.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"}))},Fe=v.default.button(Te||(Te=e.__makeTemplateObject(["\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}),o.MediaQueries.mbDown,(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryActive})),ze=v.default(l.Text)(Oe||(Oe=e.__makeTemplateObject(["\n  font-weight: ",";\n"],["\n  font-weight: ",";\n"])),(function(e){return e.theme.sizes.fwSemiBold})),je=function(e){var t=e.onClick,n=(0,o.useTranslations().t)("booking.searchBar.searchButton");return g.default.createElement(Fe,{onClick:t,title:n},g.default.createElement(Pe,null),g.default.createElement(ze,{size:"s3",color:"white"},n))},Be=v.default.div(Ie||(Ie=e.__makeTemplateObject(["\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"])),o.MediaQueries.mbDown,a.theme.colors.blue50),De=v.default.div(Me||(Me=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),He=v.default(De)(Re||(Re=e.__makeTemplateObject(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),Ve=v.default(De)(Ae||(Ae=e.__makeTemplateObject(["\n  flex: 2;\n"],["\n  flex: 2;\n"]))),Ke=v.default((function(e){var t=e.className,n=e.color;return g.default.createElement("svg",{className:t,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},g.default.createElement("rect",{x:"4",y:"4",width:"16",height:"16",rx:"8",fill:"white"}),g.default.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:n||"currentColor"}))}))(Ne||(Ne=e.__makeTemplateObject(["\n  display: none;\n  &.shown {\n    display: block;\n  }\n"],["\n  display: none;\n  &.shown {\n    display: block;\n  }\n"])));function Ze(e){var i=e.isMobile,r=e.state,s=e.dispatch,c=e.debouncedFetchCitiesByKeyword,u=e.debouncedFetchSearchResults,d=e.focusLocationInput,p=e.focusSearchInput,h=e.renderLocationResults,f=e.renderSearchResults,m=e.locationTrackingAttributes,C=e.trackingAttributes,v=e.onSearch,x=e.initalSearchValue,b=t.useRef(null),y=t.useRef(null),_=r.focused,w=r.searchLocationKeywords,E=r.geoLocationPermission,k=r.selectedLocation,L=r.searchKeywords,S=r.inputSearchPlaceholder,T=o.useTranslations().t;se({wrapperRef:y,disabled:!!S}),l.useOutsideClick(b,(function(){s({type:Ce.ClickOutsideInputLocation})})),l.useOutsideClick(y,(function(){s({type:Ce.ClickOutsideInputSearch})}));var O=t.useMemo((function(){return"granted"===E&&(null==k?void 0:k.id)===n.ID_OPTION_CURRENT_LOCATION?a.theme.colors.primaryBase:a.theme.colors.gray400}),[E,k]),I=t.useCallback((function(e){s({type:Ce.ChangeInputSearch,payload:e}),"function"!=typeof v&&(e.trim().length>Ee[r.locale]||x?u(e.trim(),r):(u.cancel(),s({type:Ce.DisplayInitialSearchResults})))}),[s,r]),M=t.useCallback((function(e){s({type:Ce.ChangeInputLocation,payload:e}),e.trim().length>Ee[r.locale]?c(e.trim()):(c.cancel(),s({type:Ce.DisplayInitialCities}))}),[c,s]);return g.default.createElement(Be,null,g.default.createElement(He,{ref:b},g.default.createElement(z,{inputClassName:"location"===_?"focused":void 0,placeholder:T("booking.searchBar.locationPlaceholder"),autoComplete:"off",name:"search-location",displayIcon:g.default.createElement(D,{className:"location-pin-icon",color:O}),actionIcon:g.default.createElement(Ke,{color:a.theme.colors.gray300,className:""!==w?"shown":""}),onActionClick:function(){s({type:Ce.ClearInputLocation}),c.cancel(),d()},value:w,onChange:M,onFocus:function(){return s({type:Ce.FocusInputLocation})},size:"md",trackingAttributes:m}),!i&&h()),g.default.createElement(Ve,{ref:y},g.default.createElement(z,{placeholder:S||T("booking.searchBar.searchInput.placeholder"),autoComplete:"off",name:"search-results",actionIcon:g.default.createElement(Ke,{color:a.theme.colors.gray300,className:""!==L?"shown":""}),onActionClick:function(){s({type:Ce.ClearInputSearch}),u.cancel(),u("",r),p()},value:L,onChange:I,onFocus:function(){return s({type:Ce.FocusInputSearch})},inputClassName:"search"===_?"focused":void 0,size:"md",trackingAttributes:C,onKeyPress:function(e){r.autoCompleteDisabled&&"Enter"===e.key&&v&&v({cityId:r.selectedLocation.id,keyword:L})},enterKeyHint:r.autoCompleteDisabled?"search":void 0}),!i&&f()),r.autoCompleteDisabled&&!r.isMobile&&g.default.createElement(je,{onClick:function(){v({cityId:r.selectedLocation.id,keyword:L})}}))}var Ge,Ue,qe,Qe,We,Ye,Je,Xe,$e,et,tt,nt,at,it,ot=v.default.li(Ge||(Ge=e.__makeTemplateObject(["\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"]))),rt=v.default.div(Ue||(Ue=e.__makeTemplateObject(["\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 t=e.type;return t&&"doctors"===t&&"\n    border-radius: calc(var(--graphicSize) / 2);\n    "}),(function(e){var t=e.type;return t&&"doctors"===t?"\n\n        object-fit: cover;  \n      ":"\n        object-fit: contain;\n      "}),a.theme.colors.gray600),lt=v.default(l.Text)(qe||(qe=e.__makeTemplateObject(["\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"])),o.MediaQueries.tdUp),st=v.default.figure(Qe||(Qe=e.__makeTemplateObject(["\n  max-width: var(--graphicSize);\n  min-width: var(--graphicSize);\n"],["\n  max-width: var(--graphicSize);\n  min-width: var(--graphicSize);\n"]))),ct=v.default.svg(We||(We=e.__makeTemplateObject(["\n  margin: 0 auto;\n  display: block;\n"],["\n  margin: 0 auto;\n  display: block;\n"]))),ut=v.default.div(Ye||(Ye=e.__makeTemplateObject(["\n  display: grid;\n  place-items: center;\n"],["\n  display: grid;\n  place-items: center;\n"]))),dt={doctors:function(e){var t=e.width,n=e.height;return g.default.createElement("svg",{width:t||32,height:n||32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},g.default.createElement("g",{clipPath:"url(#clip0_14712_400114)"},g.default.createElement("rect",{width:"32",height:"32",rx:"16",fill:"#E4E8EC"}),g.default.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"})),g.default.createElement("defs",null,g.default.createElement("clipPath",{id:"clip0_14712_400114"},g.default.createElement("rect",{width:"32",height:"32",rx:"16",fill:"white"}))))},services:function(e){var t=e.width,n=e.height;return g.default.createElement("svg",{width:t||30,height:n||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},g.default.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}),g.default.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"}))}},pt=function(e){var n=e.type,i=e.item,o=e.imageUrl,r=e.onClickItem,l=t.useMemo((function(){var e=dt[n]||K;return g.default.createElement(e,{width:32,height:"services"===n?32:24})}),[n]);return g.default.createElement(ot,{onClick:function(){return r&&r(i)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||r&&r(i)},tabIndex:0,role:"button"},g.default.createElement(st,null,"hospitals"===n?g.default.createElement(ct,{width:"12",height:"16",viewBox:"0 0 12 16"},g.default.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"})):g.default.createElement(rt,{type:n},o?g.default.createElement("img",{src:o,width:32,height:"services"===n?32:24}):l)),g.default.createElement(lt,{color:a.theme.colors.gray800,size:"p3"},i.name))},ht=function(){return g.default.createElement("svg",{width:"14",height:"18",viewBox:"0 0 14 18"},g.default.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"}))},ft=function(){return g.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},g.default.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"}))},gt=function(){return g.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17"},g.default.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"}))},mt=function(){return g.default.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},g.default.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"}))},Ct=v.default.header(Je||(Je=e.__makeTemplateObject(["\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"])),a.theme.colors.neutral50),vt=v.default.div(Xe||(Xe=e.__makeTemplateObject(["\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"]))),xt=v.default.p($e||($e=e.__makeTemplateObject(["\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"])),a.theme.colors.neutral800,a.theme.sizes.fwSemiBold),bt=v.default.button(et||(et=e.__makeTemplateObject(["\n  flex: 1;\n  cursor: pointer;\n  text-align: end;\n"],["\n  flex: 1;\n  cursor: pointer;\n  text-align: end;\n"]))),yt=v.default.section(tt||(tt=e.__makeTemplateObject(["\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"])),o.MediaQueries.tdUp),_t=v.default.ul(nt||(nt=e.__makeTemplateObject(["\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"])),o.MediaQueries.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    "}),o.MediaQueries.tdUp),wt=v.default(l.Text)(at||(at=e.__makeTemplateObject(["\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"]))),Et=function(e){var i=e.type,r=e.data,s=e.state,c=e.dispatch,u=e.itemsToShow,d=e.itemsToShowDesktop,p=e.isMobile,h=e.isLoading,f=e.keyword,m=t.useState(!1),C=m[0],v=m[1],b=o.useTranslations(),y=b.t,_=b.locale,w=s.selectedLocation,E=s.searchKeywords,k=t.useMemo((function(){return n.LOCALIZED_SLUGS[_]}),[_]),L=t.useMemo((function(){return{doctors:{name:y("booking.searchPopup.doctors"),icon:g.default.createElement(ht,null),slug:k.DOCTOR},services:{name:y("booking.searchPopup.services"),icon:g.default.createElement(ft,null),slug:k.SERVICE},hospitals:{name:y("booking.searchPopup.hospitals"),icon:g.default.createElement(gt,null),slug:k.HOSPITAL},specialties:{name:y("booking.searchPopup.specialties"),icon:g.default.createElement(mt,null),slug:k.SPECIALTIES}}}),[i,k]),S=t.useMemo((function(){return L[i].slug}),[L]),T=p?u:d;function O(e){var t="";switch(i){case"specialties":t="/".concat(w.slug,"/").concat(L.doctors.slug,"/").concat(e.slug);break;case"services":t="/".concat(w.slug,"/").concat(S,"/").concat(e.slug);break;case"doctors":case"hospitals":t="/".concat(S,"/").concat(e.slug,"-").concat(e.id)}t&&c({type:Ce.SelectSearchResult,payload:{name:e.name,url:t}})}function I(e){return g.default.createElement(pt,{key:e.id,item:e,type:i,imageUrl:e.logo||e.avatar||e.thumbnail,onClickItem:O})}return g.default.createElement("section",null,g.default.createElement(Ct,null,g.default.createElement(vt,null,L[i].icon,g.default.createElement(xt,null,L[i].name)),f.trim().length<=Ee[_]&&g.default.createElement(bt,{onClick:function(){var e="";switch(i){case"specialties":e="/".concat(S);break;case"services":case"doctors":case"hospitals":e="/".concat(w.slug,"/").concat(S)}e&&c({type:Ce.NavigateTo,payload:e})}},g.default.createElement(l.Text,{size:"p3",color:a.theme.colors.primaryBase},y("booking.searchPopup.seeAll")))),(h||r&&r.length>0)&&g.default.createElement(yt,null,g.default.createElement(_t,null,h&&Array(2).fill(void 0).map((function(e,t){return g.default.createElement(ot,{key:i+"loading"+t},g.default.createElement(st,null,g.default.createElement(ut,null,g.default.createElement(x.default,{height:14,width:"hospitals"===i?12:32,style:{maxWidth:"var(--graphicSize)",minHeight:"var(--graphicSize)"}}))),g.default.createElement(x.default,{width:120,height:24}))})),!h&&r&&r.length>0&&r.slice(0,T).map(I)),g.default.createElement(_t,{isShown:C,isMore:!0},r.slice(T,-1).map(I)),"specialties"===i&&T<r.length&&!h&&g.default.createElement("button",{onClick:function(){return v(!C)}},g.default.createElement(wt,{size:"p3",color:a.theme.colors.primaryBase},y(C?"booking.searchPopup.seeLessSpecialties":"booking.searchPopup.seeMoreSpecialties"))),"specialties"!==i&&T<r.length&&!h&&f.trim().length>Ee[_]&&g.default.createElement("button",{onClick:function(){var e=L[i].slug,t="/".concat(w.slug,"/").concat(e,"?q=").concat(E);c({type:Ce.NavigateTo,payload:t})}},g.default.createElement(wt,{size:"p3",color:a.theme.colors.primaryBase},y("booking.searchPopup.searchIn.".concat(i),{name:f})))),!h&&0===(null==r?void 0:r.length)&&g.default.createElement(yt,null,g.default.createElement(l.Text,{size:"sm",color:a.theme.colors.gray400},y("booking.searchBar.noResults"))))},kt=v.default.section(it||(it=e.__makeTemplateObject(["\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"])),o.MediaQueries.tdUp),Lt=function(e){var t=e.data,n=e.state,a=e.dispatch,i=e.isMobile,o=e.isLoading,r=e.keyword;return g.default.createElement(kt,null,t&&t.map((function(e){return g.default.createElement(Et,{type:e.type,state:n,dispatch:a,itemsToShow:2,itemsToShowDesktop:4,key:e.type,data:e.results,isMobile:i,isLoading:o,keyword:r})})))},St="api/lists/cities?keyword={keyword}&country_id={countryId}&site={domain}&_nopaging={noPaging}",Tt="api/v2/search/?site={domain}&type={searchType}&keyword={keyword}&city_id={city}&latitude={lat}&longitude={lng}",Ot="api/geobyip?site={domain}&latitude={lat}&longitude={lng}",It=function(t,a,i){return C.default(t,e.__assign(e.__assign({},a),{domain:n.domainLocales[i||"en-PH"]}))};var Mt;!function(e){e[e.SPECIALTY=1]="SPECIALTY",e[e.DOCTOR=2]="DOCTOR",e[e.CLINIC=3]="CLINIC",e[e.SERVICE=4]="SERVICE"}(Mt||(Mt={}));var Rt=Object.freeze({__proto__:null,get RedirectType(){return Mt}});exports.BookingSearchBar=function(r){var l=r.isMobile,s=r.careApiDomain,c=r.geoLocationPermission,u=r.geoLocationCoordinates,d=r.initialSelectedCity,p=r.initialSearchValue,h=void 0===p?"":p,f=r.careFrontDomain,C=void 0===f?"/care":f,v=r.isDebug,x=void 0!==v&&v,b=r.askForGeolocationPermission,y=void 0!==b&&b,_=r.gaTrackingSearchBar,w=r.gaTrackingLocationSearch,E=r.autoCompleteDisabled,k=void 0!==E&&E,L=r.inputSearchPlaceholder,S=void 0===L?"":L,T=r.routerPush,O=r.onGeoLocationPermissionChange,I=r.onSearch,M=r.onChangeLocation,R=o.useTranslations(),z=R.t,B=R.locale,D=t.useRef(null),H=t.useRef(null),V=t.useState(void 0),K=V[0],Z=V[1],G=function(){var e=t.useState((function(){if("undefined"==typeof window)return"unset";if(i.getCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE))return"granted";var e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),n=e[0],o=e[1],r=t.useState((function(){if("undefined"==typeof window)return null;var e=i.getCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),l=r[0],s=r[1],c=t.useCallback((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((function(e){var t={lat:"".concat(Math.round(1e7*e.coords.latitude)/1e7),lng:"".concat(Math.round(1e7*e.coords.longitude)/1e7)};i.setCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE,JSON.stringify(t),0,15),s(t),o("granted")}),(function(){i.deleteCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE),o("denied")}))}),[]);return t.useMemo((function(){return{geoLocationPermission:n,geoLocationCoordinates:l,requestGeoLocation:c}}),[n,l])}(),U=G.geoLocationPermission,q=G.geoLocationCoordinates,Q=G.requestGeoLocation,W=t.useReducer(Se,ke,(function(t){return e.__assign(e.__assign({},t),{isDebug:x,isMobile:l,geoLocationPermission:c||U||"unset",geoLocationCoordinates:u||q||null,searchKeywords:h,initialSelectedCity:d||null,selectedLocation:d||t.selectedLocation||null,searchLocationKeywords:(null==d?void 0:d.name)||t.searchLocationKeywords,autoCompleteDisabled:k,inputSearchPlaceholder:S,locale:B})})),J=W[0],X=W[1],$=J.navigateTo,ee=J.focused,te=J.isLoadingCities,ne=J.cities,ae=J.searchKeywords,ie=J.geoLocationPermission,oe=J.selectedLocation,re=J.initialSelectedCity,le=J.defaultCity,se=J.searchResults,ce=J.isLoadingSearchResults,ue=J.isMobileModalOpened,pe=J.inputSearchPlaceholder,he=function(a){var i=a.dispatch,o=a.careApiDomain,r=a.locale,l=void 0===r?"vi-VN":r,s=t.useCallback((function(e,t){void 0===t&&(t={});var n="".concat(o).concat(e);return i({type:Ce.FetchCitiesStart}),fetch(It(n,t,l),{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 i({type:Ce.FetchCitiesFinish})}))}),[l]),c=t.useCallback((function(t){var n=t.coordinates,a={};n&&(a={lat:n.lat,lng:n.lng});var o=[s(Ot,a)];return"zh-TW"===l&&o.push(s(St,{noPaging:1})),Promise.all(o).then((function(t){var n=t[0],a=t[1],o=e.__assign({},n);if(a){var r=o.cities.map((function(e){return e.id}));o.cities=o.cities.concat(a.cities.filter((function(e){return!r.includes(e.id)})))}i({type:Ce.FetchCitiesByGeoIpComplete,payload:o})})).catch((function(e){return console.error("error loading cities by location",e)}))}),[l,o,i]);return{fetchCitiesByLocation:c,fetchCitiesByKeyword:t.useCallback((function(e){return s(St,{keyword:e}).then((function(e){i({type:Ce.FetchCitiesByKeywordComplete,payload:e.cities})})).catch((function(e){return console.error("error loading cities by keyword",e)}))}),[l,o,i]),fetchSearchResults:t.useCallback((function(e,t){var a="".concat(o).concat(Tt);i({type:Ce.FetchSearchResultsStart});var r=t.defaultCity,s=t.selectedLocation,c=t.geoLocationCoordinates,u="";if(s&&r){s.id===n.ID_OPTION_CURRENT_LOCATION?c||(u=r.id):u=s.id;var d=(null==c?void 0:c.lat)||"",p=(null==c?void 0:c.lng)||"";return fetch(It(a,{domain:o,searchType:"global",keyword:e.trim().length>Ee[l]?e.trim():"",city:u===n.ID_OPTION_CURRENT_LOCATION?"":u,lat:d,lng:p},l),{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 i({type:Ce.FetchSearchResultsComplete,payload:e})})).catch((function(e){console.log("error loading search results",{url:a,error:e})})).finally((function(){return i({type:Ce.FetchSearchResultsFinish})}))}i({type:Ce.FetchSearchResultsFinish})}),[l,o,i])}}({dispatch:X,locale:B,careApiDomain:s}),fe=he.fetchCitiesByLocation,ge=he.fetchCitiesByKeyword,me=he.fetchSearchResults,ve=t.useMemo((function(){var e;return{id:n.ID_OPTION_CURRENT_LOCATION,name:z("booking.searchBar.currentLocation"),slug:null===(e=n.LOCALIZED_SLUGS[B])||void 0===e?void 0:e.CURRENT}}),[z,B]),xe=t.useMemo((function(){return m.default(ge,400)}),[ge]),be=t.useMemo((function(){return m.default(me,400)}),[me]);t.useEffect((function(){""!==h&&h!==J.searchKeywords&&X({type:Ce.UpdateInitialSearchValue,payload:h})}),[h]),t.useEffect((function(){y&&(null==oe?void 0:oe.id)===n.ID_OPTION_CURRENT_LOCATION&&"unset"===ie&&Q()}),[y,oe,ie]),t.useEffect((function(){c||ie===U||("granted"===U&&q?X({type:Ce.GrantGeoLocationPermission,payload:q}):"denied"===U&&X({type:Ce.DenyGeoLocationPermission}))}),[ie,U,q,c]),t.useEffect((function(){$&&(T?T($):window.location.href="".concat(C).concat($))}),[$]);var ye=t.useCallback((function(){X({type:Ce.SelectCurrentLocation,payload:ve})}),[z,X]);t.useEffect((function(){"denied"===ie||re||ye(),O&&O(ie,J.geoLocationCoordinates),l&&"granted"===ie&&oe&&X({type:Ce.FocusInputSearch}),fe({coordinates:J.geoLocationCoordinates})}),[ie]),t.useEffect((function(){oe&&le&&me(J.searchKeywords,J)}),[oe,le]),t.useEffect((function(){S!==pe&&X({type:Ce.SetInputSearchPlaceholder,payload:S})}),[S,pe]),t.useEffect((function(){ue?document.body.classList.add("care-popup-open"):document.body.classList.remove("care-popup-open")}),[ue]);var _e=t.useCallback((function(e){X({type:Ce.SelectLocation,payload:e}),Oe(),M&&M(e)}),[z,X]);function Le(){l&&"granted"!==J.geoLocationPermission?Q():(ye(),Oe())}function Te(){var e;D.current&&(null===(e=D.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus())}function Oe(){var e;D.current&&(null===(e=D.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}function Ie(){X({type:Ce.CloseMobileModal})}function Me(){return"location"!==ee?null:g.default.createElement(Y,{isLoading:te,cities:ne,onLocationClick:_e,onCurrentLocationClick:Le,isLocationLoading:te,geoLocationPermission:ie,selectedLocation:oe})}function Re(){return"search"!==ee?null:J.autoCompleteDisabled?l?g.default.createElement(je,{onClick:function(){I({cityId:J.selectedLocation.id,keyword:ae}),Ie()}}):null:g.default.createElement(Lt,{data:se,state:J,dispatch:X,isMobile:!1,keyword:ae,isLoading:ce})}function Ae(){return g.default.createElement(Ze,{isMobile:l,state:J,dispatch:X,debouncedFetchCitiesByKeyword:xe,debouncedFetchSearchResults:be,focusLocationInput:Te,focusSearchInput:Oe,renderLocationResults:Me,renderSearchResults:Re,trackingAttributes:_,locationTrackingAttributes:w,onSearch:I,initalSearchValue:h})}return t.useEffect((function(){if(window.visualViewport){var e=function(e){var t=e.target;Z(null==t?void 0:t.height)};return window.visualViewport.addEventListener("resize",e),function(){window.visualViewport.removeEventListener("resize",e)}}}),[Z]),l?g.default.createElement(g.default.Fragment,null,g.default.createElement(j,null),g.default.createElement(F,{ref:H}),g.default.createElement(N,{id:"booking-search-bar",ref:D,"data-is-modal":l&&ue,style:{"--mobile-care-searchbar-height":ue&&K?"".concat(K,"px"):"100%"}},ue?g.default.createElement(g.default.Fragment,null,g.default.createElement(P,null,g.default.createElement(we,{headingText:z("booking.searchBar.searchButton"),onLeftClick:Ie}),Ae()),Me(),Re()):g.default.createElement(de,{onClick:function(){var t;return e.__awaiter(this,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return H.current&&H.current.focus(),X({type:Ce.OpenMobileModal}),[4,Promise.resolve()];case 1:return e.sent(),D.current&&(null===(t=D.current.querySelector('input[name="search-location"]'))||void 0===t||t.focus()),[2]}}))}))},focused:ee,value:ae,trackingAttributes:_,inputSearchPlaceholder:S}))):g.default.createElement(A,{id:"booking-search-bar",ref:D},Ae())},exports.types=Rt;

package/build/types-f85c232c.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-f7929e76.js"),t=require("react"),n=require("./index-0b773a51.js"),a=require("./index-a664e052.js"),o=require("./lazyLoad-a7ea17af.js"),i=require("innertext"),l=require("./theme-7830aadf.js"),r=require("./index.styled-de6c5c68.js");require("react-range");var s=require("react-dom");require("date-fns");var c=require("./index-67d7c4fd.js"),u=require("lodash/debounce"),d=require("react-contenteditable"),m=require("./index-b14da3c1.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}require("styled-components");var f=p(t),g=p(i),h=v(s),C=p(u),w=p(d),E=function(a){var o=a.title,i=a.url,l=a.image,s=a.logo,c=a.className,u=a.style,d=a.noRefetch,p=t.useContext(r.TogetherComponentGlobalContext).data,v=p.locale,g=p.env.isMarryBaby,h=t.useState(!1),C=h[0],w=h[1],E=t.useRef(d);E.current=d;var y=t.useState(null),k=y[0],_=y[1];t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(t){return E.current?[2]:i?(_((function(t){return e.__assign(e.__assign({},t),{isFetching:!0})})),r.callApi(r.getApiPath(r.PATHS.FETCH_PREVIEW,{_locale:v}),"POST",{data:{link:i}}).then((function(e){var t,n,a;w(!1),_({title:null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.title,url:i,image:(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.image)||(null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.logo)})})).catch((function(){_(null)})),[2]):[2,_(null)]}))}))}),[i]);var b=(null==k?void 0:k.image)||l,T=(null==k?void 0:k.title)||o,P=(null==k?void 0:k.logo)||s,S=(null==k?void 0:k.url)||i,x=S.replace("http://","").replace("https://","").split(/[/?#]/)[0],N=t.useRef(!1);return f.default.createElement(r.StyledCardLink,{"data-is-marrybaby":g,className:"".concat(c," no-replace-click"),style:u},f.default.createElement("a",{href:S,target:"_blank",rel:"noreferrer"},b&&f.default.createElement("div",{className:"link-image-wrapper"},!g&&f.default.createElement("img",{className:"link-image-blur",src:b,onError:function(e){N.current||(N.current=!0,e.currentTarget.src=r.DEFAULT_IMG)}}),f.default.createElement("img",{className:"link-image",src:b,onError:function(e){N.current||(N.current=!0,e.currentTarget.src=r.DEFAULT_IMG)}})),f.default.createElement("div",{className:"link-info-container"},f.default.createElement(n.Text,{size:"n1"},g&&P&&!C&&f.default.createElement("img",{className:"link-logo",src:P,onError:function(e){return w(!0)}}),x),f.default.createElement(m.Heading,{tag:"h6"},T))))},y=function(e){var a=e.topics,o=e.onClick,i=e.className,l=e.style,s=function(){var e=t.useState(!1),n=e[0],a=e[1],o=t.useRef(null),i=t.useRef(null),l=t.useRef();return{sliding:n,mouseDownHandler:function(e){if(o.current){l.current=setTimeout((function(){a(!0)}),500),i.current={left:o.current.scrollLeft,x:e.clientX};var t=function(e){var t=i.current;if(t){var n=e.clientX-t.x;o.current&&(o.current.scrollLeft=t.left-n)}},n=function(){l.current&&(clearTimeout(l.current),l.current=void 0),a(!1),document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",n)};document.addEventListener("mousemove",t),document.addEventListener("mouseup",n)}},sliderRef:o,pos:i}}(),c=s.sliding,u=s.mouseDownHandler,d=s.sliderRef,m=t.useContext(r.TogetherComponentGlobalContext),p=m.data.env.togetherBasePath,v=m.action.sanitizeFunction;return f.default.createElement(r.StyledTagTopic,{ref:d,onClick:o,onMouseDown:function(e){return u(e)},className:"".concat(i," ").concat(c?"sliding":""),style:l},a.map((function(e,t){return f.default.createElement("a",{className:"tag-link-item",key:t,href:e.isActive&&!e.isHidden?"".concat(p).concat(e.url):void 0},f.default.createElement(n.Text,{size:"p3"},f.default.createElement("span",{dangerouslySetInnerHTML:{__html:(null==v?void 0:v(e.name))||e.name}})))})))},k=function(e){var n=e.onClick;e.color;var a=e.className,i=e.style,l=t.useContext(r.TogetherComponentGlobalContext).data.env.isMarryBaby,s=o.useTranslations().t;return f.default.createElement(r.LabelSortPin,{label:f.default.createElement(f.default.Fragment,null,l&&f.default.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"})," ",s("label.pinnedPost")),rightLabel:!l&&f.default.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:n,color:"white",className:"label-pinned ".concat(a),style:i})},_=function(e){return{message:e("notification.failure"),type:"danger"}},b="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",T=function(t){var n=t.id,a=t.locale;return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return n?[4,r.callApiWithAuth(r.getApiPath(r.PATHS.POST.LIKE,{id:n,_locale:a}),"GET")]:[2];case 1:return[2,e.sent()]}}))}))},P=function(t){var n=t.id,a=t.locale;return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return n?[4,r.callApiWithAuth(r.getApiPath(r.PATHS.POST.DELETE,{id:n,_locale:a}),"DELETE")]:[2];case 1:return[2,e.sent()]}}))}))},S=function(t){var n=t.title,a=t.description,o=t.communityId,i=t.imageFiles,l=t.previewUrl,s=t.topicIds,c=t.locale,u=t.sanitizeFunction,d=t.categoryCommunityId,m=t.categoryTopicIds,p=t.introUrl,v=t.bannerUrl,f=t.scheduleTime;return e.__awaiter(void 0,void 0,void 0,(function(){var t,g,h,C,w;return e.__generator(this,(function(e){switch(e.label){case 0:return t=new FormData,g=r.removeBannedWordWrapper(a),h=r.removeBannedWordWrapper(n),C=r.getMentionIdsFromString(g),t.append("title",h),t.append("description",r.encodePostContent(g,u)),d?t.append("category_community",String(d)):o&&t.append("community_id",String(o)),(null==l?void 0:l.title)&&t.append("preview_title",l.title),(null==l?void 0:l.description)&&t.append("preview_description",l.description),(null==l?void 0:l.url)&&t.append("preview_link",l.url),(null==l?void 0:l.image)&&t.append("preview_image",l.image),null==s||s.forEach((function(e){t.append("topics[]",String(e||""))})),null==m||m.forEach((function(e){t.append("category_topics[]",String(e||""))})),(null==i?void 0:i.length)?[4,Promise.all(i.map((function(e,t){return new Promise((function(n){setTimeout((function(){n(r.uploadAndGetSrc(e,c))}),2e3*t)}))})))]:[3,2];case 1:return null==(w=e.sent())||w.filter(Boolean).slice(0,r.MAX_IMAGE_UPLOADS).forEach((function(e,n){t.append("images[".concat(n,"]"),e)})),[3,3];case 2:t.append("images",""),e.label=3;case 3:return null==C||C.forEach((function(e){t.append("mention_ids[]",e)})),t.append("intro_url",p||""),t.append("banner",v||""),f&&(t.append("post_type","scheduled"),t.append("schedule_datetime",f)),[2,t]}}))}))},x=function(t){var n=t.locale,a=t.formData,o=t.isArticleComment;return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,r.callApiWithAuth(r.getApiPath(o?r.PATHS.POST.CREATE_ARTICLE_COMMENT:r.PATHS.POST.CREATE,{_locale:n}),"POST",{data:a,headers:{"Content-Type":"multipart/form-data"}})];case 1:return[2,e.sent()]}}))}))},N=function(t){var n=t.id,a=t.locale,o=t.formData;return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,r.callApiWithAuth(r.getApiPath(r.PATHS.POST.UPDATE,{id:n,_locale:a}),"POST",{data:o})];case 1:return[2,e.sent()]}}))}))},I=function(e){var t=e.id,n=e.reason,a=e.locale,o=new FormData;return o.append("reason",n),r.callApiWithAuth(r.getApiPath(r.PATHS.POST.REPORT,{_locale:a,id:t}),"POST",{data:o})},A=function(e,n){var a=t.useState(e||[]),o=a[0],i=a[1];return{onSelectImages:function(t){var a=t.target.files;a&&(n&&e?n((e||o).concat(Array.from(a))):i((function(t){var o=e||t;return n&&n(o.concat(Array.from(a))),o.concat(Array.from(a))})))},onRemoveImage:function(t){if(n&&e){var a=e;a.splice(t,1),n(a.slice())}else i((function(a){var o=e||a;return o.splice(t,1),n&&n(o.slice()),o.slice()}))},onRemoveAllImages:function(){n?n([]):i([])},imageSrcs:t.useMemo((function(){return(e||o).map((function(e){return"string"==typeof e?e:URL.createObjectURL(e)}))}),[e,o]),imageFiles:e||o}},M="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",L=function(e){var a=e.className,i=e.style,s=e.bannedWords,c=void 0===s?[]:s,u=e.value,d=e.onChange,m=e.onPreviewUrlChange,p=e.onInvalidUrlsChange,v=e.onImageFilesChange,h=e.imageFiles,C=e.isReplying,w=o.useTranslations().t,y=t.useState(null),k=y[0],_=y[1],T=t.useRef(null),P=A(h,v),S=P.onSelectImages,x=P.onRemoveImage,N=P.imageSrcs;return t.useEffect((function(){m&&((null==k?void 0:k.url)?m({title:k.title||"",url:k.url||"",image:k.image||"",description:k.description||""}):m(null))}),[k]),f.default.createElement(r.StyledCreatePostDescription,{className:a,style:i},f.default.createElement(n.Text,{size:"p4",className:"description-label"},w("createPost.popup.description")),f.default.createElement("div",{className:"textarea-control"},f.default.createElement("div",{className:"textarea-wrapper"},f.default.createElement(r.RichTextEditor,{html:u||"",onChange:d,bannedWords:c,onImagePickerClick:function(){var e;return null===(e=T.current)||void 0===e?void 0:e.click()},onPreviewUrlChange:_,onInvalidUrlsChange:p,isReplying:C}))),f.default.createElement(n.Text,{size:"p4",className:"count-string"},w("character"),": ",g.default(u||"").length),(!N||0===N.length)&&k&&f.default.createElement("div",{className:"link-preview-wrapper"},k.isFetching?f.default.createElement(r.Loading,null):f.default.createElement(f.default.Fragment,null,f.default.createElement(E,{title:k.title,url:k.url||"#",image:k.image,noRefetch:!0}),f.default.createElement("img",{src:M,className:"icon-close",onClick:function(){return _(null)}}))),f.default.createElement("input",{ref:T,type:"file",accept:"image/png, image/gif, image/jpeg",multiple:!0,style:{display:"none"},onChange:S}),N.length>r.MAX_IMAGE_UPLOADS?f.default.createElement("div",{className:"input-notification"},f.default.createElement("img",{src:b}),f.default.createElement(n.Text,{size:"p4",color:l.theme.colors.alertWarning},w("createPost.popup.warningImage"))):null,N.length>0&&f.default.createElement("div",{className:"image-gallery"},N.map((function(e,t){return f.default.createElement("div",{key:t,className:"image-item"},f.default.createElement("img",{src:e}),f.default.createElement("img",{className:"close-btn",src:M,onClick:function(){return x(t)}}))}))))},R=function(e,t){if(!t)return e;var n=t.limit,a=t.bannedWords,o=void 0===a?[]:a,i="number"==typeof n&&n>=0?e.substring(0,n):e;return r.highlightBadWords(i,o)},B=function(e){var a,i=e.className,l=e.style,s=e.bannedWords,u=void 0===s?[]:s,d=e.value,m=e.onChange,p=o.useTranslations().t,v=t.useState(""),g=v[0],h=v[1],E=t.useRef(null);t.useEffect((function(){if(E.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=E.current;return t.addEventListener("paste",e),function(){return t.removeEventListener("paste",e)}}}),[E]);var y=(null==u?void 0:u.join(","))||"";t.useEffect((function(){var e;if(y){var t=null===(e=E.current)||void 0===e?void 0:e.innerText;if(t){var n=r.highlightBadWords(t,u);n!==t&&(m&&m(n),h(n))}}}),[y]);var k=t.useCallback(C.default((function(e){if(E.current){var t=R(E.current.innerText,{limit:120,bannedWords:u});m&&m(t),h(t)}}),300),[]);return t.useEffect((function(){setTimeout((function(){var e;null===(e=E.current)||void 0===e||e.focus()}),500)}),[]),f.default.createElement(r.StyledCreatePostTitle,{className:i,style:l},f.default.createElement(c.Input,{name:"title",value:d||g,size:"md",label:p("createPost.title"),CustomInput:f.default.createElement(w.default,{innerRef:E,html:d||g,onChange:function(e){if(E.current&&E.current.innerText!==(d||g)){var t=R(E.current.innerText,{bannedWords:u});m&&m(t),h(t),k(E.current.innerText)}},className:"title-input"})}),f.default.createElement(n.Text,{size:"p4",className:"count-string"},p("createPost.popup.wordCount",{count:(null===(a=E.current)||void 0===a?void 0:a.innerText.length)||0,max:120})))},j=function(n){var a=n.className,o=n.style,i=n.topics,l=n.communityId,s=n.onChange,c=n.isLoading,u=n.disabled,d=n.forceTopics,m=n.selectedTopics,p=n.noFetch,v=t.useContext(r.TogetherComponentGlobalContext).data,g=v.locale,h=v.env.isMarryBaby,C=t.useState(i?e.__spreadArray([],i,!0):[]),w=C[0],E=C[1],y=t.useState(m?e.__spreadArray([],m,!0):[]),k=y[0],_=y[1],b=t.useState(!1),T=b[0],P=b[1],S=t.useRef(i);S.current=i,t.useEffect((function(){var t;!l||p||(null===(t=S.current)||void 0===t?void 0:t.length)||(E([]),P(!0),e.__awaiter(void 0,void 0,void 0,(function(){var t,n,a,o;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,r.callApi(r.getApiPath(r.PATHS.TOPIC.LIST,{communityId:l,_locale:g}),"GET")];case 1:return t=e.sent(),n=null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.topics,Array.isArray(n)&&E((function(){return(null==n?void 0:n.map(r.formatTopic).sort((function(e,t){return(e.order||0)-(t.order||0)})))||[]})),[3,3];case 2:return a=e.sent(),console.log(a),P(!1),[3,3];case 3:return P(!1),[2]}}))})))}),[l,p]);var x=null==i?void 0:i.map((function(e){return e.id})).join("-"),N=null==w?void 0:w.map((function(e){return e.id})).join("-"),I=null==d?void 0:d.map((function(e){return e.id})).join("-");t.useEffect((function(){i&&void 0!==x&&x!==N&&E(i)}),[i,x,N]);var A=t.useMemo((function(){return w.filter((function(e){return!(null==d?void 0:d.some((function(t){return t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId})))}))}),[N,I]);return f.default.createElement(r.StyledTopicSelectList,{"data-is-marrybaby":h,className:a,style:o},d.map((function(e){return f.default.createElement(F,{key:"".concat(e.id,"-").concat(e.mappedCategoryId),topic:e,disabled:!0,selected:!0})})),A.map((function(e){return f.default.createElement(F,{key:"".concat(e.id,"-").concat(e.mappedCategoryId),topic:e,disabled:u,selected:(m||k).some((function(t){return t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId})),onClick:function(){var t=m||k,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),s&&m?s(t.slice()):(s&&s(t.slice()),_(t.slice()))}})})),(c||T)&&f.default.createElement(r.Loading,{className:"topic-spinner"}))},F=function(e){var t=e.topic,n=e.disabled,a=e.selected,o=e.onClick;return f.default.createElement("div",{className:"tag-item"+(a?" --active":""),"data-disabled":n,onClick:n?void 0:o},t.name)},D=function(e){var a=e.className,i=e.isMarryBaby,l=e.style,s=e.title,c=e.description,u=e.acceptText,d=e.cancelText,p=e.onAccept,v=e.thumbnail,g=e.isThumbnailIcon,C=e.onClose,w=t.useContext(r.TogetherComponentGlobalContext).data.env.isMarryBaby,E="boolean"==typeof i?i:w,y=t.useState(!1),k=y[0],_=y[1];return t.useEffect((function(){return o.toggleNoScroll(!0),setTimeout((function(){return _(!0)}),0),function(){return o.toggleNoScroll(!1)}}),[]),h.createPortal(f.default.createElement(r.StyledPopupDanger,{"data-is-marrybaby":E,className:a,style:l,"data-open":k},f.default.createElement(r.PopupFrame,{className:"popup-frame",isOpen:k,onClose:C},f.default.createElement("div",{className:"confirm-dialog",onClick:function(e){return e.stopPropagation()}},f.default.createElement("div",{className:"confirm-content"},v&&f.default.createElement("div",{className:"thumbnail-container ".concat(g?"is-icon":"")},f.default.createElement("img",{className:"thumbnail",src:v})),f.default.createElement(m.Heading,{className:"title",tag:"h2"},s),f.default.createElement(n.Text,{className:"desc",size:"lg"},c),f.default.createElement("div",{className:"btn-group"},f.default.createElement(n.Button,{theme:E?"marryBaby":"helloSites",size:"md",color:"secondary",onClick:function(){null==p||p(),null==C||C()}},u),f.default.createElement(n.Button,{theme:E?"marryBaby":"helloSites",size:"md",onClick:C},d)))),E&&v&&f.default.createElement("div",{className:"thumbnail-container is-mobile ".concat(g?"is-icon":"")},f.default.createElement("img",{className:"thumbnail",src:v})))),o.getPopupWrapperDom())},O=function(t){var n=t.postId,a=t.message,o=t.photos,i=t.link,l=t.locale,s=t.sanitizeFunction,c=t.replyingUserId,u=t.replyingUserName,d=t.replyingId;return e.__awaiter(void 0,void 0,void 0,(function(){var t,m,p;return e.__generator(this,(function(e){switch(e.label){case 0:return t=new FormData,m=r.encodePostContent(a.replace(/(\&nbsp;)+/g," "),s),p=r.getMentionIdsFromString(m),o&&o.length>0?[4,Promise.all(null==o?void 0:o.map((function(e){return r.uploadAndGetSrc(e,l)})))]:[3,2];case 1:e.sent().filter(Boolean).slice(0,r.MAX_IMAGE_UPLOADS).forEach((function(e){t.append("images[]",e)})),e.label=2;case 2:return i&&t.append("link",i),null==p||p.forEach((function(e){t.append("mention_ids[]",e)})),t.append("post_id",n),d&&t.append("parent_id",d),c&&(p.unshift(c),m='[mention+id="'.concat(c,'"+name="').concat((u||"").replace('"',"'"),'"]').concat(m),t.append("parent_user_id",String(c))),t.append("content",m),t.append("content",m),[2,t]}}))}))},H=function(t,n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return[2,r.callApiWithAuth(r.getApiPath(r.PATHS.COMMENT.CREATE,{_locale:n}),"POST",{data:t,headers:{"Content-Type":"multipart/form-data"}})]}))}))},U=function(t,n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return[2,r.callApiWithAuth(r.getApiPath(r.PATHS.COMMENT.REPLY,{_locale:n}),"POST",{data:t,headers:{"Content-Type":"multipart/form-data"}})]}))}))},W=function(t){var n=t.commentId,a=t.setLike,o=void 0!==a&&a,i=t.locale;return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return[2,r.callApiWithAuth(r.getApiPath(o?r.PATHS.COMMENT.LIKE:r.PATHS.COMMENT.UNLIKE,{_locale:i,id:n}),"GET")]}))}))},z=function(e){var t=e.id,n=e.locale;return r.callApiWithAuth(r.getApiPath(r.PATHS.COMMENT.DELETE,{_locale:n,id:t}),"DELETE")},V=function(a){var i=a.isReply,l=a.className,s=a.onClose,u=a.replyToName,d=a.style,m=a.replyingId,p=a.replyingUser,v=a.onPostSuccess;a.isMainCmt;var g=a.post,h=a.isMarryBaby,C=t.useContext(r.TogetherComponentGlobalContext),w=C.action,y=w.pushNotifications,k=w.sanitizeFunction,_=C.data,b=_.userInfo,T=_.locale,P=_.env.isMarryBaby,S="boolean"==typeof h?h:P,x=o.useTranslations().t,N=A(),I=N.onSelectImages,L=N.onRemoveImage,R=N.imageSrcs,B=N.onRemoveAllImages,j=N.imageFiles,F=t.useState(""),D=F[0],W=F[1],z=t.useContext(r.MainInputTriggerContext).trigger,V=t.useState(!1),G=V[0],q=V[1],Z=t.useRef(null),K=t.useRef(null),Q=t.useRef(null),X=t.useState([]),$=X[0],J=X[1],Y=t.useState([]),ee=Y[0],te=Y[1],ne=t.useState(null),ae=ne[0],oe=ne[1];return t.useEffect((function(){var e;null===(e=Q.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout((function(){var e;null===(e=K.current)||void 0===e||e.focus()}),400)}),[z]),f.default.createElement(r.StyledInputCommentBar,{"data-is-reply":i,className:l,style:d},i&&f.default.createElement("div",{className:"reply-to-container"},f.default.createElement(n.Text,{size:"p4"},f.default.createElement("span",{dangerouslySetInnerHTML:{__html:x("inputComment.replyTo",{name:'<span style="color: #2D87F3; cursor: pointer">@'.concat(u||"","</span>")})}})),f.default.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 s&&s()}})),f.default.createElement("div",{className:"input-container",ref:Q},f.default.createElement(r.UserAvatar,{className:"avatar-wrapper ".concat(i?"avatar-wrapper-reply":""),avatar:(null==b?void 0:b.id)?b.avatar:r.DEFAULT_AVATAR_IMG,username:(null==b?void 0:b.name)||(null==b?void 0:b.username)}),f.default.createElement("input",{ref:Z,onChange:I,type:"file",multiple:!0,accept:"image/png,image/jpeg",name:"images",style:{display:"none"}}),f.default.createElement(c.Input,{value:D,name:"input",size:"md",className:"input-wrapper",displayIcon:f.default.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:f.default.createElement("div",{className:"as-input"},f.default.createElement(r.RichTextEditor,{className:"textarea",html:D,onChange:W,onImagePickerClick:function(){var e;return null===(e=Z.current)||void 0===e?void 0:e.click()},bannedWords:ee,onPreviewUrlChange:oe,onInvalidUrlsChange:J,setEditorRef:function(e){return K.current=e},isReplying:i}))}),f.default.createElement(n.Button,{theme:S?"marryBaby":"helloSites",className:"send-button",size:"sm",onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t,n,a,o,l,c,u,d,f,h,C,w,E;return e.__generator(this,(function(_){switch(_.label){case 0:if(!(null==g?void 0:g.id)||G)return[2];q(!0),_.label=1;case 1:return _.trys.push([1,4,,5]),t=function(e){W(""),B(),s&&s();var t=r.formatComment(e.data);"string"==typeof t.images&&(t.images=JSON.parse(t.images)),v&&v(t)},[4,O(e.__assign({message:D,photos:j,postId:String(g.id),link:null==ae?void 0:ae.url,sanitizeFunction:k,locale:T},i&&m?{replyingUserId:String((null==p?void 0:p.id)||(null===(l=null==g?void 0:g.author)||void 0===l?void 0:l.id)||""),replyingId:m,replyingUserName:(null==p?void 0:p.name)||(null==p?void 0:p.username)||""}:{}))];case 2:return n=_.sent(),[4,i&&m?U(n,T):H(n,T)];case 3:return a=_.sent(),(null==(o=null==a?void 0:a.data)?void 0:o.id)&&!(null===(u=null===(c=null==a?void 0:a.messages)||void 0===c?void 0:c.moderation)||void 0===u?void 0:u.type)?t(a):"banned"===(null===(f=null===(d=null==a?void 0:a.messages)||void 0===d?void 0:d.moderation)||void 0===f?void 0:f.type)?(y({title:x("notification.comment.blocked.title"),message:x("notification.comment.blocked.message"),type:"danger"}),a.messages.moderation.words&&te(a.messages.moderation.words)):"suspect"===(null===(C=null===(h=null==a?void 0:a.messages)||void 0===h?void 0:h.moderation)||void 0===C?void 0:C.type)?(y({title:x("notification.comment.suspect.title"),message:x("notification.comment.suspect.message"),type:"warning"}),W(""),B(),s&&s()):(null===(w=null==a?void 0:a.messages)||void 0===w?void 0:w.find((function(e){var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(y({message:x("notification.suspend.message"),type:"warning"}),W(""),B(),s&&s()):y({title:"",message:(null===(E=null==a?void 0:a.messages)||void 0===E?void 0:E[0])||x("notification.comment.somethingWrong"),type:"danger"}),[3,5];case 4:return _.sent(),y({title:"",message:x("notification.comment.somethingWrong"),type:"danger"}),[3,5];case 5:return q(!1),[2]}}))}))},isLoading:G,isDisabled:!!(null==$?void 0:$.length)||G||!D||(null==D?void 0:D.length)<2||!D.trim()},f.default.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==$?void 0:$.length)?f.default.createElement("div",{className:"error-text"},x("notification.limitUrlDomain")):null,(!R||0===R.length)&&ae&&f.default.createElement("div",{className:"link-preview-wrapper"},ae.isFetching?f.default.createElement(r.Loading,null):f.default.createElement(f.default.Fragment,null,f.default.createElement(E,{title:ae.title,url:ae.url||"#",image:ae.image,noRefetch:!0}),f.default.createElement("img",{src:M,className:"icon-close",onClick:function(){return oe(null)}}))),R&&R.length>0&&f.default.createElement("div",{className:"preview-images-container"},R.map((function(e,t){return f.default.createElement("div",{key:t,className:"image-src-wrapper"},f.default.createElement("img",{className:"preview-image",src:e}),f.default.createElement("img",{src:M,className:"icon-close-circle",onClick:function(){return L(t)}}))}))))},G="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",q=function(a){var i=a.className,s=a.style,c=a.reason,u=a.reasonText,d=a.onClose,m=a.postId,p=t.useContext(r.TogetherComponentGlobalContext),v=p.data,g=v.locale,h=v.env.isMarryBaby,C=p.action.pushNotifications,w=o.useTranslations().t,E=t.useState(!1),y=E[0],k=E[1];return f.default.createElement(r.StyledSubmitReportForm,{"data-is-marrybaby":h,className:i,style:s},f.default.createElement("ul",{className:"report-list"},f.default.createElement("li",{className:"report-item"},f.default.createElement("img",{src:G}),f.default.createElement(n.Text,{className:"__label",color:l.theme.colors.gray800,size:"p4"},u))),f.default.createElement(n.Button,{theme:h?"marryBaby":"helloSites",className:"report-submit",size:"lg",color:"primary",isLoading:y,onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:if(!m||y)return[2];k(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,I({id:m,reason:c,locale:g})];case 2:return 1===(null==(t=e.sent())?void 0:t.status)&&(C({message:"Post reported",type:"success"}),d&&d()),[3,4];case 3:return e.sent(),[3,4];case 4:return k(!1),[2]}}))}))}},w("submit")))},Z=function(e){var n=e.className,a=e.style,i=e.replyingTo,l=e.mentionedUser,s=e.description,c=e.disableShortenContent,u=e.mentions,d=void 0===u?[]:u,m=t.useState(!1),p=m[0],v=m[1],g=o.useTranslations().t,h=r.useTogetherAuthRequiredAction().authActionWrapper,C=t.useState(!1),w=C[0],E=C[1],y=r.decodeMention(r.decodePostUrl(s||"","display"),d),k=t.useContext(r.TogetherComponentGlobalContext).action.sanitizeFunction,_=t.useMemo((function(){var e=k(y||"");if(c||p)return{showContent:e,hasSeeMore:!1};var t=e.slice(0,1e3),n=1e3-27*((t.match(/<\/div>/g)||[]).length-1),a=(t||"").slice(0,n<40?40:n),o=k(a.replace(/(<|<\/)( +|[a-zA-Z]*)$/gi,"")),i=o.length<e.length-10;return{showContent:i?o:e,hasSeeMore:i}}),[c,p,y]),b=(null==l?void 0:l.name)||i,T="expert"===(null==l?void 0:l.role)&&!!(null==l?void 0:l.partnerId);return f.default.createElement(f.default.Fragment,null,T&&f.default.createElement(r.PopupExpert,{isOpen:w,onClose:function(){return E(!1)},expertId:String(null==l?void 0:l.partnerId)}),f.default.createElement(r.StyledPostContent,{className:"".concat(n," no-replace-click"),style:a},b&&f.default.createElement("span",{onClick:function(){return T&&E(!0)},className:"post-content-replying"},"@",b),(null==s?void 0:s.startsWith("[mention+id="))&&f.default.createElement("span",{className:"post-content-replying tag-only"},"@"),f.default.createElement("span",{dangerouslySetInnerHTML:{__html:_.showContent},className:"post-content ".concat(_.hasSeeMore?"has-see-more":"")}),_.hasSeeMore&&!p&&f.default.createElement("span",null,"... ",f.default.createElement("span",{onClick:function(e){e.preventDefault(),e.stopPropagation(),h((function(){return v(!0)}))},className:"see-more-text"},g("post.seeMore")))))},K=function(e){var a=e.className,i=e.style,l=e.authorName,s=e.images,c=e.onClose,u=e.onOpenSingleView,d=o.useTranslations().t,m=t.useState(!1),p=m[0],v=m[1];return t.useEffect((function(){setTimeout((function(){v(!0)}),0)}),[]),h.createPortal(f.default.createElement(r.StyledImagePreviewPopup,{className:a,style:i,"data-open":p},f.default.createElement("div",{className:"top-bar"},f.default.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:c,alt:"go back"}),f.default.createElement(n.Text,{size:"p2",type:"bold",style:{textAlign:"center"}},d("previewPhotos.title",{name:l}))),f.default.createElement("div",{className:"container"},s.map((function(e,t){return f.default.createElement("img",{className:"img-preview",key:t,src:e,onClick:function(){return null==u?void 0:u(t)},alt:"post img"})})))),o.getPopupWrapperDom())},Q="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",X=function(e){var n=e.initialViewIndex,a=e.images,i=e.onClose,l=t.useState(n),s=l[0],c=l[1],u=t.useState(!1),d=u[0],m=u[1];t.useEffect((function(){setTimeout((function(){m(!0)}),0)}),[]);var p=null==a?void 0:a[s],v=0===s,g=!(null==a?void 0:a.length)||s===(null==a?void 0:a.length)-1;return h.createPortal(f.default.createElement(r.StyledImagePreviewContainer,{"data-open":d&&!!p},f.default.createElement(r.StyledImagePreviewTopbar,null,f.default.createElement("img",{src:r.img,className:"icon-close",onClick:i,alt:"close"})),p&&s>=0&&f.default.createElement(f.default.Fragment,null,f.default.createElement(r.StyledImagePreviewWrapper,null,f.default.createElement("img",{className:"img-preview",src:p,alt:"post img open"}),f.default.createElement(r.StyledArrowWrapper,{"data-disabled":v,onClick:function(){return!v&&c(s-1)}},f.default.createElement(r.StyledCircleArrow,null,f.default.createElement("img",{src:Q,style:{transform:"rotate(180deg)"},alt:"left arrow","data-disabled":v}))),f.default.createElement(r.StyledArrowWrapper,{"data-right":!0,"data-disabled":g,onClick:function(){return!g&&c(s+1)}},f.default.createElement(r.StyledCircleArrow,null,f.default.createElement("img",{src:Q,alt:"right arrow","data-disabled":g})))))),o.getPopupWrapperDom())},$=function(e){var n=e.className,a=e.images,i=void 0===a?[]:a,l=e.style,s=e.authorName,c=t.useContext(r.TogetherComponentGlobalContext).data.env.isMarryBaby,u="+ ".concat((i.length||0)-4),d=t.useState(!1),p=d[0],v=d[1],g=t.useState(-1),h=g[0],C=g[1];t.useEffect((function(){setTimeout((function(){return null===o.lazyLoadInstance||void 0===o.lazyLoadInstance?void 0:o.lazyLoadInstance.update()}),100)}),[null==i?void 0:i.slice(0,5).join("|")]);var w=i.length>5,E=t.useRef(!1);return t.useEffect((function(){return function(){E.current&&o.toggleNoScroll(!1)}}),[]),t.useEffect((function(){p||h>=0?(o.toggleNoScroll(!0),E.current=!0):(o.toggleNoScroll(!1),E.current=!1)}),[p,h]),f.default.createElement(f.default.Fragment,null,f.default.createElement(r.StyledPostImagePreview,{className:n,style:l,"data-image-count":w?5:i.length||0,"data-is-marrybaby":c},null==i?void 0:i.slice(0,5).map((function(e,t){return f.default.createElement("div",{className:"img-wrapper",key:t,onClick:function(){t>=4&&w?v(!0):C(t)}},!c&&f.default.createElement("img",{className:"lazy img-preview-blur","data-src":e}),f.default.createElement("img",{className:"lazy img-preview","data-src":e}),4===t&&w&&f.default.createElement("div",{className:"img-more-overlay"},f.default.createElement(m.Heading,{tag:"h1",color:"white"},u)))}))),p&&f.default.createElement(K,{authorName:s||"",images:i,onClose:function(){return v(!1)},onOpenSingleView:C}),h>=0&&f.default.createElement(X,{images:i,initialViewIndex:h,onClose:function(){return C(-1)}}))},J=function(n){var a=n.url,o=n.image,i=n.className,l=n.style,s=t.useContext(r.TogetherComponentGlobalContext).data.locale,c=t.useState(null),u=c[0],d=c[1];t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(t){return o?[2]:a?(d((function(t){return e.__assign(e.__assign({},t),{isFetching:!0})})),r.callApi(r.getApiPath(r.PATHS.FETCH_PREVIEW,{_locale:s}),"POST",{data:{link:a}}).then((function(e){var t,n;d({url:a,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(){d(null)})),[2]):[2,d(null)]}))}))}),[a,o]);var m=(null==u?void 0:u.image)||o,p=(null==u?void 0:u.url)||a,v=t.useMemo((function(){return r.youtubeVidIdGetter(p)}),[p]),g=t.useMemo((function(){return r.facebookVidIdGetter(p)}),[p]),h=t.useRef(0),C=t.useRef(0),w=t.useState(!1),E=w[0],y=w[1];t.useEffect((function(){var e=function(){var e,t=null===(e=k.current)||void 0===e?void 0:e.getBoundingClientRect(),n=!1;t&&(!h.current||Math.abs((h.current-t.width)/(null==t?void 0:t.width))>.2)&&(h.current=Math.floor(t.width),n=!0),t&&(!C.current||Math.abs((C.current-t.height)/(null==t?void 0:t.height))>.2)&&(C.current=Math.floor(t.height),n=!0),n&&y((function(e){return!e}))};return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]);var k=t.useRef(null),_=t.useRef(!1);return f.default.createElement(r.StyledSocialLinkPreview,{className:"".concat(i," no-replace-click"),style:l,ref:k},o||!v&&!g?f.default.createElement("a",{href:p,target:"_blank",rel:"noreferrer"},f.default.createElement("div",{className:"link-image-wrapper ".concat((null==u?void 0:u.isFetching)?"fetching":"")},(null==u?void 0:u.isFetching)?f.default.createElement(r.Loading,{className:"loading-spinner"}):f.default.createElement("img",{className:"link-image",src:m||r.DEFAULT_IMG,onError:function(e){_.current||(_.current=!0,e.currentTarget.src=r.DEFAULT_IMG)}}))):f.default.createElement("div",{className:"link-image-wrapper"},v?f.default.createElement("iframe",{width:"100%",height:"100%",src:"https://www.youtube.com/embed/".concat(v,"?&autoplay=1&mute=1"),frameBorder:"0",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,border:"none",overflow:"hidden"}}):g?f.default.createElement("iframe",{key:String(E),src:"https://www.facebook.com/plugins/video.php?href=".concat(encodeURIComponent(p),"&autoplay=1&show_text=false&t=0&width=").concat(h.current,"&height=").concat(C.current),style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:C.current,width:h.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"}):null))},Y="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",ee="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",te="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",ne=function(n){var a=n.onDeleteComment,i=n.commentId,l=n.className,s=void 0===l?"":l,c=n.popoverClassName,u=void 0===c?"":c,d=t.useContext(r.TogetherComponentGlobalContext),m=d.data,p=m.env.isMarryBaby,v=m.locale,g=d.action.pushNotifications,h=o.useTranslations().t,C=t.useState(!1),w=C[0],E=C[1],y=r.useTogetherAuthRequiredAction().authActionWrapper;return f.default.createElement("div",{className:s,onClick:function(e){e.preventDefault(),e.stopPropagation()}},w&&f.default.createElement(D,{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:h("popup.deleteComment.title"),description:h("popup.deleteComment.description"),acceptText:h("popup.deletePost.accept"),cancelText:h("popup.deletePost.cancel"),onAccept:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t,n;return e.__generator(this,(function(e){switch(e.label){case 0:return i?[4,z({id:i,locale:v})]:[2];case 1:return 1===(null==(t=e.sent())?void 0:t.status)?(a&&a(),g({title:"",message:h("notification.success"),type:"success"})):g({title:"",message:(null===(n=null==t?void 0:t.messages)||void 0===n?void 0:n[0])||h("notification.failure"),type:"danger"}),[2]}}))}))},onClose:function(){return E(!1)}}),f.default.createElement(r.TreePopoverMenu,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:[{icon:te,label:h("actionPopover.delete"),onClick:function(){y((function(){E(!0)}))}}]},className:u,toggleButtonContent:f.default.createElement("img",{src:p?Y:ee}),buttonProps:{}}))},ae=function(i){var s,c,u,d,m,p=i.className,v=i.style,g=i.comment,h=i.type,C=void 0===h?"comment":h,w=i.level,y=void 0===w?0:w,k=i.replyingId,_=i.onPostCommentSuccess,b=i.post,T=i.onDeleteComment,P=i.refetchComment,S=i.hasQuickBookingEnable,x=i.handleMakeAppointment,N=t.useContext(r.TogetherComponentGlobalContext).data,I=N.locale,A=N.userInfo,M=N.env.isMarryBaby,L=o.useTranslations().t,R=t.useState(g||null),B=R[0],j=R[1],F=B.id;B.countReplies;var D=B.countLikes,O=B.content,H=B.createdAt,U=B.replies,z=void 0===U?[]:U,G=B.images,q=void 0===G?[]:G,K=B.author,Q=B.liked,X=B.link,J=B.mentionedUser,Y=B.mentions,ee=function(e){try{var t=e.match(/\[@([^\]]+)\]/),n=t?t[0].replace("[@","").replace("]",""):"";return{text:e.replace(/\[@([^\]]+)\]/,"").trim(),replyingTo:n}}catch(e){}return{text:""}}(O),te=ee.text,oe=ee.replyingTo,ie=r.useTogetherAuthRequiredAction({_joinCommunityIds:[null===(s=null==b?void 0:b.community)||void 0===s?void 0:s.id],_joinTopicIds:null===(c=null==b?void 0:b.topics)||void 0===c?void 0:c.map((function(e){return e.id}))}).authActionWrapper,le=t.useState(4),re=le[0],se=le[1],ce=!!(null==A?void 0:A.id)&&(null==z?void 0:z.some((function(e){return e.author.id===A.id}))),ue=function(t){j((function(n){if(!n.replies.find((function(e){return e.id===t.id}))){n.replies.unshift(t);var a=e.__assign(e.__assign({},n),{replies:n.replies.slice(),countReplies:n.countReplies+1});return P&&P(a),a}return n}))},de=t.useState(!1),me=de[0],pe=de[1],ve=t.useMemo((function(){return"comment"===C&&z&&0!=z.length?z.sort((function(e,t){var n=new Date(e.createdAt).getTime(),a=new Date(t.createdAt).getTime();return n>a?-1:n<a?1:0})):z}),[C,z]),fe=(null==z?void 0:z.length)||0,ge=String(null==K?void 0:K.email)&&(null==A?void 0:A.email)&&String(null==K?void 0:K.email)===String(null==A?void 0:A.email),he=(null==K?void 0:K.name)||(null==K?void 0:K.username)||"",Ce=null==K?void 0:K.avatar,we=(null==K?void 0:K.username)||(null==K?void 0:K.name)||"",Ee=t.useState(null),ye=Ee[0],ke=Ee[1],_e=t.useState(null),be=_e[0],Te=_e[1];t.useEffect((function(){if(null==K?void 0:K.hospitalId){t=K.hospitalId,e.__awaiter(void 0,void 0,void 0,(function(){var n,a;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,r.callApi(r.getCarePath(r.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:t,website_url:l.domainLocales[I]}),"get")];case 1:return n=e.sent(),(null===(a=null==n?void 0:n._data)||void 0===a?void 0:a.branch)&&ke(null==n?void 0:n._data.branch),[2]}}))}))}var t,n;if(null==K?void 0:K.doctorId){n=K.doctorId,e.__awaiter(void 0,void 0,void 0,(function(){var t,a;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,r.callApi(r.getCarePath(r.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:n,website_url:l.domainLocales[I]}),"get")];case 1:return t=e.sent(),(null===(a=null==t?void 0:t._data)||void 0===a?void 0:a.doctor)&&Te(null==t?void 0:t._data.doctor),[2]}}))}))}}),[K.hospitalId,K.doctorId]);var Pe=(null==be?void 0:be.valid_outpatient)||(null==be?void 0:be.valid_telemedicine),Se=((null==ye?void 0:ye.total_available_service)||(null==ye?void 0:ye.total_available_doctor))>0,xe=S&&(Pe||Se);return f.default.createElement(r.TogetherAuthConfigContextProvider,{defaultParams:{_joinCommunityIds:[null===(u=null==b?void 0:b.community)||void 0===u?void 0:u.id],_joinTopicIds:null===(d=null==b?void 0:b.topics)||void 0===d?void 0:d.map((function(e){return e.id}))}},f.default.createElement(r.StyledCardPost,{className:p,style:v,"data-is-reply":!!y,"data-is-marrybaby":M,"data-has-booking":xe},"reply"===C&&f.default.createElement(a.Divider,{className:"top-divider",type:"solid"}),f.default.createElement(r.CardAuthor,{avatar:Ce,name:he,username:we,email:null==K?void 0:K.email,time:H,className:"post-author ".concat(ge?"with-popover":""),type:C,userId:null==K?void 0:K.id,role:null==K?void 0:K.role,expertId:null==K?void 0:K.partnerId,title:null==K?void 0:K.title,doctorId:null==K?void 0:K.doctorId,hospitalId:null==K?void 0:K.hospitalId,hasQuickBooking:xe,handleMakeAppointment:x}),f.default.createElement(Z,{className:"post-content-wrapper",replyingTo:oe,mentionedUser:J,description:te,mentions:Y}),f.default.createElement("span",null),f.default.createElement("span",null),q&&q.length>0?f.default.createElement("div",{key:"image-preview",className:"image-preview-wrapper","data-is-reply":!0},f.default.createElement($,{images:q,authorName:null==K?void 0:K.username})):null,q&&0!==q.length||!X?null:f.default.createElement("div",{key:"link-preview",className:"link-preview-wrapper","data-is-reply":!0},f.default.createElement(E,{url:X})),"most-engaging"!==C?f.default.createElement(f.default.Fragment,null,f.default.createElement(r.CardReactions,{type:r.CardReactionType.reply,loveCount:D,replyCount:fe,className:"post-reaction",liked:Q,isReplied:ce,hideCommentIcon:"reply"===C,onCommentClick:function(){return ie((function(){return pe((function(e){return!e}))}))},onCommentCountClick:function(){return ie((function(){pe(!0)}))},onLikeClick:function(){return ie((function(){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(t){switch(t.label){case 0:return F?[4,W({commentId:F,setLike:!Q,locale:I})]:[3,2];case 1:1===t.sent().status&&j((function(t){return e.__assign(e.__assign({},t),{liked:!Q,countLikes:t.countLikes+(Q?-1:1)})})),t.label=2;case 2:return[2]}}))}))}))}}),me&&f.default.createElement(V,{replyingId:k||B.id,replyToName:K.name||K.username||"",isReply:!0,onClose:function(){return pe(!1)},onPostSuccess:function(e){"reply"===C?_&&_(e):ue(e)},post:b,replyingUser:K}),"comment"===C&&z&&z.length>0?f.default.createElement("div",{className:"comment-reply-wrapper"},null===(m=null==ve?void 0:ve.slice(0,re))||void 0===m?void 0:m.map((function(t){return f.default.createElement(ae,{key:t.id,comment:t,type:"reply",className:"comment-reply-item",level:y+1,replyingId:F,onPostCommentSuccess:ue,post:b,onDeleteComment:function(){j((function(n){return e.__assign(e.__assign({},n),{replies:n.replies.filter((function(e){return e.id!==t.id})),countReplies:n.countReplies-1})}))},handleMakeAppointment:x,hasQuickBookingEnable:S})})),fe>re&&f.default.createElement(f.default.Fragment,null,f.default.createElement(a.Divider,{className:"top-divider",type:"solid"}),f.default.createElement(n.Button,{className:"more-cmt",size:"lg",color:"ghost",onClick:function(){return se((function(e){return e+4}))}},L("comment.seeMoreReplies",{count:fe-re}),f.default.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,ge&&f.default.createElement(ne,{onDeleteComment:T,className:"popover",commentId:B.id})))},oe="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",ie="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",le="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",re=function(n){var a=n.authorEmail,i=n.onDeletePost,l=n.shareUrl,s=n.post,c=n.className,u=void 0===c?"":c,d=n.popoverClassName,m=void 0===d?"":d,p=n.onBookmark,v=n.onRemoveBookmark,g=n.onEditPost,h=t.useContext(r.TogetherComponentGlobalContext),C=h.data,w=C.locale,E=C.userInfo,y=C.togetherUserId,k=C.env.isMarryBaby,_=h.action.pushNotifications,b=o.useTranslations().t,T=t.useState(!1),S=T[0],x=T[1],N=t.useState(!1),I=N[0],A=N[1],M=t.useState(!1),L=M[0],R=M[1],B=r.useTogetherAuthRequiredAction().authActionWrapper,j=a&&(null==E?void 0:E.email)&&a===String(null==E?void 0:E.email);return f.default.createElement("div",{className:u,onClick:function(e){e.preventDefault(),e.stopPropagation()}},L&&f.default.createElement(r.SharePopup,{url:l,text:null==s?void 0:s.title,onClose:function(){return R(!1)}}),I&&f.default.createElement(D,{thumbnail:"./svg/delete.svg",isThumbnailIcon:!0,title:b("popup.deletePost.title"),description:b("popup.deletePost.description"),acceptText:b("popup.deletePost.accept"),cancelText:b("popup.deletePost.cancel"),onAccept:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:if(!(null==s?void 0:s.id)||S)return[2];x(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,P({id:s.id,locale:w})];case 2:return 1===(null==(t=e.sent())?void 0:t.status)&&(null==i||i()),[3,4];case 3:return e.sent(),[3,4];case 4:return x(!1),[2]}}))}))},onClose:function(){return A(!1)}}),f.default.createElement(r.TreePopoverMenu,{className:m,toggleButtonContent:f.default.createElement("img",{src:k?Y:ee}),position:"bottom",align:"end",buttonProps:{isLoading:S},data:j?{isShowheader:!1,type:"list",list:[{icon:le,label:b("morePopover.share"),onClick:function(){return R(!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:b("actionPopover.edit"),onClick:g},{icon:te,label:b("actionPopover.delete"),onClick:function(){B((function(){return A(!0)}))}}]}:{isShowheader:!1,type:"list",list:[{icon:le,label:b("morePopover.share"),onClick:function(){return R(!0)}},{icon:(null==s?void 0:s.bookmarked)?oe:ie,label:(null==s?void 0:s.bookmarked)?b("morePopover.unsavePost"):b("morePopover.savePost"),onClick:function(){B((function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return(null==E?void 0:E.id)&&(null==s?void 0:s.id)?(null==s?void 0:s.bookmarked)?[4,r.callApiWithAuth(r.getApiPath(r.PATHS.BOOKMARK.DELETE,{_locale:w}),"DELETE",{data:{post_id:String(s.id)}})]:[3,2]:[2];case 1:return 1===(null==(t=e.sent())?void 0:t.status)?(_({title:"",message:"Removed saved post",type:"success",displayIcon:ie}),v&&v()):_({title:"",message:"Remove failed",type:"danger",displayIcon:ie}),[3,4];case 2:return[4,r.callApiWithAuth(r.getApiPath(r.PATHS.BOOKMARK.CREATE,{_locale:w}),"POST",{data:{user_id:y||E.id,post_id:s.id}})];case 3:1===(null==(t=e.sent())?void 0:t.status)?(_({title:"",message:"Post saved",type:"success",displayIcon:oe}),p&&p()):_({title:"",message:"Post saved failed",type:"danger",displayIcon:ie}),e.label=4;case 4:return[2]}}))}))}))}},{icon:G,label:b("morePopover.report"),subTree:{title:b("morePopover.report.title"),description:b("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(r.REPORT_REASON_MAP).map((function(e){return{label:r.REPORT_REASON_MAP[e].label,reason:r.REPORT_REASON_MAP[e].reportReasonText,reasonValue:e}})).map((function(e){return{label:b(e.label),subTree:{title:b("morePopover.reportSubmit.title"),description:b("morePopover.reportSubmit.description"),isShowheader:!0,type:"jsx",jsxRenderer:function(t){return f.default.createElement(q,{reason:e.reasonValue,reasonText:b(e.reason),postId:null==s?void 0:s.id,onClose:function(){return t&&t(!1)}})}}}}))}}]}}))},se=function(t,n){return e.__awaiter(void 0,void 0,void 0,(function(){var a,o,i,l;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,r.callApiWithOptionalAuth(r.getApiPath(r.PATHS.COMMENT.LIST,{postId:t,_locale:n,sort:"popularity",perPage:1,withoutReply:1}),"GET")];case 1:return a=e.sent(),[2,null===(l=null===(i=null===(o=null==a?void 0:a.data)||void 0===o?void 0:o.comments)||void 0===i?void 0:i.map(r.formatComment))||void 0===l?void 0:l[0]]}}))}))},ce=Object.freeze({__proto__:null});exports.CardLink=E,exports.CardPost=function(a){var i=a.className,l=a.style,s=a.hideViewMoreComment,c=a.showMostEngaging,u=a.onCommentClick,d=a.onCommentCountClick,p=a.onMostEngagingCommentClick,v=a.onPostCommentSuccess,h=a.disableCardLink,C=a.disableShortenContent,w=a.onDeletePost,b=a.onEditPost,P=a.post,S=a.mostEngagingComment,x=a.onDeleteComment,N=a.showInputComment,I=a.InlineCommentsComponent,A=a.hasQuickBookingEnable,M=a.handleMakeAppointment,L=t.useState(P),R=L[0],B=L[1],j=t.useState(!1),F=j[0],D=j[1],O=t.useState(S),H=O[0],U=O[1],W=R.community,z=R.topics,G=R.author,q=R.slug,K=R.isPin,Q=R.liked,X=R.scheduleDateTime,Y=R.createdAt,ee=R.photos,te=R.mentions,ne=R.title,oe=R.description,ie=R.previewUrl,le=R.likesCount,ce=R.commentsCount,ue=R.id,de=R.commented,me=t.useContext(r.TogetherComponentGlobalContext),pe=me.data,ve=pe.locale,fe=pe.env,ge=fe.isMarryBaby,he=fe.togetherBasePath,Ce=me.action.pushNotifications,we=o.useTranslations().t,Ee=t.useState(N),ye=Ee[0],ke=Ee[1],_e="".concat(he,"/").concat((null==W?void 0:W.slug)||"_","/").concat(q||""),be="".concat(r.getCurrentBaseUrl(ve)).concat(_e),Te=r.useTogetherAuthRequiredAction((null==W?void 0:W.slug)?{_joinCommunityIds:[W.id],_joinTopicIds:null==z?void 0:z.map((function(e){return e.id}))}:void 0).authActionWrapper,Pe=t.useState(!1),Se=Pe[0],xe=Pe[1];t.useEffect((function(){ke(N)}),[N]);var Ne=(null==G?void 0:G.name)||(null==G?void 0:G.username)||"",Ie=(null==G?void 0:G.username)||(null==G?void 0:G.name)||"",Ae=null==G?void 0:G.avatar,Me=t.useState(null),Le=Me[0],Re=Me[1],Be=t.useState(null),je=Be[0],Fe=Be[1];t.useEffect((function(){if(null==G?void 0:G.hospitalId){t=G.hospitalId,e.__awaiter(void 0,void 0,void 0,(function(){var n,a;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,r.callApi(r.getCarePath(r.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:t,website_url:r.domainLocales[ve]}),"get")];case 1:return n=e.sent(),(null===(a=null==n?void 0:n._data)||void 0===a?void 0:a.branch)&&Re(null==n?void 0:n._data.branch),[2]}}))}))}var t,n;if(null==G?void 0:G.doctorId){n=G.doctorId,e.__awaiter(void 0,void 0,void 0,(function(){var t,a;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,r.callApi(r.getCarePath(r.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:n,website_url:r.domainLocales[ve]}),"get")];case 1:return t=e.sent(),(null===(a=null==t?void 0:t._data)||void 0===a?void 0:a.doctor)&&Fe(null==t?void 0:t._data.doctor),[2]}}))}))}}),[G.hospitalId,G.doctorId]);var De=(null==je?void 0:je.valid_outpatient)||(null==je?void 0:je.valid_telemedicine),Oe=((null==Le?void 0:Le.total_available_service)||(null==Le?void 0:Le.total_available_doctor))>0,He=A&&(De||Oe);t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return ue&&ce&&c&&!(null==S?void 0:S.id)?[4,se(ue,ve)]:[3,2];case 1:t=e.sent(),U(t),e.label=2;case 2:return[2]}}))}))}),[ue,ve,ce,c,null==S?void 0:S.id]),t.useEffect((function(){U(S)}),[null==S?void 0:S.id]);var Ue=function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(a){switch(a.label){case 0:return ce>1&&(null==H?void 0:H.id)&&(null==H?void 0:H.id)===(null==t?void 0:t.id)?[4,se(ue,ve)]:[3,2];case 1:n=a.sent(),U(n),a.label=2;case 2:return B((function(t){return e.__assign(e.__assign({},t),{commentsCount:t.commentsCount-1})})),x&&x(t),[2]}}))}))};return f.default.createElement(r.TogetherAuthConfigContextProvider,{defaultParams:(null==W?void 0:W.slug)?{_joinCommunityIds:[W.id],_joinTopicIds:null==z?void 0:z.map((function(e){return e.id}))}:void 0},F&&f.default.createElement(r.SharePopup,{url:be,avatar:r.DEFAULT_IMG,text:ne,onClose:function(){return D(!1)}}),f.default.createElement(r.StyledCardPost$1,{className:i,style:l,"data-is-marrybaby":ge},K?f.default.createElement(k,{className:"post-pin"}):null,f.default.createElement("div",{style:{position:"relative"}},f.default.createElement(r.CardAuthor,{avatar:Ae,name:Ne,username:Ie,url:h?void 0:_e,email:null==G?void 0:G.email,time:X||Y,community:W,className:"post-author",role:null==G?void 0:G.role,userId:null==G?void 0:G.id,expertId:null==G?void 0:G.partnerId,doctorId:null==G?void 0:G.doctorId,hospitalId:null==G?void 0:G.hospitalId,title:null==G?void 0:G.title,hasQuickBooking:He,handleMakeAppointment:M}),f.default.createElement(re,{authorEmail:String(null==G?void 0:G.email),onDeletePost:w,shareUrl:be,post:R,className:"popover",onEditPost:b})),f.default.createElement("a",{href:h?void 0:_e,className:"post-content-link-wrapper"},ne&&f.default.createElement(m.Heading,{className:"post-content-title",as:"h1",tag:"h5",fontWeight:"bold"},g.default(ne)),f.default.createElement(Z,{className:"post-content-wrapper",description:oe,disableShortenContent:C,mentions:te})),f.default.createElement("span",null),f.default.createElement("span",null),f.default.createElement("div",{key:"tag-topic"},z&&z.length>0?f.default.createElement(y,{topics:z,className:"post-topics"}):null),f.default.createElement("div",{key:"social-preview"},(null==R?void 0:R.introUrl)?f.default.createElement("div",{className:"social-preview-wrapper ".concat((null==ee?void 0:ee.length)?"has-image":"")},f.default.createElement(J,{url:R.introUrl,image:R.bannerImage})):null),f.default.createElement("div",{key:"image-preview"},(null==ee?void 0:ee.length)?f.default.createElement("div",{className:"image-preview-wrapper"},f.default.createElement($,{images:ee,authorName:null==G?void 0:G.name})):null),f.default.createElement("div",{key:"link-preview"},(null==R?void 0:R.introUrl)||(null==ee?void 0:ee.length)||!(null==ie?void 0:ie.url)?null:f.default.createElement("div",{className:"link-preview-wrapper"},f.default.createElement(E,{title:ie.title,url:ie.url,image:ie.image}))),f.default.createElement(r.CardReactions,{type:r.CardReactionType.post,loveCount:le,replyCount:ce,className:"post-reaction ".concat((null==ee?void 0:ee.length)||(null==ie?void 0:ie.url)?"hide-top-border":""),liked:Se?!Q:Q,isReplied:de,onCommentClick:function(){return Te((function(){u?u():ke((function(e){return!e}))}))},onCommentCountClick:function(){Te((function(){ge?ke(!0):d?d():!h&&(window.location.href=_e)}))},onShareClick:function(){D(!0)},onLikeClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(n){switch(n.label){case 0:if(!ue||Se)return[2];xe(!0),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,T({id:ue,locale:ve})];case 2:return 1!==(null==(t=n.sent())?void 0:t.status)?Ce(_(we)):B((function(t){return e.__assign(e.__assign({},t),{likesCount:(t.likesCount||0)+(t.liked?-1:1),liked:!t.liked})})),[3,4];case 3:return n.sent(),Ce(_(we)),[3,4];case 4:return xe(!1),[2]}}))}))},showingMostEngaging:!(!c||!(null==H?void 0:H.id))}),ye&&f.default.createElement(V,{isMainCmt:!N,onClose:function(){return ke(!1)},onPostSuccess:function(t){0!==ce||(null==H?void 0:H.id)||U(t),B((function(t){return e.__assign(e.__assign({},t),{commentsCount:t.commentsCount+1,commented:!0})})),v&&v(t)},post:R}),c&&(null==H?void 0:H.id)?f.default.createElement("div",{className:"most-engaging-wrapper",onClick:function(e){p?(e.stopPropagation(),p()):window.location.href=_e}},f.default.createElement(ae,{hasQuickBookingEnable:A,handleMakeAppointment:M,comment:H,onDeleteComment:function(){Ue&&Ue(H)},className:"most-engaging-comment",type:"most-engaging",key:H.id}),ce>1&&!s&&f.default.createElement(n.Button,{className:"see-more-comments",color:"ghost",size:"md"},we("comment.seeMoreComments",{count:ce-1}))):null,I))},exports.CardPostPopoverMore=re,exports.CardReply=ae,exports.CardReplyPopover=ne,exports.CreateNewPostContent=function(i){var s=i.className,c=i.style,u=i.onPostCreatedEdited,d=i.onClose,m=i.communities,p=void 0===m?[]:m,v=i.forceSelectCommunity,h=i.forceSelectTopics,C=i.articleId,w=i.optionalTopic,E=i.editPostData,y=i.defaultCommunity,k=i.defaultTopics,T=i.noFetchTopic,P=i.hideTopicList,I=!!(null==E?void 0:E.id),A=t.useContext(r.TogetherComponentGlobalContext),M=A.data,R=M.locale,F=M.env.isMarryBaby,D=A.action,O=D.pushNotifications,H=D.sanitizeFunction,U=o.useTranslations().t,W=t.useState(!1),z=W[0],V=W[1],G=t.useState(""),q=G[0],Z=G[1],K=t.useState(""),Q=K[0],X=K[1],$=t.useState(v?{label:v.name,value:"".concat(v.id||"","-").concat(v.mappedCategoryId||"")}:{label:U("community.choose"),value:""}),J=$[0],Y=$[1],ee=t.useState(e.__spreadArray([],h,!0)||[]),te=ee[0],ne=ee[1],ae=t.useState([]),oe=ae[0],ie=ae[1],le=t.useState([]),re=le[0],se=le[1],ce=v||p.find((function(e){return"".concat(e.id||"","-").concat(e.mappedCategoryId||"")===J.value})),ue=v?[v]:p.filter((function(e){return e.isActive})).sort((function(e,t){return e.name>t.name?1:e.name<t.name?-1:0})),de=t.useState(null),me=de[0],pe=de[1],ve=t.useState([]),fe=ve[0],ge=ve[1],he=q&&g.default(Q)&&(w||!w&&te.length>0)&&ce&&(!oe||oe.length<=r.MAX_IMAGE_UPLOADS)&&!(null==fe?void 0:fe.length)&&!z;t.useEffect((function(){if(E){var e=E;Z(e.title||""),X(r.decodeMention(r.decodePostUrl(e.description||"","edit"),e.mentions)),Y({label:e.community.name,value:"".concat(e.community.id||"","-").concat(e.community.mappedCategoryId||"")}),ne(e.topics||[]),ie(e.photos||[])}else y&&Y({label:y.name,value:"".concat(y.id||"","-").concat(y.mappedCategoryId||"")}),k&&ne(k)}),[]);var Ce=function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t,n,a,o,i,l,s,c,m,p,v,f;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,S({title:q,description:Q,communityId:String((null==ce?void 0:ce.id)||""),imageFiles:oe,previewUrl:me,topicIds:null==te?void 0:te.map((function(e){return String(e.id||"")})).filter(Boolean),locale:R,sanitizeFunction:H,categoryCommunityId:String((null==ce?void 0:ce.mappedCategoryId)||""),categoryTopicIds:null==te?void 0:te.map((function(e){return String(e.mappedCategoryId||"")})).filter(Boolean)})];case 1:return t=e.sent(),C&&t.append("article_id",C),I?(null==E?void 0:E.id)?[4,N({id:E.id,formData:t,locale:R})]:[3,3]:[3,4];case 2:n=e.sent(),e.label=3;case 3:return[3,6];case 4:return[4,x({formData:t,locale:R,isArticleComment:!(null==ce?void 0:ce.id)&&!!(null==ce?void 0:ce.mappedCategoryId)})];case 5:n=e.sent(),e.label=6;case 6:return(null==(a=null==n?void 0:n.data)?void 0:a.id)&&!(null===(i=null===(o=null==n?void 0:n.messages)||void 0===o?void 0:o.moderation)||void 0===i?void 0:i.type)?(O({message:U("createPost.popup.success"),type:"success"}),function(e){u&&u(r.formatPost(e),I),d&&d()}(a)):"banned"===(null===(s=null===(l=null==n?void 0:n.messages)||void 0===l?void 0:l.moderation)||void 0===s?void 0:s.type)?(O({title:U("notification.post.blocked.title"),message:U("notification.post.blocked.message"),type:"danger"}),n.messages.moderation.words&&se(n.messages.moderation.words)):"suspect"===(null===(m=null===(c=null==n?void 0:n.messages)||void 0===c?void 0:c.moderation)||void 0===m?void 0:m.type)?(O({title:U("notification.post.suspect.title"),message:U("notification.post.suspect.message"),type:"warning"}),d&&d()):(null===(v=null===(p=null==n?void 0:n.messages)||void 0===p?void 0:p.find)||void 0===v?void 0:v.call(p,(function(e){var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(O({message:U("notification.suspend.message"),type:"danger"}),d&&d()):O({message:(null===(f=null==n?void 0:n.messages)||void 0===f?void 0:f[0])||U("notification.failure"),type:"danger"}),[2]}}))}))};return f.default.createElement(r.StyledCreateNewPost,{className:s,style:c},f.default.createElement("div",{className:"input-group-container"},f.default.createElement(B,{className:"input-group",bannedWords:re,value:q,onChange:Z}),f.default.createElement(L,{className:"input-group",bannedWords:re,value:Q,onChange:X,onPreviewUrlChange:pe,onInvalidUrlsChange:ge,onImageFilesChange:ie,imageFiles:oe}),f.default.createElement("div",{className:"input-group"},f.default.createElement(n.Text,{size:"p4",className:"input-group-label"},U("admin.community")),f.default.createElement(a.Dropdown,{options:(null==ue?void 0:ue.map((function(e,t){return{label:e.name,value:"".concat(e.id||"","-").concat(e.mappedCategoryId||"")}})))||[],id:"community-picker",placeholder:U("community.choose"),value:J,onChange:function(e){Y({label:e.label,value:String(e.value)}),ne([])},disabled:!!v}),f.default.createElement(n.Text,{size:"sm",className:"warning",color:l.theme.colors.gray400},"* ",U("commentPopup.warning.newPost"))),!P&&f.default.createElement("div",{className:"input-group"},f.default.createElement(n.Text,{size:"p4",className:"input-group-label"},U("tab.topic")),f.default.createElement("div",{className:"input-notification"},f.default.createElement("img",{src:ce?"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":b}),f.default.createElement(n.Text,{size:"base",color:l.theme.colors.gray500},U(ce?"createPost.popup.primary":"createPost.popup.warning"))),ce&&f.default.createElement(j,{className:"tag-list",communityId:ce.id,forceTopics:h,onChange:ne,selectedTopics:te,noFetch:T}))),f.default.createElement(n.Button,{theme:F?"marryBaby":"helloSites",className:"submit-btn",size:"lg",onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:if(!he||z)return[3,5];V(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,Ce()];case 2:return e.sent(),[3,4];case 3:return t=e.sent(),console.error(t),O(_(U)),[3,4];case 4:V(!1),e.label=5;case 5:return[2]}}))}))},isDisabled:!he,isLoading:z},U("createPost.popup.submit")))},exports.CreatePostDescription=L,exports.CreatePostTitle=B,exports.ImagePreviewPopup=K,exports.InputCommentBar=V,exports.LabelPin=k,exports.PopupDanger=D,exports.PostContent=Z,exports.PostImagePreview=$,exports.PostSingleImageViewPopup=X,exports.SubmitReportForm=q,exports.TagTopic=y,exports.TopicSelectList=j,exports.types=ce;