@hhgtech/hhg-components 1.19.7 → 1.20.0-beta-1

package/build/types-8ced0dc3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types-8ced0dc3.js","sources":["../src/care/components/organisms/bookingSearchBar/index.styled.ts","../src/care/components/atoms/icons/index.tsx","../src/care/components/organisms/bookingSearchBar/locationResults/liSkeleton.tsx","../src/care/components/organisms/bookingSearchBar/locationResults/index.styled.ts","../src/care/components/organisms/bookingSearchBar/locationResults/index.tsx","../src/care/components/organisms/bookingSearchBar/utils/Typewriter.ts","../src/care/components/organisms/bookingSearchBar/useAnimatedPlaceholder.ts","../src/care/components/organisms/bookingSearchBar/mobileFakeInput/index.tsx","../src/care/components/organisms/bookingSearchBar/mobileTopbar/index.styled.ts","../src/care/components/organisms/bookingSearchBar/reducer.ts","../src/care/components/organisms/bookingSearchBar/mobileTopbar/index.tsx","../src/care/components/organisms/bookingSearchBar/constants.ts","../src/care/components/organisms/bookingSearchBar/searchSubmitIcon/index.tsx","../src/care/components/organisms/bookingSearchBar/searchInputs/index.styled.ts","../src/care/components/organisms/bookingSearchBar/searchInputs/index.tsx","../src/care/components/organisms/bookingSearchBar/resultSectionItem/index.styled.ts","../src/care/components/organisms/bookingSearchBar/resultSectionItem/index.tsx","../src/care/components/organisms/bookingSearchBar/resultSection/icons.tsx","../src/care/components/organisms/bookingSearchBar/resultSection/index.styled.ts","../src/care/components/organisms/bookingSearchBar/resultSection/index.tsx","../src/care/components/organisms/bookingSearchBar/searchResults/index.tsx","../src/care/api/paths.ts","../src/care/api/utils.ts","../src/care/components/organisms/bookingSearchBar/index.tsx","../src/care/interfaces/types.ts","../src/hooks/useGeolocation.ts","../src/care/components/organisms/bookingSearchBar/useSearchBarApi.ts"],"sourcesContent":["import { Input } from 'components/atoms'\nimport styled, { createGlobalStyle } from 'styled-components'\n\nexport const StyledSearchBarWrapper = styled.div``\n\nexport const StyledSearchBarMobileWrapper = styled.div`\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\nexport const StyledSearchBarMobileModalHeader = styled.section``\n\nexport const StyledHiddenInputMobile = styled.input`\n  position: fixed;\n  left: -100%;\n  top: -100%;\n`\n\nexport const StyledInput = styled(Input)`\n  #booking-search-bar & {\n    input {\n      font-size: 16px;\n    }\n  }\n`\n\nexport const CareSearchGlobalStyles = createGlobalStyle`\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","import React from 'react'\n\ntype IconProps = {\n  className?: string\n  color?: string\n}\n\nexport const ClearIcon = ({ className, color }: IconProps) => (\n  <svg\n    className={className}\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"8\" fill=\"white\" />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      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\"\n      fill={color || 'currentColor'}\n    />\n  </svg>\n)\n\nexport const CloseIcon = ({ className, color }: IconProps) => (\n  <svg\n    className={className}\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M18 6L6 18\"\n      stroke={color || 'currentColor'}\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M6 6L18 18\"\n      stroke={color || 'currentColor'}\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\nexport const PinIcon = ({ className, color }: IconProps) => (\n  <svg width=\"14\" height=\"20\" viewBox=\"0 0 14 20\" className={className}>\n    <path\n      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\"\n      fill={color || 'currentColor'}\n    />\n  </svg>\n)\n\nexport const GetLocationIcon = ({ className, color }: IconProps) => (\n  <svg\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    fill=\"none\"\n    className={className}\n  >\n    <path\n      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\"\n      fill={color || 'currentColor'}\n    />\n  </svg>\n)\n\nexport const MagnifierIcon = ({ className, color }: IconProps) => (\n  <svg\n    className={className}\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      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\"\n      stroke={color || 'currentColor'}\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M20 20L16 16\"\n      stroke={color || 'currentColor'}\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\nexport const DefaultThumbnailAny = ({\n  width,\n  height,\n}: {\n  width?: number\n  height?: number\n}) => (\n  <svg\n    width={width || 30}\n    height={height || 30}\n    viewBox=\"0 0 30 30\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle cx=\"15\" cy=\"15\" r=\"15\" fill=\"#F7F9FC\" />\n  </svg>\n)\n\nexport const DefaultThumbnailDoctor = ({\n  width,\n  height,\n}: {\n  width?: number\n  height?: number\n}) => (\n  <svg\n    width={width || 32}\n    height={height || 32}\n    viewBox=\"0 0 32 32\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_14712_400114)\">\n      <rect width=\"32\" height=\"32\" rx=\"16\" fill=\"#E4E8EC\" />\n      <path\n        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\"\n        fill=\"white\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_14712_400114\">\n        <rect width=\"32\" height=\"32\" rx=\"16\" fill=\"white\" />\n      </clipPath>\n    </defs>\n  </svg>\n)\n\nexport const DefaultThumbnailService = ({\n  width,\n  height,\n}: {\n  width?: number\n  height?: number\n}) => (\n  <svg\n    width={width || 30}\n    height={height || 30}\n    viewBox=\"0 0 30 30\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle cx=\"15\" cy=\"15\" r=\"15\" fill=\"#F7F9FC\" />\n    <path\n      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\"\n      fill=\"#BFC5CC\"\n    />\n  </svg>\n)\n","import React from 'react'\n\nimport { theme } from 'misc/theme'\nimport { useId } from 'react-id-generator'\nimport Skeleton from 'react-loading-skeleton'\nimport styled from 'styled-components'\n\ntype Props = {\n  count: number\n  className?: string\n}\n\nconst StyledLiSkeleton = styled.li`\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: ${theme.colors.neutral100};\n  }\n`\n\nconst LiSkeleton = ({ count, className }: Props) => {\n  const idList = useId(count)\n  return (\n    <>\n      {[...Array(count)].map((__v, i) => (\n        <StyledLiSkeleton className={className} key={idList[i]}>\n          <Skeleton count={1} height={32} />\n          <Skeleton count={1} height={24} />\n        </StyledLiSkeleton>\n      ))}\n    </>\n  )\n}\n\nexport default LiSkeleton\n","import { PinIcon } from 'care/components/atoms/icons'\nimport { theme } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nimport LiSkeleton from './liSkeleton'\n\nconst checkMarkIconUrl = `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\nexport const StyledLocationResultsWrapper = styled.div`\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  ${MediaQueries.mbDown} {\n    position: relative;\n    top: 0;\n    box-shadow: initial;\n  }\n`\n\nexport const StyledLocationResultsList = styled.ul`\n  width: 100%;\n  max-height: 600px;\n  overflow-y: auto;\n`\n\nexport const StyledPinIcon = styled(PinIcon)`\n  width: 12px;\n  height: 18px;\n`\n\nexport const StyledLocationItem = styled.li<{ isSelected?: boolean }>`\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  ${({ isSelected }) =>\n    isSelected &&\n    `\n        &::after {\n            content: ${checkMarkIconUrl};\n            top: 50%;\n            right: 18px;\n            position: absolute;\n            transform: translateY(-50%);\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: ${theme.colors.neutral100};\n  }\n\n  &:not([data-is-denied='true']):hover {\n    background-color: ${theme.colors.neutral50};\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\nexport const StyledLiSkeleton = styled(LiSkeleton)`\n  &:first-child {\n    padding-top: 18px;\n  }\n`\n","import React from 'react'\n\nimport { GetLocationIcon } from 'care/components/atoms/icons'\nimport { City } from 'care/interfaces/types'\nimport { Text } from 'components/atoms/text'\nimport { useTranslations } from 'hooks/useTranslations'\nimport { GeoLocationPermission } from 'interfaces/types'\nimport { theme } from 'misc/theme'\nimport Skeleton from 'react-loading-skeleton'\n\nimport {\n  StyledLocationItem,\n  StyledLocationResultsList,\n  StyledLocationResultsWrapper,\n  StyledPinIcon,\n  StyledLiSkeleton,\n} from './index.styled'\n\ntype Props = {\n  cities?: Array<City>\n  isLoading: boolean\n  onLocationClick: (c: City) => void\n  onCurrentLocationClick: () => void\n  isMobile?: boolean\n  geoLocationPermission: GeoLocationPermission\n  isLocationLoading?: boolean\n  selectedLocation?: City | null\n}\n\nconst LocationResults = ({\n  cities,\n  isLoading,\n  onLocationClick,\n  onCurrentLocationClick,\n  geoLocationPermission = 'unset',\n  isLocationLoading,\n  selectedLocation,\n}: Props) => {\n  const { t } = useTranslations()\n\n  const isGeoPermissionDenied = geoLocationPermission === 'denied'\n\n  const renderCurrentLocationItem = () => (\n    <StyledLocationItem\n      role=\"button\"\n      tabIndex={0}\n      onClick={(evt) => {\n        if (isGeoPermissionDenied) {\n          return\n        }\n        evt.nativeEvent.stopImmediatePropagation()\n        if (!isLocationLoading) {\n          onCurrentLocationClick()\n        }\n      }}\n      data-is-denied={isGeoPermissionDenied}\n    >\n      {isGeoPermissionDenied ? (\n        <Text color=\"var(--gray600)\" size=\"md\">\n          x\n        </Text>\n      ) : isLocationLoading ? (\n        <Skeleton height={20} width={20} />\n      ) : (\n        <GetLocationIcon color={theme.colors.primaryBase} />\n      )}\n\n      <div>\n        {isGeoPermissionDenied ? (\n          <Text color=\"var(--gray600)\" size=\"sm\" style={{ lineHeight: 1.5 }}>\n            {t('booking.searchBar.grantLocation')}\n          </Text>\n        ) : isLocationLoading ? (\n          <Skeleton height={20} style={{ width: 'calc(100% - 16px)' }} />\n        ) : (\n          <Text size=\"md\">{t('booking.searchBar.useCurrentLocation')}</Text>\n        )}\n      </div>\n    </StyledLocationItem>\n  )\n\n  const renderContent = () => {\n    if (isLoading) {\n      return <StyledLiSkeleton count={5} />\n    }\n\n    if (!cities || cities.length < 1) {\n      return (\n        <>\n          {renderCurrentLocationItem()}\n          <StyledLocationItem data-is-denied=\"true\">\n            <Text size=\"sm\" color=\"#ccc\">\n              {t('booking.searchBar.noResults')}\n            </Text>\n          </StyledLocationItem>\n        </>\n      )\n    }\n\n    return (\n      <>\n        {renderCurrentLocationItem()}\n        {cities.map((city: City) => (\n          <StyledLocationItem\n            key={city.id}\n            onClick={(evt) => {\n              evt.nativeEvent.stopImmediatePropagation()\n              if (onLocationClick) {\n                onLocationClick(city)\n              }\n            }}\n            role=\"button\"\n            tabIndex={0}\n            aria-label={`Select ${city.name} as location`}\n            isSelected={selectedLocation?.id === city.id}\n          >\n            <StyledPinIcon color={theme.colors.neutral400} />\n            <Text size=\"md\">{city.name}</Text>\n          </StyledLocationItem>\n        ))}\n      </>\n    )\n  }\n\n  return (\n    <StyledLocationResultsWrapper data-testid=\"location-search-results\">\n      <StyledLocationResultsList>{renderContent()}</StyledLocationResultsList>\n    </StyledLocationResultsWrapper>\n  )\n}\n\nexport default LocationResults\n","export const EVENT_NAMES = {\n  TYPE_CHARACTER: 'TYPE_CHARACTER',\n  REMOVE_CHARACTER: 'REMOVE_CHARACTER',\n  REMOVE_ALL: 'REMOVE_ALL',\n  REMOVE_LAST_VISIBLE_NODE: 'REMOVE_LAST_VISIBLE_NODE',\n  PAUSE_FOR: 'PAUSE_FOR',\n  CHANGE_DELETE_SPEED: 'CHANGE_DELETE_SPEED',\n  CHANGE_DELAY: 'CHANGE_DELAY',\n  PASTE_STRING: 'PASTE_STRING',\n}\n\nconst getRandomInteger = (min, max) => {\n  return Math.floor(Math.random() * (max - min + 1)) + min\n}\n\nexport const VISIBLE_NODE_TYPES = {\n  TEXT_NODE: 'TEXT_NODE',\n}\n\nclass Typewriter {\n  state = {\n    lastFrameTime: null,\n    pauseUntil: null,\n    eventQueue: [],\n    eventLoop: null,\n    eventLoopPaused: false,\n    reverseCalledEvents: [],\n    calledEvents: [],\n    visibleNodes: [],\n    initialOptions: null,\n  }\n\n  options = {\n    strings: null,\n    delay: 'natural',\n    pauseFor: 1500,\n    deleteSpeed: 'natural',\n    loop: false,\n    autoStart: false,\n    stringSplitter: null,\n    onCreateTextNode: null,\n    onRemoveNode: null,\n  }\n\n  constructor(options) {\n    if (options) {\n      this.options = {\n        ...this.options,\n        ...options,\n      }\n    }\n\n    this.state.initialOptions = { ...this.options }\n\n    this.init()\n  }\n\n  init() {\n    this.addEventToQueue(EVENT_NAMES.REMOVE_ALL, null, true)\n\n    if (this.options.autoStart === true && this.options.strings) {\n      this.typeOutAllStrings().start()\n    }\n  }\n\n  start = () => {\n    this.state.eventLoopPaused = false\n    this.runEventLoop()\n\n    return this\n  }\n\n  pause = () => {\n    this.state.eventLoopPaused = true\n\n    return this\n  }\n\n  stop = () => {\n    if (this.state.eventLoop) {\n      window.cancelAnimationFrame(this.state.eventLoop)\n      this.state.eventLoop = null\n    }\n\n    return this\n  }\n\n  pauseFor = (ms) => {\n    this.addEventToQueue(EVENT_NAMES.PAUSE_FOR, { ms })\n\n    return this\n  }\n\n  typeOutAllStrings = () => {\n    if (typeof this.options.strings === 'string') {\n      this.typeString(this.options.strings).pauseFor(this.options.pauseFor)\n      return this\n    }\n\n    this.options.strings.forEach((string) => {\n      this.typeString(string)\n        .pauseFor(this.options.pauseFor)\n        .deleteAll(this.options.deleteSpeed)\n    })\n\n    return this\n  }\n\n  typeString = (string, node = null) => {\n    if (string) {\n      const { stringSplitter } = this.options || {}\n      const characters =\n        typeof stringSplitter === 'function'\n          ? stringSplitter(string)\n          : string.split('')\n      this.typeCharacters(characters, node)\n    }\n\n    return this\n  }\n\n  pasteString = (string, node = null) => {\n    if (string) {\n      this.addEventToQueue(EVENT_NAMES.PASTE_STRING, {\n        character: string,\n        node,\n      })\n    }\n\n    return this\n  }\n\n  deleteAll = (speed = 'natural') => {\n    this.addEventToQueue(EVENT_NAMES.REMOVE_ALL, { speed })\n    return this\n  }\n\n  changeDeleteSpeed = (speed) => {\n    if (!speed) {\n      throw new Error('Must provide new delete speed')\n    }\n\n    this.addEventToQueue(EVENT_NAMES.CHANGE_DELETE_SPEED, { speed })\n\n    return this\n  }\n\n  changeDelay = (delay) => {\n    if (!delay) {\n      throw new Error('Must provide new delay')\n    }\n\n    this.addEventToQueue(EVENT_NAMES.CHANGE_DELAY, { delay })\n\n    return this\n  }\n\n  deleteChars = (amount) => {\n    if (!amount) {\n      throw new Error('Must provide amount of characters to delete')\n    }\n\n    for (let i = 0; i < amount; i++) {\n      this.addEventToQueue(EVENT_NAMES.REMOVE_CHARACTER)\n    }\n\n    return this\n  }\n\n  typeCharacters = (characters, node = null) => {\n    if (!characters || !Array.isArray(characters)) {\n      throw new Error('Characters must be an array')\n    }\n\n    characters.forEach((character) => {\n      this.addEventToQueue(EVENT_NAMES.TYPE_CHARACTER, { character, node })\n    })\n\n    return this\n  }\n\n  removeCharacters = (characters) => {\n    if (!characters || !Array.isArray(characters)) {\n      throw new Error('Characters must be an array')\n    }\n\n    characters.forEach(() => {\n      this.addEventToQueue(EVENT_NAMES.REMOVE_CHARACTER)\n    })\n\n    return this\n  }\n\n  addEventToQueue = (eventName, eventArgs?, prepend = false) => {\n    return this.addEventToStateProperty(\n      eventName,\n      eventArgs,\n      prepend,\n      'eventQueue',\n    )\n  }\n\n  addReverseCalledEvent = (eventName, eventArgs, prepend = false) => {\n    const { loop } = this.options\n\n    if (!loop) {\n      return this\n    }\n\n    return this.addEventToStateProperty(\n      eventName,\n      eventArgs,\n      prepend,\n      'reverseCalledEvents',\n    )\n  }\n\n  addEventToStateProperty = (\n    eventName,\n    eventArgs,\n    prepend = false,\n    property,\n  ) => {\n    const eventItem = {\n      eventName,\n      eventArgs: eventArgs || {},\n    }\n\n    if (prepend) {\n      this.state[property] = [eventItem, ...this.state[property]]\n    } else {\n      this.state[property] = [...this.state[property], eventItem]\n    }\n\n    return this\n  }\n\n  runEventLoop = () => {\n    if (!this.state.lastFrameTime) {\n      this.state.lastFrameTime = Date.now()\n    }\n\n    // Setup variables to calculate if this frame should run\n    const nowTime = Date.now()\n    const delta = nowTime - this.state.lastFrameTime\n\n    if (!this.state.eventQueue.length) {\n      if (!this.options.loop) {\n        return\n      }\n\n      // Reset event queue if we are looping\n      this.state.eventQueue = [...this.state.calledEvents]\n      this.state.calledEvents = []\n      this.options = { ...this.state.initialOptions }\n    }\n\n    // Request next frame\n    this.state.eventLoop = window.requestAnimationFrame(this.runEventLoop)\n\n    // Check if event loop is paused\n    if (this.state.eventLoopPaused) {\n      return\n    }\n\n    // Check if state has pause until time\n    if (this.state.pauseUntil) {\n      // Check if event loop should be paused\n      if (nowTime < this.state.pauseUntil) {\n        return\n      }\n\n      // Reset pause time\n      this.state.pauseUntil = null\n    }\n\n    // Make a clone of event queue\n    const eventQueue = [...this.state.eventQueue]\n\n    // Get first event from queue\n    const currentEvent = eventQueue.shift()\n\n    // Setup delay variable\n    let delay = 0\n\n    // Check if frame should run or be\n    // skipped based on fps interval\n    if (\n      currentEvent.eventName === EVENT_NAMES.REMOVE_LAST_VISIBLE_NODE ||\n      currentEvent.eventName === EVENT_NAMES.REMOVE_CHARACTER\n    ) {\n      delay =\n        this.options.deleteSpeed === 'natural'\n          ? getRandomInteger(40, 80)\n          : this.options.deleteSpeed\n    } else {\n      delay =\n        this.options.delay === 'natural'\n          ? getRandomInteger(120, 160)\n          : this.options.delay\n    }\n\n    if (delta <= delay) {\n      return\n    }\n\n    // Get current event args\n    const { eventName, eventArgs } = currentEvent\n\n    // Run item from event loop\n    switch (eventName) {\n      case EVENT_NAMES.PASTE_STRING:\n      case EVENT_NAMES.TYPE_CHARACTER: {\n        const { character } = eventArgs\n        const textNode = document.createTextNode(character)\n\n        let textNodeToUse = textNode\n\n        if (\n          this.options.onCreateTextNode &&\n          typeof this.options.onCreateTextNode === 'function'\n        ) {\n          textNodeToUse = this.options.onCreateTextNode(character, textNode)\n        }\n\n        this.state.visibleNodes = [\n          ...this.state.visibleNodes,\n          {\n            type: VISIBLE_NODE_TYPES.TEXT_NODE,\n            character,\n            node: textNodeToUse,\n          },\n        ]\n\n        break\n      }\n\n      case EVENT_NAMES.REMOVE_CHARACTER: {\n        eventQueue.unshift({\n          eventName: EVENT_NAMES.REMOVE_LAST_VISIBLE_NODE,\n          eventArgs: { removingCharacterNode: true },\n        })\n        break\n      }\n\n      case EVENT_NAMES.PAUSE_FOR: {\n        const { ms } = currentEvent.eventArgs\n        this.state.pauseUntil = Date.now() + parseInt(ms)\n        break\n      }\n\n      case EVENT_NAMES.REMOVE_ALL: {\n        const { visibleNodes } = this.state\n        const { speed } = eventArgs\n        const removeAllEventItems = []\n\n        if (speed) {\n          removeAllEventItems.push({\n            eventName: EVENT_NAMES.CHANGE_DELETE_SPEED,\n            eventArgs: { speed, temp: true },\n          })\n        }\n\n        for (let i = 0, length = visibleNodes.length; i < length; i++) {\n          removeAllEventItems.push({\n            eventName: EVENT_NAMES.REMOVE_LAST_VISIBLE_NODE,\n            eventArgs: { removingCharacterNode: false },\n          })\n        }\n\n        if (speed) {\n          removeAllEventItems.push({\n            eventName: EVENT_NAMES.CHANGE_DELETE_SPEED,\n            eventArgs: { speed: this.options.deleteSpeed, temp: true },\n          })\n        }\n\n        eventQueue.unshift(...removeAllEventItems)\n\n        break\n      }\n\n      case EVENT_NAMES.REMOVE_LAST_VISIBLE_NODE: {\n        if (this.state.visibleNodes.length) {\n          const { node, character } = this.state.visibleNodes.pop()\n\n          if (\n            this.options.onRemoveNode &&\n            typeof this.options.onRemoveNode === 'function'\n          ) {\n            this.options.onRemoveNode({\n              node,\n              character,\n            })\n          }\n\n          if (node) {\n            node.parentNode.removeChild(node)\n          }\n        }\n        break\n      }\n\n      case EVENT_NAMES.CHANGE_DELETE_SPEED: {\n        this.options.deleteSpeed = currentEvent.eventArgs.speed\n        break\n      }\n\n      case EVENT_NAMES.CHANGE_DELAY: {\n        this.options.delay = currentEvent.eventArgs.delay\n        break\n      }\n\n      default: {\n        break\n      }\n    }\n\n    // Add que item to called queue if we are looping\n    if (this.options.loop) {\n      if (\n        currentEvent.eventName !== EVENT_NAMES.REMOVE_LAST_VISIBLE_NODE &&\n        !(currentEvent.eventArgs && currentEvent.eventArgs.temp)\n      ) {\n        this.state.calledEvents = [...this.state.calledEvents, currentEvent]\n      }\n    }\n\n    // Replace state event queue with cloned queue\n    this.state.eventQueue = eventQueue\n\n    // Set last frame time so it can be used to calculate next frame\n    this.state.lastFrameTime = nowTime\n  }\n}\n\nexport default Typewriter\n","import React, { useEffect, useMemo } from 'react'\n\nimport { useTranslations } from 'hooks/useTranslations'\nimport { TranslationsKey } from 'i18n/translations'\nimport shuffle from 'lodash/shuffle'\n\nimport Typewriter from './utils/Typewriter'\n\ntype UseAnimatedPlaceholderParams = {\n  inputRef?: React.MutableRefObject<HTMLInputElement>\n  wrapperRef?: React.MutableRefObject<HTMLDivElement>\n  disabled?: boolean\n}\n\nexport function useAnimatedPlaceholder({\n  inputRef,\n  wrapperRef,\n  disabled,\n}: UseAnimatedPlaceholderParams): void {\n  const { t, locale } = useTranslations()\n\n  const values = useMemo(() => {\n    if (disabled) {\n      return []\n    }\n\n    const shuffleKeys: TranslationsKey[] = [\n      'booking.searchBar.placeholder.hospital',\n      'booking.searchBar.placeholder.doctor',\n    ]\n    if (locale !== 'zh-TW') {\n      shuffleKeys.push(\n        'booking.searchBar.placeholder.specialty',\n        'booking.searchBar.placeholder.service',\n      )\n    }\n\n    return shuffle(shuffleKeys).map((s) => t(s))\n  }, [t, locale])\n\n  useEffect(() => {\n    if (disabled) {\n      return\n    }\n    const input = getInput()\n    if (input) {\n      input.placeholder = ''\n      new Typewriter({\n        strings: values,\n        autoStart: true,\n        loop: true,\n        delay: 32,\n        deleteSpeed: 32,\n        pauseFor: 1500,\n        onCreateTextNode: customNodeCreator,\n        onRemoveNode: onRemoveNode,\n      })\n    }\n  }, [inputRef, wrapperRef])\n\n  function customNodeCreator(character: string) {\n    const input = getInput()\n    if (input) {\n      input.placeholder = input.placeholder + character\n    }\n    return null\n  }\n\n  function onRemoveNode() {\n    const input = getInput()\n    if (input) {\n      input.placeholder = input.placeholder.slice(0, -1)\n    }\n  }\n\n  function getInput(): HTMLInputElement | null {\n    if (inputRef && inputRef.current) {\n      return inputRef.current\n    } else if (wrapperRef && wrapperRef.current) {\n      return wrapperRef.current.querySelector('input') || null\n    }\n    return null\n  }\n\n  return\n}\n","import React, { useMemo, useRef } from 'react'\n\nimport { MagnifierIcon } from 'care/components/atoms/icons'\nimport { useTranslations } from 'hooks/useTranslations'\nimport { theme } from 'misc/theme'\nimport styled from 'styled-components'\n\nimport { StyledInput } from '../index.styled'\nimport { FocusedType, GATrackingCode } from '../types'\nimport { useAnimatedPlaceholder } from '../useAnimatedPlaceholder'\n\nexport const StyledFakeInputSearchMobile = styled.div`\n  user-select: none;\n  input {\n    pointer-events: none;\n    background-color: white;\n  }\n`\n\ntype Props = {\n  focused: FocusedType\n  onClick?: () => void\n  value?: string\n  trackingAttributes?: GATrackingCode\n  inputSearchPlaceholder?: string\n}\n\nexport function MobileFakeInput({\n  focused,\n  value = '',\n  onClick,\n  trackingAttributes,\n  inputSearchPlaceholder,\n}: Props) {\n  const { t } = useTranslations()\n  const wrapperRef = useRef<HTMLDivElement>(null)\n\n  useAnimatedPlaceholder({ wrapperRef, disabled: !!inputSearchPlaceholder })\n\n  const gaAttributes = useMemo(() => {\n    if (trackingAttributes) {\n      return {\n        'data-event-category': trackingAttributes.dataEventCategory,\n        'data-event-action': trackingAttributes.dataEventAction,\n        'data-event-label': trackingAttributes.dataEventLabel,\n      }\n    } else {\n      return {}\n    }\n  }, [trackingAttributes])\n\n  return (\n    <StyledFakeInputSearchMobile\n      onClick={() => onClick && onClick()}\n      ref={wrapperRef}\n      {...gaAttributes}\n    >\n      <StyledInput\n        inputClassName={focused === 'location' ? 'focused' : undefined}\n        name=\"booking-search-placeholder\"\n        displayIcon={<MagnifierIcon color={theme.colors.gray400} />}\n        placeholder={t('booking.searchBar.searchInput.placeholder')}\n        value={value}\n        size=\"md\"\n      />\n    </StyledFakeInputSearchMobile>\n  )\n}\n","import { Text } from 'components/atoms/text'\nimport { theme } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledTopBar = styled.header`\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\nexport const StyledTopBarHeaderRight = styled.div`\n  display: inline-flex;\n  flex: 1;\n  justify-content: flex-end;\n  cursor: pointer;\n  text-decoration: underline;\n`\n\nexport const StyledTopBarIcon = styled.div`\n  display: flex;\n  align-items: center;\n  margin-left: 16px;\n  cursor: pointer;\n`\n\nexport const StyledTopbarHeading = styled.div`\n  width: 100%;\n  margin-left: 24px;\n`\n\nexport const StyledTopbarHeadingText = styled(Text)`\n  color: ${theme.colors.secondaryDark};\n  text-align: start;\n`\n","import { ID_OPTION_CURRENT_LOCATION } from 'care/interfaces/constants'\nimport {\n  CareLocaleType,\n  City,\n  SearchBarSectionApi,\n  SearchCityByGeoIpApi,\n} from 'care/interfaces/types'\nimport { GeoLocationPermission, GPSType } from 'interfaces/types'\n\nimport { SEARCH_KEYWORD_MIN_LENGTH } from './constants'\nimport { FocusedType } from './types'\n\nexport type ReducerState = {\n  isMobile: boolean\n  isDebug: boolean\n  navigateTo: null | string\n  geoLocationPermission: GeoLocationPermission\n  geoLocationCoordinates: null | GPSType\n  searchLocationKeywords: string\n  searchKeywords: string\n  focused: FocusedType\n  selectedLocation: City | null\n  defaultCity: City | null\n  initialCities: City[]\n  cities: City[]\n  searchResults: SearchBarSectionApi[]\n  initialSearchResults: SearchBarSectionApi[]\n  isLoadingCities: boolean\n  isLoadingSearchResults: boolean\n  isMobileModalOpened: boolean\n  initialSelectedCity: City | null\n  autoCompleteDisabled: boolean\n  inputSearchPlaceholder: string\n  locale: CareLocaleType\n}\n\nexport const initialState: ReducerState = {\n  isMobile: false,\n  isDebug: false,\n  navigateTo: null,\n  geoLocationPermission: 'unset',\n  geoLocationCoordinates: null,\n  focused: 'none',\n  searchLocationKeywords: '',\n  searchKeywords: '',\n  selectedLocation: null,\n  defaultCity: null,\n  initialCities: [],\n  cities: [],\n  searchResults: [],\n  initialSearchResults: [],\n  isLoadingCities: false,\n  isLoadingSearchResults: false,\n  isMobileModalOpened: false,\n  initialSelectedCity: null,\n  autoCompleteDisabled: false,\n  inputSearchPlaceholder: '',\n  locale: 'vi-VN',\n}\n\nexport enum ActionTypes {\n  NavigateTo = 'navigate to url',\n  ClickOutsideInputLocation = 'click outside input location',\n  ClickOutsideInputSearch = 'click outside input search',\n  SelectCurrentLocation = 'select current location',\n  FocusInputLocation = 'focus input location',\n  FocusInputSearch = 'focus input search',\n  ChangeInputLocation = 'change input location',\n  ChangeInputSearch = 'change input search',\n  ClearInputLocation = 'clear input location',\n  ClearInputSearch = 'clear input search',\n  SelectLocation = 'select location',\n  FetchCitiesStart = 'fetch cities start',\n  FetchCitiesFinish = 'fetch cities finish',\n  FetchSearchResultsStart = 'fetch search results start',\n  FetchSearchResultsComplete = 'fetch search results complete',\n  FetchSearchResultsFinish = 'fetch search results finish',\n  FetchCitiesByGeoIpComplete = 'fetch cities by geo IP finish',\n  FetchCitiesByKeywordComplete = 'fetch cities by keyword finish',\n  DisplayInitialCities = 'display initial cities',\n  DisplayInitialSearchResults = 'display initial search results',\n  GrantGeoLocationPermission = 'grant geolocation permission',\n  DenyGeoLocationPermission = 'deny geolocation permission',\n  OpenMobileModal = 'open mobile modal',\n  CloseMobileModal = 'close mobile modal',\n  UpdateInitialSearchValue = 'update initial search value',\n  SelectSearchResult = 'select search result',\n  SetInputSearchPlaceholder = 'set input search placeholder',\n}\n\nexport type Action =\n  | { type: ActionTypes.NavigateTo; payload: string }\n  | { type: ActionTypes.ClickOutsideInputLocation }\n  | { type: ActionTypes.ClickOutsideInputSearch }\n  | { type: ActionTypes.FocusInputLocation }\n  | { type: ActionTypes.FocusInputSearch }\n  | { type: ActionTypes.ChangeInputLocation; payload: string }\n  | { type: ActionTypes.ChangeInputSearch; payload: string }\n  | { type: ActionTypes.ClearInputLocation }\n  | { type: ActionTypes.ClearInputSearch }\n  | { type: ActionTypes.SelectCurrentLocation; payload: City }\n  | { type: ActionTypes.SelectLocation; payload: City }\n  | { type: ActionTypes.FetchCitiesStart }\n  | { type: ActionTypes.FetchCitiesFinish }\n  | { type: ActionTypes.FetchSearchResultsStart }\n  | {\n      type: ActionTypes.FetchSearchResultsComplete\n      payload: SearchBarSectionApi[]\n    }\n  | { type: ActionTypes.FetchSearchResultsFinish }\n  | {\n      type: ActionTypes.FetchCitiesByGeoIpComplete\n      payload: SearchCityByGeoIpApi\n    }\n  | { type: ActionTypes.FetchCitiesByKeywordComplete; payload: City[] }\n  | { type: ActionTypes.DisplayInitialCities }\n  | { type: ActionTypes.DisplayInitialSearchResults }\n  | { type: ActionTypes.GrantGeoLocationPermission; payload: GPSType }\n  | { type: ActionTypes.DenyGeoLocationPermission }\n  | { type: ActionTypes.OpenMobileModal }\n  | { type: ActionTypes.CloseMobileModal }\n  | { type: ActionTypes.UpdateInitialSearchValue; payload: string }\n  | {\n      type: ActionTypes.SelectSearchResult\n      payload: { name: string; url: string }\n    }\n  | { type: ActionTypes.SetInputSearchPlaceholder; payload: string }\n\nfunction resetSearchLocationKeywords(state: ReducerState): ReducerState {\n  const { selectedLocation, searchLocationKeywords } = state\n  if (selectedLocation && searchLocationKeywords !== selectedLocation.name) {\n    return { ...state, searchLocationKeywords: selectedLocation.name }\n  }\n  return state\n}\n\nexport function reducer(state: ReducerState, action: Action): ReducerState {\n  if (state.isDebug) {\n    console.log('bookingSearchBar', { action, state })\n  }\n  switch (action.type) {\n    case ActionTypes.NavigateTo:\n      return {\n        ...state,\n        navigateTo: action.payload,\n        focused: 'none',\n        isMobileModalOpened: false,\n      }\n    case ActionTypes.ClickOutsideInputLocation: {\n      if (state.isMobile || state.focused !== 'location') {\n        return state\n      }\n      return resetSearchLocationKeywords({ ...state, focused: 'none' })\n    }\n    case ActionTypes.ClickOutsideInputSearch: {\n      if (state.isMobile || state.focused !== 'search') {\n        return state\n      }\n      return { ...state, focused: 'none' }\n    }\n    case ActionTypes.FocusInputLocation: {\n      const nextState: ReducerState = { ...state, focused: 'location' }\n      if (state.selectedLocation?.id === ID_OPTION_CURRENT_LOCATION) {\n        nextState.searchLocationKeywords = ''\n      }\n      return nextState\n    }\n    case ActionTypes.FocusInputSearch:\n      const nextState: ReducerState = { ...state, focused: 'search' }\n      if (state.isMobile) {\n        return resetSearchLocationKeywords(nextState)\n      }\n      return nextState\n    case ActionTypes.ChangeInputLocation:\n      return { ...state, searchLocationKeywords: action.payload }\n    case ActionTypes.ChangeInputSearch: {\n      const keyword = action.payload\n      return {\n        ...state,\n        searchKeywords: keyword,\n        isLoadingSearchResults:\n          keyword.trim().length > SEARCH_KEYWORD_MIN_LENGTH[state.locale],\n      }\n    }\n    case ActionTypes.SelectCurrentLocation:\n      return {\n        ...state,\n        focused: 'none',\n        selectedLocation: action.payload,\n        searchLocationKeywords: action.payload.name,\n      }\n    case ActionTypes.ClearInputLocation:\n      return {\n        ...state,\n        focused: 'location',\n        cities: state.initialCities,\n        searchLocationKeywords: '',\n      }\n    case ActionTypes.ClearInputSearch:\n      return { ...state, focused: 'search', searchKeywords: '' }\n    case ActionTypes.SelectLocation:\n      return {\n        ...state,\n        focused: 'none',\n        selectedLocation: action.payload,\n        searchLocationKeywords: action.payload.name,\n      }\n    case ActionTypes.SelectSearchResult:\n      return {\n        ...state,\n        searchKeywords: action.payload.name,\n        isMobileModalOpened: false,\n        focused: 'none',\n        navigateTo: action.payload.url,\n      }\n    case ActionTypes.FetchCitiesStart:\n      return { ...state, isLoadingCities: true }\n    case ActionTypes.FetchCitiesFinish:\n      return { ...state, isLoadingCities: false }\n    case ActionTypes.FetchSearchResultsStart:\n      return { ...state, isLoadingSearchResults: true }\n    case ActionTypes.FetchSearchResultsFinish:\n      return { ...state, isLoadingSearchResults: false }\n    case ActionTypes.FetchSearchResultsComplete: {\n      const nextState: ReducerState = {\n        ...state,\n        searchResults: action.payload,\n      }\n      if (state.initialSearchResults.length === 0) {\n        nextState.initialSearchResults = action.payload\n      }\n      return nextState\n    }\n    case ActionTypes.FetchCitiesByGeoIpComplete: {\n      let { cities } = action.payload\n      const { default: defaultCity } = action.payload\n      cities = cities.filter((c) => c.id !== defaultCity.id)\n      cities.unshift(defaultCity)\n      if (\n        state.initialSelectedCity &&\n        !cities.find((c) => c.id === state.initialSelectedCity.id)\n      ) {\n        cities.unshift(state.initialSelectedCity)\n      }\n      const nextState: ReducerState = {\n        ...state,\n        defaultCity,\n        initialCities: cities,\n        cities,\n      }\n      if (\n        state.geoLocationPermission === 'denied' &&\n        !state.initialSelectedCity\n      ) {\n        nextState.selectedLocation = defaultCity\n        nextState.searchLocationKeywords = defaultCity.name\n      }\n      return nextState\n    }\n    case ActionTypes.FetchCitiesByKeywordComplete:\n      return { ...state, cities: action.payload }\n    case ActionTypes.DisplayInitialCities:\n      return { ...state, cities: state.initialCities }\n    case ActionTypes.DisplayInitialSearchResults:\n      return {\n        ...state,\n        searchResults: state.initialSearchResults,\n        isLoadingSearchResults: false,\n      }\n    case ActionTypes.GrantGeoLocationPermission:\n      return {\n        ...state,\n        geoLocationPermission: 'granted',\n        geoLocationCoordinates: action.payload,\n      }\n    case ActionTypes.DenyGeoLocationPermission:\n      return {\n        ...state,\n        geoLocationPermission: 'denied',\n        geoLocationCoordinates: null,\n      }\n    case ActionTypes.OpenMobileModal:\n      return { ...state, isMobileModalOpened: true }\n    case ActionTypes.CloseMobileModal:\n      return { ...state, isMobileModalOpened: false }\n    case ActionTypes.UpdateInitialSearchValue:\n      return { ...state, searchKeywords: action.payload }\n    case ActionTypes.SetInputSearchPlaceholder:\n      return { ...state, inputSearchPlaceholder: action.payload }\n    default:\n      return state\n  }\n}\n","import React from 'react'\n\nimport { CloseIcon } from 'care/components/atoms/icons'\nimport { theme } from 'misc/theme'\n\nimport {\n  StyledTopBar,\n  StyledTopBarHeaderRight,\n  StyledTopbarHeading,\n  StyledTopbarHeadingText,\n  StyledTopBarIcon,\n} from './index.styled'\n\nexport type Props = {\n  className?: string\n  headingText: string\n  textRight?: string\n  iconLeft?: JSX.Element\n  onRightClick?: () => void\n  onLeftClick?: () => void\n}\n\nconst MobileTopBar = ({\n  className,\n  onLeftClick,\n  headingText,\n  onRightClick,\n  iconLeft,\n  textRight,\n}: Props) => {\n  return (\n    <StyledTopBar className={className}>\n      <StyledTopBarIcon onClick={onLeftClick}>\n        {iconLeft || <CloseIcon color={theme.colors.gray800} />}\n      </StyledTopBarIcon>\n      <StyledTopbarHeading>\n        <StyledTopbarHeadingText size=\"md\" type=\"bold\">\n          {headingText}\n        </StyledTopbarHeadingText>\n      </StyledTopbarHeading>\n      <StyledTopBarHeaderRight onClick={onRightClick}>\n        {textRight && <p>{textRight}</p>}\n      </StyledTopBarHeaderRight>\n    </StyledTopBar>\n  )\n}\n\nexport { MobileTopBar }\n","import { CareLocaleType } from 'src/care/interfaces/types'\n\nexport const SEARCH_KEYWORD_MIN_LENGTH: { [k in CareLocaleType]: number } = {\n  'en-PH': 3,\n  'tl-PH': 2,\n  'id-ID': 3,\n  'vi-VN': 2,\n  'zh-TW': 0,\n}\n","import React from 'react'\n\nimport { Text } from 'components/atoms'\nimport { useTranslations } from 'hooks/useTranslations'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\ntype Props = {\n  onClick: () => void\n}\n\nconst SearchIcon = () => (\n  <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\">\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      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\"\n      fill=\"white\"\n    />\n  </svg>\n)\n\nconst StyledSearchIcon = styled.button`\n  min-height: 100%;\n  border-radius: 6px;\n  background-color: ${({ theme }) => theme.colors.primaryBase};\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  cursor: pointer;\n  flex: 0.3;\n\n  ${MediaQueries.mbDown} {\n    --margin: 16px;\n    min-height: 32px;\n    margin: var(--margin);\n    width: calc(100% - var(--margin) * 2);\n    position: absolute;\n    bottom: 0;\n  }\n\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.primaryHover};\n  }\n\n  &:active {\n    background-color: ${({ theme }) => theme.colors.primaryActive};\n  }\n\n  &:focus-visible {\n    outline: 1px solid black;\n  }\n`\n\nconst StyledText = styled(Text)`\n  font-weight: ${({ theme }) => theme.sizes.fwSemiBold};\n`\n\nconst SearchButton = ({ onClick }: Props) => {\n  const { t } = useTranslations()\n  const title = t('booking.searchBar.searchButton')\n  return (\n    <StyledSearchIcon onClick={onClick} title={title}>\n      <SearchIcon />\n      <StyledText size=\"s3\" color=\"white\">\n        {title}\n      </StyledText>\n    </StyledSearchIcon>\n  )\n}\n\nexport { SearchButton }\n","import { ClearIcon } from 'care/components/atoms/icons'\nimport { theme } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledSearchBarInputsWrapper = styled.div`\n  display: flex;\n  gap: 16px;\n  ${MediaQueries.mbDown} {\n    flex-direction: column;\n    padding: 14px;\n    background-color: ${theme.colors.blue50};\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\nexport const StyledInputWrapper = styled.div`\n  position: relative;\n`\n\nexport const StyledInputLocationWrapper = styled(StyledInputWrapper)`\n  flex: 1;\n`\n\nexport const StyledInputSearchWrapper = styled(StyledInputWrapper)`\n  flex: 2;\n`\nexport const StyledClearIcon = styled(ClearIcon)`\n  display: none;\n  &.shown {\n    display: block;\n  }\n`\n","import React, {\n  Dispatch,\n  useRef,\n  useMemo,\n  useCallback,\n  KeyboardEvent,\n} from 'react'\n\nimport { PinIcon } from 'care/components/atoms/icons'\nimport { ID_OPTION_CURRENT_LOCATION } from 'care/interfaces/constants'\nimport { useOutsideClick } from 'hooks/useOutsideClick'\nimport { useTranslations } from 'hooks/useTranslations'\nimport { DebouncedFunc } from 'lodash'\nimport { theme } from 'misc/theme'\n\nimport { SEARCH_KEYWORD_MIN_LENGTH } from '../constants'\nimport { StyledInput } from '../index.styled'\nimport { ReducerState, Action, ActionTypes } from '../reducer'\nimport { SearchButton } from '../searchSubmitIcon'\nimport { GATrackingCode, SearchClick } from '../types'\nimport { useAnimatedPlaceholder } from '../useAnimatedPlaceholder'\nimport {\n  StyledSearchBarInputsWrapper,\n  StyledInputLocationWrapper,\n  StyledInputSearchWrapper,\n  StyledClearIcon,\n} from './index.styled'\n\nexport type Props = {\n  isMobile: boolean\n  state: ReducerState\n  dispatch: Dispatch<Action>\n  debouncedFetchCitiesByKeyword: DebouncedFunc<\n    (keyword: string) => Promise<void>\n  >\n  debouncedFetchSearchResults: DebouncedFunc<\n    (keyword: string, state: ReducerState) => Promise<void>\n  >\n  focusLocationInput: () => void\n  focusSearchInput: () => void\n  renderLocationResults: () => React.ReactNode\n  renderSearchResults: () => React.ReactNode\n  trackingAttributes?: GATrackingCode\n  onSearch?: (info: SearchClick) => void\n  initalSearchValue?: string\n}\n\nexport function SearchInputs({\n  isMobile,\n  state,\n  dispatch,\n  debouncedFetchCitiesByKeyword,\n  debouncedFetchSearchResults,\n  focusLocationInput,\n  focusSearchInput,\n  renderLocationResults,\n  renderSearchResults,\n  trackingAttributes,\n  onSearch,\n  initalSearchValue,\n}: Props) {\n  const inputLocationWrapperRef = useRef<HTMLDivElement>(null)\n  const inputSearchWrapperRef = useRef<HTMLDivElement>(null)\n\n  const {\n    focused,\n    searchLocationKeywords,\n    geoLocationPermission,\n    selectedLocation,\n    searchKeywords,\n    inputSearchPlaceholder,\n  } = state\n  const { t } = useTranslations()\n\n  useAnimatedPlaceholder({\n    wrapperRef: inputSearchWrapperRef,\n    disabled: !!inputSearchPlaceholder,\n  })\n\n  useOutsideClick(inputLocationWrapperRef, () => {\n    dispatch({ type: ActionTypes.ClickOutsideInputLocation })\n  })\n\n  useOutsideClick(inputSearchWrapperRef, () => {\n    dispatch({ type: ActionTypes.ClickOutsideInputSearch })\n  })\n\n  function handleLocationInputClear() {\n    dispatch({ type: ActionTypes.ClearInputLocation })\n    debouncedFetchCitiesByKeyword.cancel()\n    focusLocationInput()\n  }\n\n  function handleSearchInputClear() {\n    dispatch({ type: ActionTypes.ClearInputSearch })\n    debouncedFetchSearchResults.cancel()\n    debouncedFetchSearchResults('', state)\n    focusSearchInput()\n  }\n\n  const searchInputPinIconColor = useMemo(() => {\n    if (\n      geoLocationPermission === 'granted' &&\n      selectedLocation?.id === ID_OPTION_CURRENT_LOCATION\n    ) {\n      return theme.colors.primaryBase\n    } else {\n      return theme.colors.gray400\n    }\n  }, [geoLocationPermission, selectedLocation])\n\n  const handleSearchInputChange = useCallback(\n    function handleSearchInputChange(value: string) {\n      dispatch({ type: ActionTypes.ChangeInputSearch, payload: value })\n      if (typeof onSearch === 'function') {\n        return\n      }\n      if (\n        value.trim().length > SEARCH_KEYWORD_MIN_LENGTH[state.locale] ||\n        initalSearchValue\n      ) {\n        debouncedFetchSearchResults(value.trim(), state)\n      } else {\n        debouncedFetchSearchResults.cancel()\n        dispatch({ type: ActionTypes.DisplayInitialSearchResults })\n      }\n    },\n    [dispatch, state],\n  )\n\n  const handleSearchLocationInputChange = useCallback(\n    function handleSearchLocationInputChange(value: string) {\n      dispatch({ type: ActionTypes.ChangeInputLocation, payload: value })\n      if (value.trim().length > SEARCH_KEYWORD_MIN_LENGTH[state.locale]) {\n        debouncedFetchCitiesByKeyword(value.trim())\n      } else {\n        debouncedFetchCitiesByKeyword.cancel()\n        dispatch({ type: ActionTypes.DisplayInitialCities })\n      }\n    },\n    [debouncedFetchCitiesByKeyword, dispatch],\n  )\n\n  const handleKeyPress = (e: KeyboardEvent<Element>) => {\n    if (state.autoCompleteDisabled && e.key === 'Enter' && onSearch) {\n      onSearch({\n        cityId: state.selectedLocation.id,\n        keyword: searchKeywords,\n      })\n    }\n  }\n\n  return (\n    <StyledSearchBarInputsWrapper>\n      <StyledInputLocationWrapper ref={inputLocationWrapperRef}>\n        <StyledInput\n          inputClassName={focused === 'location' ? 'focused' : undefined}\n          placeholder={t('booking.searchBar.locationPlaceholder')}\n          autoComplete=\"off\"\n          name=\"search-location\"\n          displayIcon={\n            <PinIcon\n              className=\"location-pin-icon\"\n              color={searchInputPinIconColor}\n            />\n          }\n          actionIcon={\n            <StyledClearIcon\n              color={theme.colors.gray300}\n              className={searchLocationKeywords !== '' ? 'shown' : ''}\n            />\n          }\n          onActionClick={handleLocationInputClear}\n          value={searchLocationKeywords}\n          onChange={handleSearchLocationInputChange}\n          onFocus={() => dispatch({ type: ActionTypes.FocusInputLocation })}\n          size=\"md\"\n        />\n        {!isMobile && renderLocationResults()}\n      </StyledInputLocationWrapper>\n      <StyledInputSearchWrapper ref={inputSearchWrapperRef}>\n        <StyledInput\n          placeholder={\n            inputSearchPlaceholder ||\n            t('booking.searchBar.searchInput.placeholder')\n          }\n          autoComplete=\"off\"\n          name=\"search-results\"\n          actionIcon={\n            <StyledClearIcon\n              color={theme.colors.gray300}\n              className={searchKeywords !== '' ? 'shown' : ''}\n            />\n          }\n          onActionClick={handleSearchInputClear}\n          value={searchKeywords}\n          onChange={handleSearchInputChange}\n          onFocus={() => dispatch({ type: ActionTypes.FocusInputSearch })}\n          inputClassName={focused === 'search' ? 'focused' : undefined}\n          size=\"md\"\n          trackingAttributes={trackingAttributes}\n          onKeyPress={handleKeyPress}\n          enterKeyHint={state.autoCompleteDisabled ? 'search' : undefined}\n        />\n        {!isMobile && renderSearchResults()}\n      </StyledInputSearchWrapper>\n      {state.autoCompleteDisabled && !state.isMobile && (\n        <SearchButton\n          onClick={() => {\n            onSearch({\n              cityId: state.selectedLocation.id,\n              keyword: searchKeywords,\n            })\n          }}\n        />\n      )}\n    </StyledSearchBarInputsWrapper>\n  )\n}\n","import { SearchBarSectionApi } from 'care/interfaces/types'\nimport { Text } from 'components/atoms/text'\nimport { theme } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledResult = styled.li`\n  display: flex;\n  align-items: center;\n  gap: var(--rowGap);\n  cursor: pointer;\n`\n\nexport const StyledRoundedIconWrapper = styled.div<{\n  type: SearchBarSectionApi['type']\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  ${({ type }) =>\n    type &&\n    type === 'doctors' &&\n    `\n    border-radius: calc(var(--graphicSize) / 2);\n    `}\n\n  img {\n    width: var(--graphicSize);\n    height: var(--graphicSize);\n    ${({ type }) =>\n      type && type === 'doctors'\n        ? `\n\n        object-fit: cover;  \n      `\n        : `\n        object-fit: contain;\n      `}\n  }\n\n  &:focus-visible {\n    outline: 1px solid ${theme.colors.gray600};\n  }\n`\n\nexport const StyledText = styled(Text)`\n  line-height: 22px;\n  letter-spacing: -0.2px;\n\n  ${MediaQueries.tdUp} {\n    &[data-size='p3'] {\n      font-size: 14px;\n    }\n  }\n`\n\nexport const StyledPictureWrapper = styled.figure`\n  max-width: var(--graphicSize);\n  min-width: var(--graphicSize);\n`\n\nexport const StyledLocationPin = styled.svg`\n  margin: 0 auto;\n  display: block;\n`\n\nexport const StyledImageSkeletonWrapper = styled.div`\n  display: grid;\n  place-items: center;\n`\n","import React, { useMemo } from 'react'\n\nimport {\n  DefaultThumbnailAny,\n  DefaultThumbnailDoctor,\n  DefaultThumbnailService,\n} from 'care/components/atoms/icons'\nimport {\n  SearchBarSectionApi,\n  SearchBarSectionItemApi,\n} from 'care/interfaces/types'\nimport { theme } from 'misc/theme'\n\nimport {\n  StyledResult,\n  StyledRoundedIconWrapper,\n  StyledText,\n  StyledPictureWrapper,\n  StyledLocationPin,\n} from './index.styled'\n\nconst defaultThumbnailByType: { [k in SearchBarSectionApi['type']]?: any } = {\n  doctors: DefaultThumbnailDoctor,\n  services: DefaultThumbnailService,\n}\n\nexport type Props = {\n  type: SearchBarSectionApi['type']\n  item: SearchBarSectionItemApi\n  imageUrl?: string\n  onClickItem?: (item: SearchBarSectionItemApi) => void\n}\n\nconst ResultSectionItem = ({ type, item, imageUrl, onClickItem }: Props) => {\n  const onKeyDown = (e: React.KeyboardEvent<HTMLLIElement>) => {\n    if (e.key === 'Enter' || e.key === 'Space') {\n      if (onClickItem) {\n        onClickItem(item)\n      }\n    }\n  }\n\n  const defaultThumbnail = useMemo(() => {\n    const Cmp: any = defaultThumbnailByType[type] || DefaultThumbnailAny\n    return <Cmp width={32} height={type === 'services' ? 32 : 24} />\n  }, [type])\n\n  return (\n    <StyledResult\n      onClick={() => onClickItem && onClickItem(item)}\n      onKeyDown={onKeyDown}\n      tabIndex={0}\n      role=\"button\"\n    >\n      <StyledPictureWrapper>\n        {type === 'hospitals' ? (\n          <StyledLocationPin width=\"12\" height=\"16\" viewBox=\"0 0 12 16\">\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              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\"\n              fill=\"#9AA2AC\"\n            />\n          </StyledLocationPin>\n        ) : (\n          <StyledRoundedIconWrapper type={type}>\n            {imageUrl ? (\n              <img\n                src={imageUrl}\n                width={32}\n                height={type === 'services' ? 32 : 24}\n              />\n            ) : (\n              defaultThumbnail\n            )}\n          </StyledRoundedIconWrapper>\n        )}\n      </StyledPictureWrapper>\n      <StyledText color={theme.colors.gray800} size=\"p3\">\n        {item.name}\n      </StyledText>\n    </StyledResult>\n  )\n}\n\nexport { ResultSectionItem }\n","import React from 'react'\n\nexport const DoctorIcon = () => (\n  <svg width=\"14\" height=\"18\" viewBox=\"0 0 14 18\">\n    <path\n      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\"\n      fill=\"#9AA2AC\"\n    />\n  </svg>\n)\n\nexport const ServiceIcon = () => (\n  <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\">\n    <path\n      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\"\n      fill=\"#9AA2AC\"\n    />\n  </svg>\n)\n\nexport const HospitalIcon = () => (\n  <svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\">\n    <path\n      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\"\n      fill=\"#9AA2AC\"\n    />\n  </svg>\n)\n\nexport const SpecialtyIcon = () => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n    <path\n      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\"\n      fill=\"#9AA2AC\"\n    />\n  </svg>\n)\n","import { Text } from 'components/atoms'\nimport { theme } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledTypeHeader = styled.header`\n  display: flex;\n  justify-content: space-between;\n  padding: 12px 24px;\n  background-color: ${theme.colors.neutral50};\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n`\n\nexport const StyledInfoWrapper = styled.div`\n  display: grid;\n  flex: 2;\n  align-items: center;\n  gap: 16px;\n  grid-template-columns: 16px 1fr;\n`\n\nexport const StyledTypeName = styled.p`\n  color: ${theme.colors.neutral800};\n  font-size: 14px;\n  font-weight: ${theme.sizes.fwSemiBold};\n  letter-spacing: -0.2px;\n  line-height: 22px;\n`\n\nexport const StyledSeeMoreButton = styled.button`\n  flex: 1;\n  cursor: pointer;\n  text-align: end;\n`\n\nexport const StyledResultsContainer = styled.section`\n  padding: 12px 16px;\n  --rowGap: 16px;\n  --graphicSize: 32px;\n\n  ${MediaQueries.tdUp} {\n    --rowGap: 8px;\n  }\n`\n\nexport const StyledItemsWrapper = styled.ul<{\n  isShown?: boolean\n  isMore?: boolean\n}>`\n  --gap: 16px;\n  ${MediaQueries.tdUp} {\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  ${({ isMore }) =>\n    isMore &&\n    `\n     height: auto;\n     max-height: 0;\n     margin-top: var(--gap);\n   `}\n\n  ${({ isShown }) =>\n    isShown &&\n    `\n     max-height: 600px;\n    `}\n\n@media (prefers-reduced-motion) {\n    transition: none;\n  }\n\n  ${MediaQueries.tdUp} {\n    grid-template-columns: 1fr 1fr;\n  } ;\n`\n\nexport const StyledSeeMore = styled(Text)`\n  margin-top: 12px;\n  margin-bottom: 8px;\n  cursor: pointer;\n  text-align: start;\n  text-transform: capitalize;\n`\n","import React, { useState, Dispatch, useMemo } from 'react'\n\nimport {\n  Action,\n  ActionTypes,\n  ReducerState,\n} from 'care/components/organisms/bookingSearchBar/reducer'\nimport { LOCALIZED_SLUGS } from 'care/interfaces/constants'\nimport { Text } from 'components/atoms'\nimport { useTranslations } from 'hooks/useTranslations'\nimport { theme } from 'misc/theme'\nimport Skeleton from 'react-loading-skeleton'\n\nimport { SearchBarSectionItemApi } from '../../../../interfaces/types'\nimport { SEARCH_KEYWORD_MIN_LENGTH } from '../constants'\nimport { ResultSectionItem } from '../resultSectionItem'\nimport {\n  StyledImageSkeletonWrapper,\n  StyledPictureWrapper,\n  StyledResult,\n} from '../resultSectionItem/index.styled'\nimport { DoctorIcon, HospitalIcon, ServiceIcon, SpecialtyIcon } from './icons'\nimport {\n  StyledInfoWrapper,\n  StyledItemsWrapper,\n  StyledResultsContainer,\n  StyledSeeMore,\n  StyledSeeMoreButton,\n  StyledTypeHeader,\n  StyledTypeName,\n} from './index.styled'\n\nexport type Props = {\n  type: 'specialties' | 'services' | 'hospitals' | 'doctors'\n  data: SearchBarSectionItemApi[]\n  state: ReducerState\n  dispatch: Dispatch<Action>\n  itemsToShow: number\n  itemsToShowDesktop: number\n  keyword: string\n  isMobile: boolean\n  isLoading?: boolean\n}\n\nconst ResultSection = ({\n  type,\n  data,\n  state,\n  dispatch,\n  itemsToShow,\n  itemsToShowDesktop,\n  isMobile,\n  isLoading,\n  keyword,\n}: Props) => {\n  const [seeMoreOpen, setSeeMoreOpen] = useState(false)\n  const { t, locale } = useTranslations()\n  const { selectedLocation, searchKeywords } = state\n\n  const slugs = useMemo(() => LOCALIZED_SLUGS[locale], [locale])\n\n  const typeInformation: {\n    [key in Props['type']]: {\n      name: string\n      icon: React.ReactNode\n      slug: string\n    }\n  } = useMemo(() => {\n    return {\n      doctors: {\n        name: t('booking.searchPopup.doctors'),\n        icon: <DoctorIcon />,\n        slug: slugs.DOCTOR,\n      },\n      services: {\n        name: t('booking.searchPopup.services'),\n        icon: <ServiceIcon />,\n        slug: slugs.SERVICE,\n      },\n      hospitals: {\n        name: t('booking.searchPopup.hospitals'),\n        icon: <HospitalIcon />,\n        slug: slugs.HOSPITAL,\n      },\n      specialties: {\n        name: t('booking.searchPopup.specialties'),\n        icon: <SpecialtyIcon />,\n        slug: slugs.SPECIALTIES,\n      },\n    }\n  }, [type, slugs])\n\n  const typeSlug = useMemo(() => typeInformation[type].slug, [typeInformation])\n\n  const showItemCount = isMobile ? itemsToShow : itemsToShowDesktop\n\n  function onClickItem(item: SearchBarSectionItemApi) {\n    let url = ''\n    switch (type) {\n      case 'specialties':\n        url = `/${selectedLocation.slug}/${typeInformation.doctors.slug}/${item.slug}`\n        break\n      case 'services':\n        url = `/${selectedLocation.slug}/${typeSlug}/${item.slug}`\n        break\n      case 'doctors':\n      case 'hospitals':\n        url = `/${typeSlug}/${item.slug}-${item.id}`\n        break\n    }\n    if (url) {\n      dispatch({\n        type: ActionTypes.SelectSearchResult,\n        payload: { name: item.name, url },\n      })\n    }\n  }\n\n  function renderItem(item: SearchBarSectionItemApi) {\n    return (\n      <ResultSectionItem\n        key={item.id}\n        item={item}\n        type={type}\n        imageUrl={item.logo || item.avatar || item.thumbnail}\n        onClickItem={onClickItem}\n      />\n    )\n  }\n\n  function onSeeAllClick() {\n    let url = ''\n    switch (type) {\n      case 'specialties':\n        url = `/${typeSlug}`\n        break\n      case 'services':\n      case 'doctors':\n      case 'hospitals':\n        url = `/${selectedLocation.slug}/${typeSlug}`\n        break\n    }\n    if (url) {\n      dispatch({ type: ActionTypes.NavigateTo, payload: url })\n    }\n  }\n\n  function onClickSearchByKeyword() {\n    const { slug: typeSlug } = typeInformation[type]\n    const url = `/${selectedLocation.slug}/${typeSlug}?q=${searchKeywords}`\n    dispatch({ type: ActionTypes.NavigateTo, payload: url })\n  }\n\n  return (\n    <section>\n      <StyledTypeHeader>\n        <StyledInfoWrapper>\n          {typeInformation[type].icon}\n          <StyledTypeName>{typeInformation[type].name}</StyledTypeName>\n        </StyledInfoWrapper>\n        <StyledSeeMoreButton onClick={onSeeAllClick}>\n          <Text size=\"p3\" color={theme.colors.primaryBase}>\n            {t('booking.searchPopup.seeAll')}\n          </Text>\n        </StyledSeeMoreButton>\n      </StyledTypeHeader>\n\n      {(isLoading || (data && data.length > 0)) && (\n        <StyledResultsContainer>\n          <StyledItemsWrapper>\n            {isLoading &&\n              Array(2)\n                .fill(undefined)\n                .map((_, i) => (\n                  <StyledResult key={type + 'loading' + i}>\n                    <StyledPictureWrapper>\n                      <StyledImageSkeletonWrapper>\n                        <Skeleton\n                          height={14}\n                          width={type === 'hospitals' ? 12 : 32}\n                          style={{\n                            maxWidth: 'var(--graphicSize)',\n                            minHeight: 'var(--graphicSize)',\n                          }}\n                        />\n                      </StyledImageSkeletonWrapper>\n                    </StyledPictureWrapper>\n                    <Skeleton width={120} height={24} />\n                  </StyledResult>\n                ))}\n            {!isLoading &&\n              data &&\n              data.length > 0 &&\n              data.slice(0, showItemCount).map(renderItem)}\n          </StyledItemsWrapper>\n\n          <StyledItemsWrapper isShown={seeMoreOpen} isMore>\n            {data.slice(showItemCount, -1).map(renderItem)}\n          </StyledItemsWrapper>\n          {type === 'specialties' && showItemCount < data.length && !isLoading && (\n            <button onClick={() => setSeeMoreOpen(!seeMoreOpen)}>\n              <StyledSeeMore size=\"p3\" color={theme.colors.primaryBase}>\n                {seeMoreOpen\n                  ? t('booking.searchPopup.seeLessSpecialties')\n                  : t('booking.searchPopup.seeMoreSpecialties')}\n              </StyledSeeMore>\n            </button>\n          )}\n          {type !== 'specialties' &&\n            showItemCount < data.length &&\n            !isLoading &&\n            keyword.trim().length > SEARCH_KEYWORD_MIN_LENGTH[locale] && (\n              <button onClick={onClickSearchByKeyword}>\n                <StyledSeeMore size=\"p3\" color={theme.colors.primaryBase}>\n                  {t(`booking.searchPopup.searchIn.${type}`, {\n                    name: keyword,\n                  })}\n                </StyledSeeMore>\n              </button>\n            )}\n        </StyledResultsContainer>\n      )}\n      {!isLoading && data?.length === 0 && (\n        <StyledResultsContainer>\n          <Text size=\"sm\" color={theme.colors.gray400}>\n            {t('booking.searchBar.noResults')}\n          </Text>\n        </StyledResultsContainer>\n      )}\n    </section>\n  )\n}\n\nexport { ResultSection }\n","import React, { Dispatch } from 'react'\n\nimport { SearchBarSectionApi } from 'care/interfaces/types'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nimport { Action, ReducerState } from '../reducer'\nimport { ResultSection } from '../resultSection'\n\nexport type Props = {\n  data: SearchBarSectionApi[]\n  state: ReducerState\n  dispatch: Dispatch<Action>\n  isMobile: boolean\n  isLoading?: boolean\n  keyword?: string\n}\n\nconst StyledSection = styled.section`\n  background-color: white;\n  border-radius: 4px;\n  position: absolute;\n  width: 100%;\n  z-index: 30;\n\n  ${MediaQueries.tdUp} {\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\nconst SearchResults = ({\n  data,\n  state,\n  dispatch,\n  isMobile,\n  isLoading,\n  keyword,\n}: Props) => {\n  return (\n    <StyledSection>\n      {data &&\n        data.map((data) => (\n          <ResultSection\n            type={data.type}\n            state={state}\n            dispatch={dispatch}\n            itemsToShow={2}\n            itemsToShowDesktop={4}\n            key={data.type}\n            data={data.results}\n            isMobile={isMobile}\n            isLoading={isLoading}\n            keyword={keyword}\n          />\n        ))}\n    </StyledSection>\n  )\n}\n\nexport { SearchResults }\n","export const PATHS = {\n  GET_CITIES_LIST:\n    'api/lists/cities?keyword={keyword}&country_id={countryId}&site={domain}&_nopaging={noPaging}',\n  GET_CITY:\n    'api/lists/cities?ids={ids}&site={domain}&longitude={longitude}&latitude={latitude}',\n  GET_HOME_SEARCH:\n    'api/search/?_home=1&city_id={city}&keyword={keyword}&site={domain}&latitude={lat}&longitude={lng}',\n  GET_SEARCH_V2:\n    'api/v2/search/?site={domain}&type={searchType}&keyword={keyword}&city_id={city}&latitude={lat}&longitude={lng}',\n  GET_CITY_BY_IP: 'api/geobyip?site={domain}&latitude={lat}&longitude={lng}',\n}\n","import { domainLocales } from 'components/organisms/navigationLayout/constants'\nimport { LocaleType } from 'interfaces/types'\nimport formatString from 'string-format'\n\nexport const getApiPath = (\n  path: string,\n  params?: { [key: string]: string | number },\n  locale?: LocaleType,\n) => {\n  return formatString(path, {\n    ...params,\n    domain: domainLocales[locale || 'en-PH'],\n  })\n}\n\nexport const callApi = async (\n  url: string,\n  method: RequestInit['method'],\n  options?: RequestInit,\n) => {\n  try {\n    const res = await fetch(url, {\n      method,\n      ...options,\n    })\n    // console.log(res)\n    if (res) return res.json()\n  } catch (err) {\n    return null\n  }\n  return null\n}\n","import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useReducer,\n  useState,\n  CSSProperties,\n} from 'react'\n\nimport {\n  ID_OPTION_CURRENT_LOCATION,\n  LOCALIZED_SLUGS,\n} from 'care/interfaces/constants'\nimport { CareLocaleType, City } from 'care/interfaces/types'\nimport { useGeolocation } from 'hooks/useGeolocation'\nimport { useTranslations } from 'hooks/useTranslations'\nimport { GeoLocationPermission, GPSType } from 'interfaces/types'\nimport debounce from 'lodash/debounce'\n\nimport {\n  StyledHiddenInputMobile,\n  StyledSearchBarWrapper,\n  StyledSearchBarMobileWrapper,\n  StyledSearchBarMobileModalHeader,\n  CareSearchGlobalStyles,\n} from './index.styled'\nimport LocationResults from './locationResults'\nimport { MobileFakeInput } from './mobileFakeInput'\nimport { MobileTopBar } from './mobileTopbar'\nimport { reducer, initialState, ActionTypes, ReducerState } from './reducer'\nimport { SearchInputs } from './searchInputs'\nimport { SearchResults } from './searchResults'\nimport { SearchButton } from './searchSubmitIcon'\nimport { GATrackingCode, SearchClick } from './types'\nimport useSearchBarApi from './useSearchBarApi'\n\nexport type Props = {\n  isMobile: boolean\n  careApiDomain: string\n  careFrontDomain?: string\n  initialSearchValue?: string\n  initialSelectedCity?: City\n  geoLocationPermission?: GeoLocationPermission\n  geoLocationCoordinates?: GPSType\n  isDebug?: boolean\n  askForGeolocationPermission?: boolean\n  gaTrackingSearchBar?: GATrackingCode\n  autoCompleteDisabled?: boolean\n  inputSearchPlaceholder?: string\n  routerPush?: (s: string) => void\n  onGeoLocationPermissionChange?: (\n    perm: GeoLocationPermission,\n    coordinates: GPSType,\n  ) => void\n  onSearch?: (data: SearchClick) => void\n  onChangeLocation?: (city: City) => void\n}\n\nconst BookingSearchBar = ({\n  isMobile,\n  careApiDomain,\n  geoLocationPermission: geoLocationPermissionFromProps,\n  geoLocationCoordinates: geoLocationCoordinatesFromProps,\n  initialSelectedCity: initialSelectedCityFromProps,\n  initialSearchValue = '',\n  careFrontDomain = '/care',\n  isDebug = false,\n  askForGeolocationPermission = false,\n  gaTrackingSearchBar,\n  autoCompleteDisabled = false,\n  inputSearchPlaceholder = '',\n  routerPush,\n  onGeoLocationPermissionChange,\n  onSearch,\n  onChangeLocation,\n}: Props) => {\n  const { t, locale } = useTranslations<CareLocaleType>()\n  const wrapperRef = useRef<HTMLDivElement>(null)\n  const hiddenInputRef = useRef<HTMLInputElement>(null)\n  const [viewportHeight, setViewportHeight] = useState<number | void>(undefined)\n  const {\n    geoLocationPermission: geoLocationPermissionFromHook,\n    geoLocationCoordinates: geoLocationCoordinatesFromHook,\n    requestGeoLocation,\n  } = useGeolocation()\n\n  const [state, dispatch] = useReducer(\n    reducer,\n    initialState,\n    (s: ReducerState) => ({\n      ...s,\n      isDebug,\n      isMobile,\n      geoLocationPermission:\n        geoLocationPermissionFromProps ||\n        geoLocationPermissionFromHook ||\n        'unset',\n      geoLocationCoordinates:\n        geoLocationCoordinatesFromProps ||\n        geoLocationCoordinatesFromHook ||\n        null,\n      searchKeywords: initialSearchValue,\n      initialSelectedCity: initialSelectedCityFromProps || null,\n      selectedLocation:\n        initialSelectedCityFromProps || s.selectedLocation || null,\n      searchLocationKeywords:\n        initialSelectedCityFromProps?.name || s.searchLocationKeywords,\n      autoCompleteDisabled,\n      inputSearchPlaceholder,\n      locale,\n    }),\n  )\n\n  const {\n    navigateTo,\n    focused,\n    isLoadingCities,\n    cities,\n    searchKeywords,\n    geoLocationPermission,\n    selectedLocation,\n    initialSelectedCity,\n    defaultCity,\n    searchResults,\n    isLoadingSearchResults,\n    isMobileModalOpened,\n    inputSearchPlaceholder: inputSearchPlaceholderState,\n  } = state\n\n  const { fetchCitiesByLocation, fetchCitiesByKeyword, fetchSearchResults } =\n    useSearchBarApi({\n      dispatch,\n      locale,\n      careApiDomain,\n    })\n\n  const currentLocationCityItem = useMemo<City>(\n    () => ({\n      id: ID_OPTION_CURRENT_LOCATION,\n      name: t('booking.searchBar.currentLocation'),\n      slug: LOCALIZED_SLUGS[locale]?.CURRENT,\n    }),\n    [t, locale],\n  )\n\n  const debouncedFetchCitiesByKeyword = useMemo(\n    () => debounce(fetchCitiesByKeyword, 400),\n    [fetchCitiesByKeyword],\n  )\n\n  const debouncedFetchSearchResults = useMemo(\n    () => debounce(fetchSearchResults, 400),\n    [fetchSearchResults],\n  )\n\n  useEffect(() => {\n    if (\n      initialSearchValue !== '' &&\n      initialSearchValue !== state.searchKeywords\n    ) {\n      dispatch({\n        type: ActionTypes.UpdateInitialSearchValue,\n        payload: initialSearchValue,\n      })\n    }\n  }, [initialSearchValue])\n\n  useEffect(() => {\n    if (\n      askForGeolocationPermission &&\n      selectedLocation?.id === ID_OPTION_CURRENT_LOCATION &&\n      geoLocationPermission === 'unset'\n    ) {\n      requestGeoLocation()\n    }\n  }, [askForGeolocationPermission, selectedLocation, geoLocationPermission])\n\n  useEffect(() => {\n    if (\n      !geoLocationPermissionFromProps &&\n      geoLocationPermission !== geoLocationPermissionFromHook\n    ) {\n      if (\n        geoLocationPermissionFromHook === 'granted' &&\n        geoLocationCoordinatesFromHook\n      ) {\n        dispatch({\n          type: ActionTypes.GrantGeoLocationPermission,\n          payload: geoLocationCoordinatesFromHook,\n        })\n      } else if (geoLocationPermissionFromHook === 'denied') {\n        dispatch({ type: ActionTypes.DenyGeoLocationPermission })\n      }\n    }\n  }, [\n    geoLocationPermission,\n    geoLocationPermissionFromHook,\n    geoLocationCoordinatesFromHook,\n    geoLocationPermissionFromProps,\n  ])\n\n  useEffect(() => {\n    if (navigateTo) {\n      if (routerPush) {\n        routerPush(navigateTo)\n      } else {\n        window.location.href = `${careFrontDomain}${navigateTo}`\n      }\n    }\n  }, [navigateTo])\n\n  const selectCurrentLocation = useCallback(\n    function selectCurrentLocation() {\n      dispatch({\n        type: ActionTypes.SelectCurrentLocation,\n        payload: currentLocationCityItem,\n      })\n    },\n    [t, dispatch],\n  )\n\n  useEffect(() => {\n    if (geoLocationPermission !== 'denied' && !initialSelectedCity) {\n      selectCurrentLocation()\n    }\n    if (onGeoLocationPermissionChange) {\n      onGeoLocationPermissionChange(\n        geoLocationPermission,\n        state.geoLocationCoordinates,\n      )\n    }\n    if (isMobile && geoLocationPermission === 'granted' && selectedLocation) {\n      dispatch({ type: ActionTypes.FocusInputSearch })\n    }\n    fetchCitiesByLocation({ coordinates: state.geoLocationCoordinates })\n  }, [geoLocationPermission])\n\n  useEffect(() => {\n    if (selectedLocation && defaultCity) {\n      fetchSearchResults(state.searchKeywords, state)\n    }\n  }, [selectedLocation, defaultCity])\n\n  useEffect(() => {\n    if (inputSearchPlaceholder !== inputSearchPlaceholderState) {\n      dispatch({\n        type: ActionTypes.SetInputSearchPlaceholder,\n        payload: inputSearchPlaceholder,\n      })\n    }\n  }, [inputSearchPlaceholder, inputSearchPlaceholderState])\n\n  useEffect(() => {\n    if (isMobileModalOpened) {\n      document.body.classList.add('care-popup-open')\n    } else {\n      document.body.classList.remove('care-popup-open')\n    }\n  }, [isMobileModalOpened])\n\n  const handleLocationClick = useCallback(\n    function handleLocationClick(city: City) {\n      dispatch({ type: ActionTypes.SelectLocation, payload: city })\n      focusSearchInput()\n      if (onChangeLocation) {\n        onChangeLocation(city)\n      }\n    },\n    [t, dispatch],\n  )\n\n  function handleCurrentLocationClick() {\n    if (isMobile && state.geoLocationPermission !== 'granted') {\n      requestGeoLocation()\n    } else {\n      selectCurrentLocation()\n      focusSearchInput()\n    }\n  }\n\n  async function handleMobileFakeInputClick() {\n    if (hiddenInputRef.current) {\n      hiddenInputRef.current.focus()\n    }\n    dispatch({ type: ActionTypes.OpenMobileModal })\n    await Promise.resolve()\n    if (wrapperRef.current) {\n      wrapperRef.current\n        .querySelector<HTMLInputElement>('input[name=\"search-location\"]')\n        ?.focus()\n    }\n  }\n\n  function focusLocationInput() {\n    if (wrapperRef.current) {\n      wrapperRef.current\n        .querySelector<HTMLInputElement>('input[name=\"search-location\"]')\n        ?.focus()\n    }\n  }\n\n  function focusSearchInput() {\n    if (wrapperRef.current) {\n      wrapperRef.current\n        .querySelector<HTMLInputElement>('input[name=\"search-results\"]')\n        ?.focus()\n    }\n  }\n\n  function handleMobileTopBarClose() {\n    dispatch({ type: ActionTypes.CloseMobileModal })\n  }\n\n  function renderLocationResults() {\n    if (focused !== 'location') {\n      return null\n    }\n    return (\n      <LocationResults\n        isLoading={isLoadingCities}\n        cities={cities}\n        onLocationClick={handleLocationClick}\n        onCurrentLocationClick={handleCurrentLocationClick}\n        isLocationLoading={isLoadingCities}\n        geoLocationPermission={geoLocationPermission}\n        selectedLocation={selectedLocation}\n      />\n    )\n  }\n\n  function renderSearchResults() {\n    if (focused !== 'search') {\n      return null\n    }\n\n    if (state.autoCompleteDisabled) {\n      if (!isMobile) {\n        return null\n      }\n\n      return (\n        <SearchButton\n          onClick={() => {\n            onSearch({\n              cityId: state.selectedLocation.id,\n              keyword: searchKeywords,\n            })\n          }}\n        />\n      )\n    }\n\n    return (\n      <SearchResults\n        data={searchResults}\n        state={state}\n        dispatch={dispatch}\n        isMobile={false}\n        keyword={searchKeywords}\n        isLoading={isLoadingSearchResults}\n      />\n    )\n  }\n\n  function renderSearchInputs() {\n    return (\n      <SearchInputs\n        isMobile={isMobile}\n        state={state}\n        dispatch={dispatch}\n        debouncedFetchCitiesByKeyword={debouncedFetchCitiesByKeyword}\n        debouncedFetchSearchResults={debouncedFetchSearchResults}\n        focusLocationInput={focusLocationInput}\n        focusSearchInput={focusSearchInput}\n        renderLocationResults={renderLocationResults}\n        renderSearchResults={renderSearchResults}\n        trackingAttributes={gaTrackingSearchBar}\n        onSearch={onSearch}\n        initalSearchValue={initialSearchValue}\n      />\n    )\n  }\n\n  useEffect(() => {\n    if (window.visualViewport) {\n      const resizeHandler = (evt) => {\n        const viewport = evt.target\n        setViewportHeight(viewport?.height)\n      }\n      window.visualViewport.addEventListener('resize', resizeHandler)\n      return () => {\n        window.visualViewport.removeEventListener('resize', resizeHandler)\n      }\n    }\n  }, [setViewportHeight])\n\n  if (isMobile) {\n    return (\n      <>\n        <CareSearchGlobalStyles />\n        {<StyledHiddenInputMobile ref={hiddenInputRef} />}\n        <StyledSearchBarMobileWrapper\n          id=\"booking-search-bar\"\n          ref={wrapperRef}\n          data-is-modal={isMobile && isMobileModalOpened}\n          style={\n            {\n              '--mobile-care-searchbar-height':\n                isMobileModalOpened && viewportHeight\n                  ? `${viewportHeight}px`\n                  : '100%',\n            } as CSSProperties\n          }\n        >\n          {!isMobileModalOpened ? (\n            <MobileFakeInput\n              onClick={handleMobileFakeInputClick}\n              focused={focused}\n              value={searchKeywords}\n              trackingAttributes={gaTrackingSearchBar}\n              inputSearchPlaceholder={inputSearchPlaceholder}\n            />\n          ) : (\n            <>\n              <StyledSearchBarMobileModalHeader>\n                <MobileTopBar\n                  headingText=\"Search\"\n                  onLeftClick={handleMobileTopBarClose}\n                />\n                {renderSearchInputs()}\n              </StyledSearchBarMobileModalHeader>\n              {renderLocationResults()}\n              {renderSearchResults()}\n            </>\n          )}\n        </StyledSearchBarMobileWrapper>\n      </>\n    )\n  }\n\n  return (\n    <StyledSearchBarWrapper id=\"booking-search-bar\" ref={wrapperRef}>\n      {renderSearchInputs()}\n    </StyledSearchBarWrapper>\n  )\n}\nexport { BookingSearchBar }\n","import { LocaleType } from 'interfaces/types'\n\ntype Extends<T, U extends T> = U\n\nexport type CareLocaleType = Extends<\n  LocaleType,\n  'en-PH' | 'vi-VN' | 'id-ID' | 'zh-TW' | 'tl-PH'\n>\n\nexport enum RedirectType {\n  'SPECIALTY' = 1,\n  'DOCTOR' = 2,\n  'CLINIC' = 3,\n  'SERVICE' = 4,\n}\n\nexport type City = {\n  name: string\n  country?: string\n  id: number\n  slug: string\n}\n\nexport type Services = {\n  id: number | string\n  name: string\n  email: string\n  phone: string\n  logo: string\n  price: string\n  priceUnit: string\n  description: string\n}\n\nexport type Doctor = {\n  name: string\n  description: string\n  avatar: string\n  price: number | string\n  phone: string\n  priceUnit: string\n  provideCare: number | null\n  distance?: string\n  id: number\n  priceDescription: string\n  hospital?: Hospital | null\n  experiences: Experiences\n  isActive?: boolean\n  organization: OrganizationInfoApi\n  specialties:\n    | string[]\n    | {\n        id: number\n        name: string\n      }[]\n  slug: string\n  cityName: string\n}\nexport type Service = {\n  id: number\n  logoService: string\n  hospitalId: number\n  hospitalBranchId: number\n  serviceId: number\n  name: string\n  email: string\n  phone: string\n  price: string\n  priceUnit: string\n  description: string\n  status: number\n  createdAt: string\n  hospitalBranch: Hospital\n  distance: string\n  slug?: string\n}\n\nexport type Hospital = {\n  id: number\n  name: string\n  slug: string\n  description: string\n  logo: string\n  cityId: number\n  // distance: string\n  phone: string\n  longitude: string\n  latitude: string\n  address: string\n  openAt: string | null\n  closeAt: string | null\n  insurances: Insurance[]\n  specialties?: Specialty[]\n  medicalFacilities: string[]\n  about: string\n  weekDayHours: string\n  weekendHours: string\n  images: {\n    imageOne: string\n    imageTwo: string\n    imageThree: string\n    imageFour: string\n    imageFive: string\n  }\n  services: ServiceInfoApi[]\n  workingTimes: {\n    [key: string]: string[]\n  } | null\n}\n\nexport type Insurance = {\n  id: number | string\n  name: string\n  logo: string\n  created_at: string\n}\n\nexport type Specialty = {\n  name: string\n  id: number\n  thumbnail: string\n  total_doctor: number\n  slug: string\n}\n\nexport type ServiceInfoApi = {\n  id: number\n  logo: string\n  hospital_id: number\n  hospital_branch_id: number\n  service_id: number\n  name: string\n  email: string\n  phone: string\n  price: string\n  price_unit: string\n  description: string\n  status: number\n  created_at: string\n  hospital_branch: HospitalApi\n  distance: string\n  avatar: string\n}\n\nexport type DoctorInfoApi = {\n  name: string\n  description: string\n  avatar: string\n  price: number | string\n  phone: string\n  price_unit: string\n  provide_care: number\n  distance?: string\n  id: number\n  price_description: string\n  hospital_branch?: HospitalApi\n  experiences: Experiences\n  organization: OrganizationInfoApi\n  specialties:\n    | string[]\n    | {\n        id: number\n        name: string\n      }[]\n  slug: string\n}\n\nexport type OrganizationInfoApi = {\n  id: number | string\n  name: string\n  logo?: string\n}\n\nexport type HospitalApi = {\n  id: number\n  hospital_id: number\n  name: string\n  phone: string\n  logo: string\n  // distance: string\n  city_id: number\n  longitude: string\n  latitude: string\n  address: string\n  open_at?: string\n  close_at?: string\n  insurances?: Insurance[]\n  specialties?: Specialty[]\n  medical_facilities: string\n  description: string\n  about: string\n  weekday_hours: string\n  weekend_hours: string\n  images: {\n    image_0: string\n    image_1: string\n    image_2: string\n    image_3: string\n    image_4: string\n  }\n  services: ServiceInfoApi[]\n  working_times: {\n    [key: string]: {\n      day: string\n      start_at: string\n      end_at: string\n    }[]\n  }\n  city: City\n}\n\nexport type Experiences = Array<{\n  description: string\n}>\n\nexport type Clinic = {\n  name: string\n  id: number\n  slug: string\n}\n\nexport type LocalizedSlugsType =\n  | 'HOSPITAL'\n  | 'SERVICE'\n  | 'DOCTOR'\n  | 'ALL'\n  | 'SEARCH'\n  | 'SPECIALTIES'\n  | 'CURRENT'\n\nexport type SearchDataBookingApi = {\n  hospitals: HospitalApi[]\n  doctors: DoctorInfoApi[]\n  specialties: Specialty[] & { total_hospital_service: number }\n}\n\nexport type SearchBarSectionItemApi = {\n  id: number\n  name: string\n  slug: string\n  avatar?: string\n  logo?: string\n  thumbnail?: string\n}\n\nexport type SearchBarSectionApi = {\n  type: 'doctors' | 'specialties' | 'services' | 'hospitals'\n  results: SearchBarSectionItemApi[]\n}\n\nexport type SearchCityByGeoIpApi = {\n  cities: City[]\n  default: City\n}\n\nexport type SearchCityByKeywordApi = {\n  cities: City[]\n}\n","import { useCallback, useMemo, useState } from 'react'\n\nimport { USER_GEOLOCATION_COORDINATES_COOKIE } from 'interfaces/constants'\nimport { GPSType, GeoLocationPermission } from 'interfaces/types'\nimport { getCookie, setCookie, deleteCookie } from 'misc/cookieHelper'\n\nexport type UseGeolocationReturn = {\n  geoLocationPermission: GeoLocationPermission\n  geoLocationCoordinates: GPSType | null\n  requestGeoLocation: () => void\n}\n\nexport function useGeolocation(): UseGeolocationReturn {\n  const [permission, setPermission] = useState<\n    UseGeolocationReturn['geoLocationPermission']\n  >(() => {\n    if (typeof window === 'undefined') {\n      return 'unset'\n    }\n    if (getCookie(USER_GEOLOCATION_COORDINATES_COOKIE)) {\n      return 'granted'\n    }\n    const blocked =\n      !location.protocol.includes('https') && location.hostname !== 'localhost'\n    if (!navigator.geolocation || blocked) {\n      return 'denied'\n    }\n    return 'unset'\n  })\n\n  const [coordinates, setCoordinates] = useState<\n    UseGeolocationReturn['geoLocationCoordinates']\n  >(() => {\n    if (typeof window === 'undefined') {\n      return null\n    }\n    const cookie = getCookie(USER_GEOLOCATION_COORDINATES_COOKIE)\n    if (cookie) {\n      try {\n        return JSON.parse(cookie)\n      } catch (err) {\n        console.log(err)\n      }\n    }\n    return null\n  })\n\n  const request = useCallback(function request() {\n    // setPermission()\n    if (navigator.geolocation) {\n      navigator.geolocation.getCurrentPosition(\n        (position) => {\n          const gps: GPSType = {\n            lat: `${\n              Math.round(position.coords.latitude * 10000000) / 10000000\n            }`,\n            lng: `${\n              Math.round(position.coords.longitude * 10000000) / 10000000\n            }`,\n          }\n          setCookie(\n            USER_GEOLOCATION_COORDINATES_COOKIE,\n            JSON.stringify(gps),\n            0,\n            15,\n          )\n          setCoordinates(gps)\n          setPermission('granted')\n        },\n        () => {\n          deleteCookie(USER_GEOLOCATION_COORDINATES_COOKIE)\n          setPermission('denied')\n        },\n      )\n    }\n  }, [])\n\n  return useMemo(\n    () => ({\n      geoLocationPermission: permission,\n      geoLocationCoordinates: coordinates,\n      requestGeoLocation: request,\n    }),\n    [permission, coordinates],\n  )\n}\n","import { useCallback, Dispatch } from 'react'\n\nimport { PATHS } from 'care/api/paths'\nimport { getApiPath } from 'care/api/utils'\nimport { ID_OPTION_CURRENT_LOCATION } from 'care/interfaces/constants'\nimport {\n  SearchBarSectionApi,\n  SearchCityByGeoIpApi,\n  SearchCityByKeywordApi,\n} from 'care/interfaces/types'\nimport { LocaleType, GPSType } from 'interfaces/types'\n\nimport { SEARCH_KEYWORD_MIN_LENGTH } from './constants'\nimport { Action, ActionTypes, ReducerState } from './reducer'\n\ntype UseSearchBarApiParams = {\n  dispatch: Dispatch<Action>\n  careApiDomain: string\n  locale?: LocaleType\n}\n\nexport default function useSearchBarApi({\n  dispatch,\n  careApiDomain,\n  locale = 'vi-VN',\n}: UseSearchBarApiParams) {\n  const fetchCitiesApi = useCallback(\n    function fetchCitiesApi(path, params = {}) {\n      const url = `${careApiDomain}${path}`\n      dispatch({ type: ActionTypes.FetchCitiesStart })\n      return fetch(getApiPath(url, params, locale), { method: 'GET' })\n        .then((res) => res.json())\n        .then((data) => {\n          if (data._status !== 1 || !data._data) {\n            console.log('error loading cities', data)\n            return Promise.reject(data)\n          }\n          return data?._data\n        })\n        .finally(() => dispatch({ type: ActionTypes.FetchCitiesFinish }))\n    },\n    [locale],\n  )\n\n  const fetchCitiesByLocation = useCallback(\n    function fetchCitiesByLocation({ coordinates }: { coordinates?: GPSType }) {\n      let params: { lat?: string; lng?: string } = {}\n      if (coordinates) {\n        params = {\n          lat: coordinates.lat,\n          lng: coordinates.lng,\n        } as GPSType\n      }\n      const requests = [fetchCitiesApi(PATHS.GET_CITY_BY_IP, params)]\n      if (locale === 'zh-TW') {\n        requests.push(fetchCitiesApi(PATHS.GET_CITIES_LIST, { noPaging: 1 }))\n      }\n      return Promise.all(requests)\n        .then(\n          ([data1, data2]: [SearchCityByGeoIpApi, SearchCityByKeywordApi]) => {\n            const data = { ...data1 }\n            if (data2) {\n              const citiesIds = data.cities.map((c) => c.id)\n              data.cities = data.cities.concat(\n                data2.cities.filter((c) => !citiesIds.includes(c.id)),\n              )\n            }\n            dispatch({\n              type: ActionTypes.FetchCitiesByGeoIpComplete,\n              payload: data,\n            })\n          },\n        )\n        .catch((err) => console.error('error loading cities by location', err))\n    },\n    [locale, careApiDomain, dispatch],\n  )\n\n  const fetchCitiesByKeyword = useCallback(\n    function fetchCitiesByKeyword(keyword: string) {\n      return fetchCitiesApi(PATHS.GET_CITIES_LIST, { keyword })\n        .then((data: SearchCityByKeywordApi) => {\n          dispatch({\n            type: ActionTypes.FetchCitiesByKeywordComplete,\n            payload: data.cities,\n          })\n        })\n        .catch((err) => console.error('error loading cities by keyword', err))\n    },\n    [locale, careApiDomain, dispatch],\n  )\n\n  const fetchSearchResults = useCallback(\n    function fetchSearchResults(searchKeywords: string, state: ReducerState) {\n      const url = `${careApiDomain}${PATHS.GET_SEARCH_V2}`\n      dispatch({ type: ActionTypes.FetchSearchResultsStart })\n      const { defaultCity, selectedLocation, geoLocationCoordinates } = state\n      let cityId: number | string = ''\n      if (!selectedLocation || !defaultCity) {\n        dispatch({ type: ActionTypes.FetchSearchResultsFinish })\n        return\n      }\n      const isCurrentLocationSelected =\n        selectedLocation.id === ID_OPTION_CURRENT_LOCATION\n      if (isCurrentLocationSelected) {\n        if (!geoLocationCoordinates) {\n          cityId = defaultCity.id\n        }\n      } else {\n        cityId = selectedLocation.id\n      }\n      const lat = geoLocationCoordinates?.lat || ''\n      const lng = geoLocationCoordinates?.lng || ''\n      return fetch(\n        getApiPath(\n          url,\n          {\n            domain: careApiDomain,\n            searchType: 'global',\n            keyword:\n              searchKeywords.trim().length > SEARCH_KEYWORD_MIN_LENGTH[locale]\n                ? searchKeywords.trim()\n                : '',\n            city: cityId === ID_OPTION_CURRENT_LOCATION ? '' : cityId,\n            lat,\n            lng,\n          },\n          locale,\n        ),\n        {\n          method: 'GET',\n          headers: {\n            accept: 'version=2.0.0.0',\n          },\n        },\n      )\n        .then((res) => res.json())\n        .then((data) => {\n          if (data._status !== 1 || !data._data) {\n            return Promise.reject(data)\n          }\n          return data?._data\n        })\n        .then((results: SearchBarSectionApi[]) =>\n          dispatch({\n            type: ActionTypes.FetchSearchResultsComplete,\n            payload: results,\n          }),\n        )\n        .catch((error) => {\n          console.log('error loading search results', { url, error })\n        })\n        .finally(() => dispatch({ type: ActionTypes.FetchSearchResultsFinish }))\n    },\n    [locale, careApiDomain, dispatch],\n  )\n\n  return {\n    fetchCitiesByLocation,\n    fetchCitiesByKeyword,\n    fetchSearchResults,\n  }\n}\n"],"names":["StyledSearchBarWrapper","styled","div","templateObject_1","__makeTemplateObject","StyledSearchBarMobileWrapper","templateObject_2","StyledSearchBarMobileModalHeader","section","templateObject_3","StyledHiddenInputMobile","input","templateObject_4","StyledInput","Input","templateObject_5","CareSearchGlobalStyles","createGlobalStyle","templateObject_6","CloseIcon","_a","className","color","React","createElement","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","PinIcon","GetLocationIcon","MagnifierIcon","DefaultThumbnailAny","cx","cy","r","StyledLiSkeleton","li","theme","colors","neutral100","StyledLocationResultsWrapper","MediaQueries","mbDown","StyledLocationResultsList","ul","StyledPinIcon","StyledLocationItem","isSelected","concat","neutral50","count","idList","useId","Fragment","__spreadArray","Array","map","__v","i","key","Skeleton","LocationResults","cities","isLoading","onLocationClick","onCurrentLocationClick","_b","geoLocationPermission","isLocationLoading","selectedLocation","t","useTranslations","isGeoPermissionDenied","renderCurrentLocationItem","role","tabIndex","onClick","evt","nativeEvent","stopImmediatePropagation","Text","size","primaryBase","style","lineHeight","length","city","id","name","neutral400","EVENT_NAMES","getRandomInteger","min","max","Math","floor","random","VISIBLE_NODE_TYPES","Typewriter","options","_this","this","state","lastFrameTime","pauseUntil","eventQueue","eventLoop","eventLoopPaused","reverseCalledEvents","calledEvents","visibleNodes","initialOptions","strings","delay","pauseFor","deleteSpeed","loop","autoStart","stringSplitter","onCreateTextNode","onRemoveNode","start","runEventLoop","pause","stop","window","cancelAnimationFrame","ms","addEventToQueue","typeOutAllStrings","typeString","forEach","string","deleteAll","node","characters","split","typeCharacters","pasteString","character","speed","changeDeleteSpeed","Error","changeDelay","deleteChars","amount","isArray","removeCharacters","eventName","eventArgs","prepend","addEventToStateProperty","addReverseCalledEvent","property","eventItem","Date","now","nowTime","delta","__assign","requestAnimationFrame","currentEvent","shift","textNode","document","createTextNode","textNodeToUse","type","unshift","removingCharacterNode","parseInt","removeAllEventItems","push","temp","length_1","apply","pop","parentNode","removeChild","init","prototype","useAnimatedPlaceholder","inputRef","wrapperRef","disabled","locale","values","useMemo","shuffleKeys","shuffle","s","customNodeCreator","getInput","placeholder","slice","current","querySelector","useEffect","StyledFakeInputSearchMobile","MobileFakeInput","focused","value","trackingAttributes","inputSearchPlaceholder","useRef","gaAttributes","dataEventCategory","dataEventAction","dataEventLabel","ref","inputClassName","undefined","displayIcon","gray400","ActionTypes","StyledTopBar","header","StyledTopBarHeaderRight","StyledTopBarIcon","StyledTopbarHeading","StyledTopbarHeadingText","secondaryDark","MobileTopBar","onLeftClick","headingText","onRightClick","iconLeft","textRight","gray800","SEARCH_KEYWORD_MIN_LENGTH","initialState","isMobile","isDebug","navigateTo","geoLocationCoordinates","searchLocationKeywords","searchKeywords","defaultCity","initialCities","searchResults","initialSearchResults","isLoadingCities","isLoadingSearchResults","isMobileModalOpened","initialSelectedCity","autoCompleteDisabled","resetSearchLocationKeywords","reducer","action","console","log","NavigateTo","payload","ClickOutsideInputLocation","ClickOutsideInputSearch","FocusInputLocation","nextState_1","ID_OPTION_CURRENT_LOCATION","FocusInputSearch","nextState","ChangeInputLocation","ChangeInputSearch","keyword","trim","SelectCurrentLocation","ClearInputLocation","ClearInputSearch","SelectLocation","SelectSearchResult","url","FetchCitiesStart","FetchCitiesFinish","FetchSearchResultsStart","FetchSearchResultsFinish","FetchSearchResultsComplete","nextState_2","FetchCitiesByGeoIpComplete","defaultCity_1","filter","c","find","nextState_3","FetchCitiesByKeywordComplete","DisplayInitialCities","DisplayInitialSearchResults","GrantGeoLocationPermission","DenyGeoLocationPermission","OpenMobileModal","CloseMobileModal","UpdateInitialSearchValue","SetInputSearchPlaceholder","SearchIcon","fillRule","clipRule","StyledSearchIcon","button","primaryHover","primaryActive","StyledText","sizes","fwSemiBold","SearchButton","title","StyledSearchBarInputsWrapper","blue50","StyledInputWrapper","StyledInputLocationWrapper","StyledInputSearchWrapper","StyledClearIcon","x","y","rx","SearchInputs","dispatch","debouncedFetchCitiesByKeyword","debouncedFetchSearchResults","focusLocationInput","focusSearchInput","renderLocationResults","renderSearchResults","onSearch","initalSearchValue","inputLocationWrapperRef","inputSearchWrapperRef","useOutsideClick","searchInputPinIconColor","handleSearchInputChange","useCallback","cancel","handleSearchLocationInputChange","autoComplete","actionIcon","gray300","onActionClick","onChange","onFocus","onKeyPress","e","cityId","enterKeyHint","StyledResult","StyledRoundedIconWrapper","gray600","tdUp","StyledPictureWrapper","figure","StyledLocationPin","svg","StyledImageSkeletonWrapper","defaultThumbnailByType","doctors","clipPath","services","ResultSectionItem","item","imageUrl","onClickItem","defaultThumbnail","Cmp","onKeyDown","src","DoctorIcon","ServiceIcon","HospitalIcon","SpecialtyIcon","StyledTypeHeader","StyledInfoWrapper","StyledTypeName","p","neutral800","StyledSeeMoreButton","StyledResultsContainer","StyledItemsWrapper","isMore","isShown","StyledSeeMore","templateObject_7","ResultSection","data","itemsToShow","itemsToShowDesktop","useState","seeMoreOpen","setSeeMoreOpen","_c","slugs","LOCALIZED_SLUGS","typeInformation","icon","slug","DOCTOR","SERVICE","hospitals","HOSPITAL","specialties","SPECIALTIES","typeSlug","showItemCount","renderItem","logo","avatar","thumbnail","_","maxWidth","minHeight","StyledSection","SearchResults","results","PATHS","getApiPath","path","params","formatString","stringFormat","domain","domainLocales","RedirectType","careApiDomain","geoLocationPermissionFromProps","geoLocationCoordinatesFromProps","initialSelectedCityFromProps","initialSearchValue","careFrontDomain","_d","_e","askForGeolocationPermission","gaTrackingSearchBar","_f","_g","routerPush","onGeoLocationPermissionChange","onChangeLocation","_h","hiddenInputRef","_j","viewportHeight","setViewportHeight","_k","getCookie","USER_GEOLOCATION_COORDINATES_COOKIE","blocked","location","protocol","includes","hostname","navigator","geolocation","permission","setPermission","cookie","JSON","parse","err","coordinates","setCoordinates","request","getCurrentPosition","position","gps","lat","round","coords","latitude","lng","longitude","setCookie","stringify","deleteCookie","requestGeoLocation","useGeolocation","geoLocationPermissionFromHook","geoLocationCoordinatesFromHook","_l","useReducer","inputSearchPlaceholderState","_m","fetchCitiesApi","fetch","method","then","res","json","_status","_data","Promise","reject","finally","fetchCitiesByLocation","requests","noPaging","all","data1","data2","citiesIds_1","catch","error","fetchCitiesByKeyword","fetchSearchResults","searchType","headers","accept","useSearchBarApi","currentLocationCityItem","CURRENT","debounce","href","selectCurrentLocation","body","classList","add","remove","handleLocationClick","handleCurrentLocationClick","focus","renderSearchInputs","visualViewport","resizeHandler_1","viewport","target","addEventListener","removeEventListener","resolve","sent"],"mappings":"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"}

package/build/types-ed09baa8.js

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