@hhgtech/hhg-components 1.18.47 → 1.18.48

package/build/care/components/organisms/bookingSearchBar/locationResults/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/care/components/organisms/bookingSearchBar/locationResults/index.tsx"],"sourcesContent":["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"],"names":["_a","cities","isLoading","onLocationClick","onCurrentLocationClick","_b","geoLocationPermission","isLocationLoading","selectedLocation","t","useTranslations","isGeoPermissionDenied","renderCurrentLocationItem","React","createElement","StyledLocationItem","role","tabIndex","onClick","evt","nativeEvent","stopImmediatePropagation","Text","color","size","Skeleton","height","width","GetLocationIcon","theme","colors","primaryBase","style","lineHeight","StyledLocationResultsWrapper","StyledLocationResultsList","StyledLiSkeleton","count","length","Fragment","map","city","key","id","concat","name","isSelected","StyledPinIcon","neutral400"],"mappings":"qZA6BwB,SAACA,OACvBC,EAAMD,EAAAC,OACNC,EAASF,EAAAE,UACTC,EAAeH,EAAAG,gBACfC,EAAsBJ,EAAAI,uBACtBC,0BAAAC,aAAwB,QAAOD,EAC/BE,EAAiBP,EAAAO,kBACjBC,EAAgBR,EAAAQ,iBAERC,EAAMC,sBAERC,EAAkD,WAA1BL,EAExBM,EAA4B,WAAM,OACtCC,EAAA,QAAAC,cAACC,EAAkBA,mBACjB,CAAAC,KAAK,SACLC,SAAU,EACVC,QAAS,SAACC,GACJR,IAGJQ,EAAIC,YAAYC,2BACXd,GACHH,uBAGYO,GAEfA,EACCE,EAAAA,sBAACS,EAAAA,KAAI,CAACC,MAAM,iBAAiBC,KAAK,MAE3B,KACLjB,EACFM,EAAAA,QAAAC,cAACW,EAAAA,QAAS,CAAAC,OAAQ,GAAIC,MAAO,KAE7Bd,EAAAA,QAACC,cAAAc,EAAeA,gBAAC,CAAAL,MAAOM,EAAAA,MAAMC,OAAOC,cAGvClB,UAAAC,cAAA,MAAA,KACGH,EACCE,EAAAA,sBAACS,OAAI,CAACC,MAAM,iBAAiBC,KAAK,KAAKQ,MAAO,CAAEC,WAAY,MACzDxB,EAAE,oCAEHF,EACFM,EAAC,QAAAC,cAAAW,EAAAA,SAASC,OAAQ,GAAIM,MAAO,CAAEL,MAAO,uBAEtCd,EAAAA,QAACC,cAAAQ,EAAIA,MAACE,KAAK,MAAMf,EAAE,4CAiD3B,OACEI,EAAA,QAAAC,cAACoB,EAA4BA,6BAAA,CAAA,cAAa,2BACxCrB,EAAA,QAAAC,cAACqB,EAAyBA,0BAAE,KA5C1BjC,EACKW,EAAAA,sBAACuB,EAAAA,iBAAgB,CAACC,MAAO,KAG7BpC,GAAUA,EAAOqC,OAAS,EAE3BzB,UAAAC,cAAAD,EAAA,QAAA0B,SAAA,KACG3B,IACDC,EAAAA,QAACC,cAAAC,EAAAA,qCAAkC,QACjCF,EAAAA,QAAAC,cAACQ,OAAK,CAAAE,KAAK,KAAKD,MAAM,QACnBd,EAAE,kCAQXI,UAAAC,cAAAD,EAAA,QAAA0B,SAAA,KACG3B,IACAX,EAAOuC,KAAI,SAACC,GAAe,OAC1B5B,EAAC,QAAAC,cAAAC,sBACC2B,IAAKD,EAAKE,GACVzB,QAAS,SAACC,GACRA,EAAIC,YAAYC,2BACZlB,GACFA,EAAgBsC,IAGpBzB,KAAK,SACLC,SAAU,EACE,aAAA,UAAA2B,OAAUH,EAAKI,KAAI,gBAC/BC,YAAYtC,aAAgB,EAAhBA,EAAkBmC,MAAOF,EAAKE,IAE1C9B,EAAC,QAAAC,cAAAiC,iBAAcxB,MAAOM,QAAMC,OAAOkB,aACnCnC,EAAAA,QAAAC,cAACQ,OAAK,CAAAE,KAAK,MAAMiB,EAAKI"}

package/build/care/components/organisms/bookingSearchBar/locationResults/index.styled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../../node_modules/tslib/tslib.es6.js"),e=require("../../../atoms/icons/index.js"),t=require("../../../../../misc/theme.js"),o=require("../../../../../misc/utils.js"),i=require("styled-components"),r=require("./liSkeleton.js");function p(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,d,l,s,x,u=p(i),h=u.default.div(a||(a=n.__makeTemplateObject(["\n  display: flex;\n  position: absolute;\n  top: 48px;\n  min-width: 100%;\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  border-radius: 6px;\n  background-color: white;\n  z-index: 30;\n\n  "," {\n    position: relative;\n    top: 0;\n    box-shadow: initial;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  top: 48px;\n  min-width: 100%;\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  border-radius: 6px;\n  background-color: white;\n  z-index: 30;\n\n  "," {\n    position: relative;\n    top: 0;\n    box-shadow: initial;\n  }\n"])),o.MediaQueries.mbDown),c=u.default.ul(d||(d=n.__makeTemplateObject(["\n  width: 100%;\n  max-height: 600px;\n  overflow-y: auto;\n"],["\n  width: 100%;\n  max-height: 600px;\n  overflow-y: auto;\n"]))),b=u.default(e.PinIcon)(l||(l=n.__makeTemplateObject(["\n  width: 12px;\n  height: 18px;\n"],["\n  width: 12px;\n  height: 18px;\n"]))),g=u.default.li(s||(s=n.__makeTemplateObject(["\n  position: relative;\n  cursor: pointer;\n  padding: 12px 18px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  overflow: hidden;\n\n  ","\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n\n  &:not([data-is-denied='true']):hover {\n    background-color: ",";\n  }\n\n  &:last-child:hover {\n    border-bottom-right-radius: 6px;\n    border-bottom-left-radius: 6px;\n  }\n\n  &:first-child:hover {\n    border-top-right-radius: 6px;\n    border-top-left-radius: 6px;\n  }\n\n  &[data-is-denied='true'] {\n    cursor: not-allowed;\n  }\n"],["\n  position: relative;\n  cursor: pointer;\n  padding: 12px 18px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  overflow: hidden;\n\n  ","\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n\n  &:not([data-is-denied='true']):hover {\n    background-color: ",";\n  }\n\n  &:last-child:hover {\n    border-bottom-right-radius: 6px;\n    border-bottom-left-radius: 6px;\n  }\n\n  &:first-child:hover {\n    border-top-right-radius: 6px;\n    border-top-left-radius: 6px;\n  }\n\n  &[data-is-denied='true'] {\n    cursor: not-allowed;\n  }\n"])),(function(n){return n.isSelected&&"\n        &::after {\n            content: ".concat("url(\"data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9803 0.990669C16.7205 0.99841 16.4739 1.10699 16.2928 1.2934L5.99984 11.5864L2.70687 8.2934C2.61473 8.19743 2.50436 8.12081 2.38223 8.06802C2.2601 8.01524 2.12867 7.98735 1.99563 7.986C1.86259 7.98464 1.73061 8.00985 1.60743 8.06014C1.48426 8.11043 1.37235 8.18479 1.27827 8.27887C1.1842 8.37295 1.10983 8.48485 1.05954 8.60803C1.00926 8.73121 0.98405 8.86318 0.985403 8.99622C0.986757 9.12926 1.01464 9.26069 1.06743 9.38282C1.12021 9.50495 1.19684 9.61532 1.29281 9.70747L5.29281 13.7075C5.48035 13.8949 5.73467 14.0002 5.99984 14.0002C6.26501 14.0002 6.51933 13.8949 6.70687 13.7075L17.7069 2.70747C17.8514 2.567 17.9501 2.38616 17.99 2.18864C18.03 1.99112 18.0093 1.78614 17.9308 1.60055C17.8523 1.41497 17.7195 1.25744 17.5499 1.14861C17.3803 1.03978 17.1817 0.984729 16.9803 0.990669Z' fill='%232685F1'/%3E%3C/svg%3E%0A\")",";\n            top: 50%;\n            right: 18px;\n            position: absolute;\n            transform: translateY(-50%);\n        }\n    ")}),t.theme.colors.neutral100,t.theme.colors.neutral50),f=u.default(r)(x||(x=n.__makeTemplateObject(["\n  &:first-child {\n    padding-top: 18px;\n  }\n"],["\n  &:first-child {\n    padding-top: 18px;\n  }\n"])));exports.StyledLiSkeleton=f,exports.StyledLocationItem=g,exports.StyledLocationResultsList=c,exports.StyledLocationResultsWrapper=h,exports.StyledPinIcon=b;
+//# sourceMappingURL=index.styled.js.map

package/build/care/components/organisms/bookingSearchBar/locationResults/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../../src/care/components/organisms/bookingSearchBar/locationResults/index.styled.ts"],"sourcesContent":["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"],"names":["StyledLocationResultsWrapper","styled","div","templateObject_1","__makeTemplateObject","MediaQueries","mbDown","StyledLocationResultsList","ul","templateObject_2","StyledPinIcon","PinIcon","templateObject_3","StyledLocationItem","li","templateObject_4","_a","isSelected","concat","theme","colors","neutral100","neutral50","StyledLiSkeleton","LiSkeleton","templateObject_5"],"mappings":"4ZASaA,EAA+BC,EAAM,QAACC,IAAGC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,wTAAA,6EAAA,CAAA,wTAY/B,+EAAnBC,EAAYA,aAACC,QAOJC,EAA4BN,EAAM,QAACO,GAAEC,IAAAA,EAAAL,uBAAA,CAAA,iEAAA,CAAA,oEAMrCM,EAAgBT,EAAM,QAACU,UAAPV,CAAeW,IAAAA,EAAAR,uBAAA,CAAA,uCAAA,CAAA,0CAK/BS,EAAqBZ,EAAAA,QAAOa,GAAEC,IAAAA,EAAAX,uBAAA,CAAA,wJAAA,8JAAA,6EAAA,0RAAA,CAA0B,wJAmBhE,8JAS0C,6EAID,6RAvB1C,SAACY,GACD,OADaA,EAAAC,YAEb,8CAAAC,OA3CqB,08BAmDpB,oJASmBC,EAAAA,MAAMC,OAAOC,WAIbF,EAAAA,MAAMC,OAAOE,WAkBxBC,EAAmBtB,EAAM,QAACuB,EAAPvB,CAAkBwB,IAAAA,EAAArB,uBAAA,CAAA,sDAAA,CAAA"}

package/build/care/components/organisms/bookingSearchBar/locationResults/liSkeleton.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("../../../../../node_modules/tslib/tslib.es6.js"),n=require("react"),t=require("../../../../../misc/theme.js"),r=require("react-id-generator"),l=require("react-loading-skeleton"),a=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o,u=i(n),c=i(l),d=i(a).default.li(o||(o=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px;\n\n  > :first-child {\n    flex: 1;\n  }\n\n  > :nth-child(2) {\n    flex: 6;\n  }\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px;\n\n  > :first-child {\n    flex: 1;\n  }\n\n  > :nth-child(2) {\n    flex: 6;\n  }\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n"])),t.theme.colors.neutral100);module.exports=function(n){var t=n.count,l=n.className,a=r.useId(t);return u.default.createElement(u.default.Fragment,null,e.__spreadArray([],Array(t),!0).map((function(e,n){return u.default.createElement(d,{className:l,key:a[n]},u.default.createElement(c.default,{count:1,height:32}),u.default.createElement(c.default,{count:1,height:24}))})))};
+//# sourceMappingURL=liSkeleton.js.map

package/build/care/components/organisms/bookingSearchBar/locationResults/liSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"liSkeleton.js","sources":["../../../../../../src/care/components/organisms/bookingSearchBar/locationResults/liSkeleton.tsx"],"sourcesContent":["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"],"names":["StyledLiSkeleton","li","theme","colors","neutral100","_a","count","className","idList","useId","React","createElement","Fragment","__spreadArray","Array","map","__v","i","key","Skeleton","height"],"mappings":"yUAYMA,OAAyB,QAACC,6WAAE,+TAqBa,cAAvBC,EAAAA,MAAMC,OAAOC,2BAIlB,SAACC,OAAEC,EAAKD,EAAAC,MAAEC,EAASF,EAAAE,UAC9BC,EAASC,QAAMH,GACrB,OACEI,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACGC,gBAAI,GAAAC,MAAMR,IAAM,GAAES,KAAI,SAACC,EAAKC,GAAM,OACjCP,EAAAA,QAAAC,cAACX,EAAgB,CAACO,UAAWA,EAAWW,IAAKV,EAAOS,IAClDP,EAAC,QAAAC,cAAAQ,WAASb,MAAO,EAAGc,OAAQ,KAC5BV,EAAAA,QAAAC,cAACQ,UAAS,CAAAb,MAAO,EAAGc,OAAQ"}

package/build/care/components/organisms/bookingSearchBar/mobileFakeInput/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../../../atoms/icons/index.js"),r=require("../../../../../hooks/useTranslations.js"),a=require("../../../../../misc/theme.js"),o=require("styled-components"),l=require("../index.styled.js"),i=require("../useAnimatedPlaceholder.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u,c=s(t),d=s(o).default.div(u||(u=e.__makeTemplateObject(["\n  user-select: none;\n  input {\n    pointer-events: none;\n    background-color: white;\n  }\n"],["\n  user-select: none;\n  input {\n    pointer-events: none;\n    background-color: white;\n  }\n"])));exports.MobileFakeInput=function(o){var s=o.focused,u=o.value,p=void 0===u?"":u,f=o.onClick,v=o.trackingAttributes,m=o.inputSearchPlaceholder,h=r.useTranslations().t,b=t.useRef(null);i.useAnimatedPlaceholder({wrapperRef:b,disabled:!!m});var k=t.useMemo((function(){return v?{"data-event-category":v.dataEventCategory,"data-event-action":v.dataEventAction,"data-event-label":v.dataEventLabel}:{}}),[v]);return c.default.createElement(d,e.__assign({onClick:function(){return f&&f()},ref:b},k),c.default.createElement(l.StyledInput,{inputClassName:"location"===s?"focused":void 0,name:"booking-search-placeholder",displayIcon:c.default.createElement(n.MagnifierIcon,{color:a.theme.colors.gray400}),placeholder:h("booking.searchBar.searchInput.placeholder"),value:p,size:"md"}))},exports.StyledFakeInputSearchMobile=d;
+//# sourceMappingURL=index.js.map

package/build/care/components/organisms/bookingSearchBar/mobileFakeInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/care/components/organisms/bookingSearchBar/mobileFakeInput/index.tsx"],"sourcesContent":["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"],"names":["StyledFakeInputSearchMobile","div","templateObject_1","__makeTemplateObject","_a","focused","_b","value","onClick","trackingAttributes","inputSearchPlaceholder","t","useTranslations","wrapperRef","useRef","useAnimatedPlaceholder","disabled","gaAttributes","useMemo","dataEventCategory","dataEventAction","dataEventLabel","React","createElement","ref","StyledInput","inputClassName","undefined","name","displayIcon","MagnifierIcon","color","theme","colors","gray400","placeholder","size"],"mappings":"+dAWaA,OAAoC,QAACC,IAAGC,IAAAA,EAAAC,uBAAA,CAAA,qGAAA,CAAA,gIAgB/C,SAA0BC,GAC9B,IAAAC,YACAC,EAAAF,EAAAG,MAAAA,aAAQ,GAAED,EACVE,YACAC,EAAkBL,EAAAK,mBAClBC,EAAsBN,EAAAM,uBAEdC,EAAMC,sBACRC,EAAaC,SAAuB,MAE1CC,EAAsBA,uBAAC,CAAEF,WAAUA,EAAEG,WAAYN,IAEjD,IAAMO,EAAeC,EAAAA,SAAQ,WAC3B,OAAIT,EACK,CACL,sBAAuBA,EAAmBU,kBAC1C,oBAAqBV,EAAmBW,gBACxC,mBAAoBX,EAAmBY,gBAGlC,KAER,CAACZ,IAEJ,OACEa,EAAAA,QAACC,cAAAvB,cACCQ,QAAS,WAAM,OAAAA,GAAWA,KAC1BgB,IAAKX,GACDI,GAEJK,EAAAA,QAACC,cAAAE,EAAAA,aACCC,eAA4B,aAAZrB,EAAyB,eAAYsB,EACrDC,KAAK,6BACLC,YAAaP,EAAAA,QAAAC,cAACO,EAAAA,cAAa,CAACC,MAAOC,EAAAA,MAAMC,OAAOC,UAChDC,YAAaxB,EAAE,6CACfJ,MAAOA,EACP6B,KAAK"}

package/build/care/components/organisms/bookingSearchBar/mobileTopbar/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../atoms/icons/index.js"),l=require("../../../../../misc/theme.js"),r=require("./index.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e);exports.MobileTopBar=function(e){var a=e.className,o=e.onLeftClick,c=e.headingText,i=e.onRightClick,d=e.iconLeft,u=e.textRight;return n.default.createElement(r.StyledTopBar,{className:a},n.default.createElement(r.StyledTopBarIcon,{onClick:o},d||n.default.createElement(t.CloseIcon,{color:l.theme.colors.gray800})),n.default.createElement(r.StyledTopbarHeading,null,n.default.createElement(r.StyledTopbarHeadingText,{size:"md",type:"bold"},c)),n.default.createElement(r.StyledTopBarHeaderRight,{onClick:i},u&&n.default.createElement("p",null,u)))};
+//# sourceMappingURL=index.js.map

package/build/care/components/organisms/bookingSearchBar/mobileTopbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/care/components/organisms/bookingSearchBar/mobileTopbar/index.tsx"],"sourcesContent":["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"],"names":["_a","className","onLeftClick","headingText","onRightClick","iconLeft","textRight","React","createElement","StyledTopBar","StyledTopBarIcon","onClick","CloseIcon","color","theme","colors","gray800","StyledTopbarHeading","StyledTopbarHeadingText","size","type","StyledTopBarHeaderRight"],"mappings":"uTAsBqB,SAACA,GACpB,IAAAC,EAASD,EAAAC,UACTC,EAAWF,EAAAE,YACXC,EAAWH,EAAAG,YACXC,iBACAC,EAAQL,EAAAK,SACRC,EAASN,EAAAM,UAET,OACEC,EAAC,QAAAC,cAAAC,EAAYA,aAAC,CAAAR,UAAWA,GACvBM,EAAA,QAAAC,cAACE,EAAgBA,iBAAC,CAAAC,QAAST,GACxBG,GAAYE,EAAAA,QAAAC,cAACI,EAAAA,UAAU,CAAAC,MAAOC,EAAKA,MAACC,OAAOC,WAE9CT,UAAAC,cAACS,EAAAA,oBAAmB,KAClBV,UAAAC,cAACU,EAAuBA,wBAAA,CAACC,KAAK,KAAKC,KAAK,QACrCjB,IAGLI,EAAAA,QAAAC,cAACa,EAAAA,wBAAuB,CAACV,QAASP,GAC/BE,GAAaC,EAAA,QAAAC,cAAA,IAAA,KAAIF"}

package/build/care/components/organisms/bookingSearchBar/mobileTopbar/index.styled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../node_modules/tslib/tslib.es6.js"),n=require("../../../../../components/atoms/text/index.js"),t=require("../../../../../misc/theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r,o,a,l,s,d=i(require("styled-components")),p=d.default.header(r||(r=e.__makeTemplateObject(["\n  display: flex;\n  height: 64px;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0 auto;\n  position: sticky;\n  z-index: 99;\n  background-color: white;\n  top: 0;\n  left: 0;\n"],["\n  display: flex;\n  height: 64px;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0 auto;\n  position: sticky;\n  z-index: 99;\n  background-color: white;\n  top: 0;\n  left: 0;\n"]))),c=d.default.div(o||(o=e.__makeTemplateObject(["\n  display: inline-flex;\n  flex: 1;\n  justify-content: flex-end;\n  cursor: pointer;\n  text-decoration: underline;\n"],["\n  display: inline-flex;\n  flex: 1;\n  justify-content: flex-end;\n  cursor: pointer;\n  text-decoration: underline;\n"]))),x=d.default.div(a||(a=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: 16px;\n  cursor: pointer;\n"],["\n  display: flex;\n  align-items: center;\n  margin-left: 16px;\n  cursor: pointer;\n"]))),u=d.default.div(l||(l=e.__makeTemplateObject(["\n  width: 100%;\n  margin-left: 24px;\n"],["\n  width: 100%;\n  margin-left: 24px;\n"]))),f=d.default(n.Text)(s||(s=e.__makeTemplateObject(["\n  color: ",";\n  text-align: start;\n"],["\n  color: ",";\n  text-align: start;\n"])),t.theme.colors.secondaryDark);exports.StyledTopBar=p,exports.StyledTopBarHeaderRight=c,exports.StyledTopBarIcon=x,exports.StyledTopbarHeading=u,exports.StyledTopbarHeadingText=f;
+//# sourceMappingURL=index.styled.js.map

package/build/care/components/organisms/bookingSearchBar/mobileTopbar/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../../src/care/components/organisms/bookingSearchBar/mobileTopbar/index.styled.ts"],"sourcesContent":["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"],"names":["StyledTopBar","styled","header","templateObject_1","__makeTemplateObject","StyledTopBarHeaderRight","div","templateObject_2","StyledTopBarIcon","templateObject_3","StyledTopbarHeading","templateObject_4","StyledTopbarHeadingText","Text","templateObject_5","theme","colors","secondaryDark"],"mappings":"iWAIaA,EAAeC,EAAM,QAACC,OAAMC,IAAAA,EAAAC,uBAAA,CAAA,+MAAA,CAAA,kNAa5BC,EAA0BJ,EAAM,QAACK,IAAGC,IAAAA,EAAAH,uBAAA,CAAA,4HAAA,CAAA,+HAQpCI,EAAmBP,EAAM,QAACK,IAAGG,IAAAA,EAAAL,uBAAA,CAAA,0FAAA,CAAA,6FAO7BM,EAAsBT,EAAM,QAACK,IAAGK,IAAAA,EAAAP,uBAAA,CAAA,4CAAA,CAAA,+CAKhCQ,EAA0BX,EAAM,QAACY,OAAPZ,CAAYa,IAAAA,EAAAV,EAAAA,qBAAA,CAAA,cAAA,6BAAA,CAAA,cACd,+BAA1BW,EAAKA,MAACC,OAAOC"}

package/build/care/components/organisms/bookingSearchBar/reducer.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,s=require("../../../../node_modules/tslib/tslib.es6.js"),i=require("../../../interfaces/constants.js"),t=require("./constants.js");function a(e){var i=e.selectedLocation,t=e.searchLocationKeywords;return i&&t!==i.name?s.__assign(s.__assign({},e),{searchLocationKeywords:i.name}):e}exports.ActionTypes=void 0,(e=exports.ActionTypes||(exports.ActionTypes={})).NavigateTo="navigate to url",e.ClickOutsideInputLocation="click outside input location",e.ClickOutsideInputSearch="click outside input search",e.SelectCurrentLocation="select current location",e.FocusInputLocation="focus input location",e.FocusInputSearch="focus input search",e.ChangeInputLocation="change input location",e.ChangeInputSearch="change input search",e.ClearInputLocation="clear input location",e.ClearInputSearch="clear input search",e.SelectLocation="select location",e.FetchCitiesStart="fetch cities start",e.FetchCitiesFinish="fetch cities finish",e.FetchSearchResultsStart="fetch search results start",e.FetchSearchResultsComplete="fetch search results complete",e.FetchSearchResultsFinish="fetch search results finish",e.FetchCitiesByGeoIpComplete="fetch cities by geo IP finish",e.FetchCitiesByKeywordComplete="fetch cities by keyword finish",e.DisplayInitialCities="display initial cities",e.DisplayInitialSearchResults="display initial search results",e.GrantGeoLocationPermission="grant geolocation permission",e.DenyGeoLocationPermission="deny geolocation permission",e.OpenMobileModal="open mobile modal",e.CloseMobileModal="close mobile modal",e.UpdateInitialSearchValue="update initial search value",e.SelectSearchResult="select search result",e.SetInputSearchPlaceholder="set input search placeholder",exports.initialState={isMobile:!1,isDebug:!1,navigateTo:null,geoLocationPermission:"unset",geoLocationCoordinates:null,focused:"none",searchLocationKeywords:"",searchKeywords:"",selectedLocation:null,defaultCity:null,initialCities:[],cities:[],searchResults:[],initialSearchResults:[],isLoadingCities:!1,isLoadingSearchResults:!1,isMobileModalOpened:!1,initialSelectedCity:null,autoCompleteDisabled:!1,inputSearchPlaceholder:"",locale:"vi-VN"},exports.reducer=function(e,o){var n;switch(e.isDebug&&console.log("bookingSearchBar",{action:o,state:e}),o.type){case exports.ActionTypes.NavigateTo:return s.__assign(s.__assign({},e),{navigateTo:o.payload,focused:"none",isMobileModalOpened:!1});case exports.ActionTypes.ClickOutsideInputLocation:return e.isMobile||"location"!==e.focused?e:a(s.__assign(s.__assign({},e),{focused:"none"}));case exports.ActionTypes.ClickOutsideInputSearch:return e.isMobile||"search"!==e.focused?e:s.__assign(s.__assign({},e),{focused:"none"});case exports.ActionTypes.FocusInputLocation:var c=s.__assign(s.__assign({},e),{focused:"location"});return(null===(n=e.selectedLocation)||void 0===n?void 0:n.id)===i.ID_OPTION_CURRENT_LOCATION&&(c.searchLocationKeywords=""),c;case exports.ActionTypes.FocusInputSearch:var r=s.__assign(s.__assign({},e),{focused:"search"});return e.isMobile?a(r):r;case exports.ActionTypes.ChangeInputLocation:return s.__assign(s.__assign({},e),{searchLocationKeywords:o.payload});case exports.ActionTypes.ChangeInputSearch:var l=o.payload;return s.__assign(s.__assign({},e),{searchKeywords:l,isLoadingSearchResults:l.trim().length>t.SEARCH_KEYWORD_MIN_LENGTH[e.locale]});case exports.ActionTypes.SelectCurrentLocation:return s.__assign(s.__assign({},e),{focused:"none",selectedLocation:o.payload,searchLocationKeywords:o.payload.name});case exports.ActionTypes.ClearInputLocation:return s.__assign(s.__assign({},e),{focused:"location",cities:e.initialCities,searchLocationKeywords:""});case exports.ActionTypes.ClearInputSearch:return s.__assign(s.__assign({},e),{focused:"search",searchKeywords:""});case exports.ActionTypes.SelectLocation:return s.__assign(s.__assign({},e),{focused:"none",selectedLocation:o.payload,searchLocationKeywords:o.payload.name});case exports.ActionTypes.SelectSearchResult:return s.__assign(s.__assign({},e),{searchKeywords:o.payload.name,isMobileModalOpened:!1,focused:"none",navigateTo:o.payload.url});case exports.ActionTypes.FetchCitiesStart:return s.__assign(s.__assign({},e),{isLoadingCities:!0});case exports.ActionTypes.FetchCitiesFinish:return s.__assign(s.__assign({},e),{isLoadingCities:!1});case exports.ActionTypes.FetchSearchResultsStart:return s.__assign(s.__assign({},e),{isLoadingSearchResults:!0});case exports.ActionTypes.FetchSearchResultsFinish:return s.__assign(s.__assign({},e),{isLoadingSearchResults:!1});case exports.ActionTypes.FetchSearchResultsComplete:var u=s.__assign(s.__assign({},e),{searchResults:o.payload});return 0===e.initialSearchResults.length&&(u.initialSearchResults=o.payload),u;case exports.ActionTypes.FetchCitiesByGeoIpComplete:var p=o.payload.cities,d=o.payload.default;(p=p.filter((function(e){return e.id!==d.id}))).unshift(d),e.initialSelectedCity&&!p.find((function(s){return s.id===e.initialSelectedCity.id}))&&p.unshift(e.initialSelectedCity);var _=s.__assign(s.__assign({},e),{defaultCity:d,initialCities:p,cities:p});return"denied"!==e.geoLocationPermission||e.initialSelectedCity||(_.selectedLocation=d,_.searchLocationKeywords=d.name),_;case exports.ActionTypes.FetchCitiesByKeywordComplete:return s.__assign(s.__assign({},e),{cities:o.payload});case exports.ActionTypes.DisplayInitialCities:return s.__assign(s.__assign({},e),{cities:e.initialCities});case exports.ActionTypes.DisplayInitialSearchResults:return s.__assign(s.__assign({},e),{searchResults:e.initialSearchResults,isLoadingSearchResults:!1});case exports.ActionTypes.GrantGeoLocationPermission:return s.__assign(s.__assign({},e),{geoLocationPermission:"granted",geoLocationCoordinates:o.payload});case exports.ActionTypes.DenyGeoLocationPermission:return s.__assign(s.__assign({},e),{geoLocationPermission:"denied",geoLocationCoordinates:null});case exports.ActionTypes.OpenMobileModal:return s.__assign(s.__assign({},e),{isMobileModalOpened:!0});case exports.ActionTypes.CloseMobileModal:return s.__assign(s.__assign({},e),{isMobileModalOpened:!1});case exports.ActionTypes.UpdateInitialSearchValue:return s.__assign(s.__assign({},e),{searchKeywords:o.payload});case exports.ActionTypes.SetInputSearchPlaceholder:return s.__assign(s.__assign({},e),{inputSearchPlaceholder:o.payload});default:return e}};
+//# sourceMappingURL=reducer.js.map

package/build/care/components/organisms/bookingSearchBar/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.js","sources":["../../../../../src/care/components/organisms/bookingSearchBar/reducer.ts"],"sourcesContent":["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"],"names":["ActionTypes","resetSearchLocationKeywords","state","selectedLocation","searchLocationKeywords","name","__assign","isMobile","isDebug","navigateTo","geoLocationPermission","geoLocationCoordinates","focused","searchKeywords","defaultCity","initialCities","cities","searchResults","initialSearchResults","isLoadingCities","isLoadingSearchResults","isMobileModalOpened","initialSelectedCity","autoCompleteDisabled","inputSearchPlaceholder","locale","action","console","log","type","NavigateTo","payload","ClickOutsideInputLocation","ClickOutsideInputSearch","FocusInputLocation","nextState_1","_a","id","ID_OPTION_CURRENT_LOCATION","FocusInputSearch","nextState","ChangeInputLocation","ChangeInputSearch","keyword","trim","length","SEARCH_KEYWORD_MIN_LENGTH","SelectCurrentLocation","ClearInputLocation","ClearInputSearch","SelectLocation","SelectSearchResult","url","FetchCitiesStart","FetchCitiesFinish","FetchSearchResultsStart","FetchSearchResultsFinish","FetchSearchResultsComplete","nextState_2","FetchCitiesByGeoIpComplete","defaultCity_1","filter","c","unshift","find","nextState_3","FetchCitiesByKeywordComplete","DisplayInitialCities","DisplayInitialSearchResults","GrantGeoLocationPermission","DenyGeoLocationPermission","OpenMobileModal","CloseMobileModal","UpdateInitialSearchValue","SetInputSearchPlaceholder"],"mappings":"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"}

package/build/care/components/organisms/bookingSearchBar/resultSection/icons.js

@@ -0,0 +1,2 @@
+"use strict";function C(C){return C&&"object"==typeof C&&"default"in C?C:{default:C}}Object.defineProperty(exports,"__esModule",{value:!0});var e=C(require("react"));exports.DoctorIcon=function(){return e.default.createElement("svg",{width:"14",height:"18",viewBox:"0 0 14 18"},e.default.createElement("path",{d:"M7.00004 0.666992C5.29757 0.666992 3.64067 0.813476 2.52087 1.03158C1.73311 1.18457 1.16671 1.86816 1.16671 2.6722V4.83366C1.16671 5.29264 1.54106 5.66699 2.00004 5.66699H12C12.459 5.66699 12.8334 5.29264 12.8334 4.83366V2.69824C12.8334 1.89421 12.267 1.21061 11.4792 1.05762C10.3562 0.839518 8.69275 0.666992 7.00004 0.666992ZM6.16671 1.50033H7.83337V2.33366H8.66671V4.00033H7.83337V4.83366H6.16671V4.00033H5.33337V2.33366H6.16671V1.50033ZM1.42712 6.50033C1.3197 6.89421 1.24158 7.32389 1.19275 7.77637C1.14718 8.18001 1.05603 9.25423 1.06254 9.36491C0.603556 9.72624 0.333374 10.2861 0.333374 10.9014C0.333374 11.8356 0.977906 12.6364 1.84379 12.8285C2.74548 15.0192 4.55212 17.3337 7.00004 17.3337C9.44796 17.3337 11.2546 14.9964 12.1563 12.8024C13.0222 12.6136 13.6667 11.8356 13.6667 10.9014C13.6667 10.2861 13.3965 9.72624 12.9375 9.36491C12.9441 9.25423 12.8562 8.16048 12.8073 7.75033C12.7552 7.30436 12.6804 6.89095 12.573 6.50033H5.35942C6.52804 8.20606 9.27543 7.18717 11.0365 7.62012C11.5736 8.79199 11.1667 10.4326 11.1667 10.4326L11.8177 10.641C11.9121 10.6702 12 10.7549 12 10.9014C12 11.0576 11.8861 11.1943 11.6875 11.1878L11.0105 11.0837L10.7761 11.7347C9.96554 14.0492 8.4128 15.667 7.00004 15.667C5.58728 15.667 4.03455 14.0492 3.224 11.7347L2.96358 11.0837L2.26046 11.1878C2.11723 11.1878 2.00004 11.0576 2.00004 10.9014C2.00004 10.7549 2.08793 10.6702 2.18233 10.641L2.83337 10.4326C2.73246 10.5531 2.4102 8.7041 2.83337 8.03678C3.59184 7.5127 4.2266 7.87728 5.12504 6.50033H1.42712ZM5.17712 9.05241C4.57166 9.05241 4.08337 9.55371 4.08337 10.1722C4.08337 10.7907 4.57166 11.292 5.17712 11.292C5.78259 11.292 6.27087 10.7907 6.27087 10.1722C6.27087 9.55371 5.78259 9.05241 5.17712 9.05241ZM8.82296 9.05241C8.21749 9.05241 7.72921 9.55371 7.72921 10.1722C7.72921 10.7907 8.21749 11.292 8.82296 11.292C9.42843 11.292 9.91671 10.7907 9.91671 10.1722C9.91671 9.55371 9.42843 9.05241 8.82296 9.05241Z",fill:"#9AA2AC"}))},exports.HospitalIcon=function(){return e.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17"},e.default.createElement("path",{d:"M8 0.666992L0.5 5.63533V14.8337C0.5 15.7545 1.24583 16.5003 2.16667 16.5003H13.8333C14.7542 16.5003 15.5 15.7545 15.5 14.8337V5.63533L8 0.666992ZM11.3333 10.667H8.83333V13.167H7.16667V10.667H4.66667V9.00033H7.16667V6.50033H8.83333V9.00033H11.3333V10.667Z",fill:"#9AA2AC"}))},exports.ServiceIcon=function(){return e.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},e.default.createElement("path",{d:"M8.99996 0.666992C6.27535 0.666992 3.85348 1.97884 2.33329 4.00033H4.59892C5.80009 2.94564 7.36259 2.33366 8.99996 2.33366C10.6373 2.33366 12.1998 2.94564 13.401 4.00033H15.6666C14.1464 1.97884 11.7246 0.666992 8.99996 0.666992ZM1.78642 4.83366C1.07678 7.04069 0.666626 9.59928 0.666626 12.3337C0.666626 14.085 0.826131 15.7679 1.13538 17.3337H16.8645C17.1738 15.7679 17.3333 14.085 17.3333 12.3337C17.3333 9.59928 16.9231 7.04069 16.2135 4.83366H1.78642ZM8.99996 7.33366C11.3014 7.33366 13.1666 9.19889 13.1666 11.5003C13.1666 13.8018 11.3014 15.667 8.99996 15.667C6.69853 15.667 4.83329 13.8018 4.83329 11.5003C4.83329 9.19889 6.69853 7.33366 8.99996 7.33366ZM8.16663 9.00033V10.667H6.49996V12.3337H8.16663V14.0003H9.83329V12.3337H11.5V10.667H9.83329V9.00033H8.16663Z",fill:"#9AA2AC"}))},exports.SpecialtyIcon=function(){return e.default.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},e.default.createElement("path",{d:"M3.83333 0.5C2.94928 0.5 2.10143 0.851189 1.47631 1.47631C0.851189 2.10143 0.5 2.94928 0.5 3.83333C0.5 4.71739 0.851189 5.56523 1.47631 6.19036C2.10143 6.81548 2.94928 7.16667 3.83333 7.16667C4.71739 7.16667 5.56523 6.81548 6.19036 6.19036C6.81548 5.56523 7.16667 4.71739 7.16667 3.83333C7.16667 2.94928 6.81548 2.10143 6.19036 1.47631C5.56523 0.851189 4.71739 0.5 3.83333 0.5V0.5ZM10.5 0.5C9.57917 0.5 8.83333 1.24583 8.83333 2.16667V5.5C8.83333 6.42083 9.57917 7.16667 10.5 7.16667H13.8333C14.7542 7.16667 15.5 6.42083 15.5 5.5V2.16667C15.5 1.24583 14.7542 0.5 13.8333 0.5H10.5ZM3.83333 8.83333C2.94928 8.83333 2.10143 9.18452 1.47631 9.80964C0.851189 10.4348 0.5 11.2826 0.5 12.1667C0.5 13.0507 0.851189 13.8986 1.47631 14.5237C2.10143 15.1488 2.94928 15.5 3.83333 15.5C4.71739 15.5 5.56523 15.1488 6.19036 14.5237C6.81548 13.8986 7.16667 13.0507 7.16667 12.1667C7.16667 11.2826 6.81548 10.4348 6.19036 9.80964C5.56523 9.18452 4.71739 8.83333 3.83333 8.83333V8.83333ZM12.1667 8.83333C11.2826 8.83333 10.4348 9.18452 9.80964 9.80964C9.18452 10.4348 8.83333 11.2826 8.83333 12.1667C8.83333 13.0507 9.18452 13.8986 9.80964 14.5237C10.4348 15.1488 11.2826 15.5 12.1667 15.5C13.0507 15.5 13.8986 15.1488 14.5237 14.5237C15.1488 13.8986 15.5 13.0507 15.5 12.1667C15.5 11.2826 15.1488 10.4348 14.5237 9.80964C13.8986 9.18452 13.0507 8.83333 12.1667 8.83333V8.83333Z",fill:"#9AA2AC"}))};
+//# sourceMappingURL=icons.js.map

package/build/care/components/organisms/bookingSearchBar/resultSection/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sources":["../../../../../../src/care/components/organisms/bookingSearchBar/resultSection/icons.tsx"],"sourcesContent":["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"],"names":["React","createElement","width","height","viewBox","d","fill"],"mappings":"yLAE0B,WAAM,OAC9BA,EAAK,QAAAC,cAAA,MAAA,CAAAC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,aAClCJ,UAAAC,cAAA,OAAA,CACEI,EAAE,g4DACFC,KAAK,mCAciB,WAAM,OAChCN,EAAK,QAAAC,cAAA,MAAA,CAAAC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,aAClCJ,UAAAC,cAAA,OAAA,CACEI,EAAE,iQACFC,KAAK,kCAbgB,WAAM,OAC/BN,EAAK,QAAAC,cAAA,MAAA,CAAAC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,aAClCJ,UAAAC,cAAA,OAAA,CACEI,EAAE,owBACFC,KAAK,oCAckB,WAAM,OACjCN,EAAK,QAAAC,cAAA,MAAA,CAAAC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,aAClCJ,UAAAC,cAAA,OAAA,CACEI,EAAE,o1CACFC,KAAK"}

package/build/care/components/organisms/bookingSearchBar/resultSection/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../reducer.js"),s=require("../../../../interfaces/constants.js"),o=require("../../../../../components/atoms/text/index.js");require("../../../../../components/atoms/alert/index.styled.js"),require("../../../../../components/atoms/avatar/index.styled.js"),require("../../../../../components/atoms/badge/index.styled.js"),require("../../../../../components/atoms/borderHeading/index.styled.js"),require("../../../../../components/atoms/button/index.styled.js"),require("../../../../../components/atoms/divider/index.styled.js"),require("../../../../../components/atoms/fileDropdown/index.styled.js"),require("../../../../../components/atoms/flag/index.styled.js"),require("../../../../../components/atoms/grid/index.styled.js"),require("../../../../../components/atoms/heading/index.styled.js"),require("../../../../../components/atoms/label/index.js"),require("../../../../../components/atoms/input/index.styled.js"),require("../../../../../components/atoms/logo/index.js"),require("../../../../../misc/utils.js"),require("../../../../../components/atoms/pagination/index.styled.js"),require("../../../../../components/atoms/pureInput/index.js"),require("../../../../../components/atoms/radio/index.styled.js"),require("../../../../../components/atoms/shadow/index.styled.js"),require("react-range"),require("../../../../../components/atoms/slider/index.styled.js"),require("../../../../../components/atoms/tag/index.styled.js"),require("../../../../../components/atoms/toggle/index.styled.js"),require("../../../../../components/atoms/underlinedLink/index.styled.js"),require("../../../../../components/atoms/uploader/index.styled.js"),require("../../../../../components/atoms/textArea/index.js"),require("../../../../../components/atoms/container/index.styled.js"),require("../../../../../components/atoms/checkbox/index.styled.js"),require("../../../../../components/atoms/textDivider/index.js"),require("../../../../../components/atoms/rateStars/index.styled.js"),require("../../../../../components/atoms/icons/Ask.js"),require("../../../../../components/atoms/icons/BarChart.js"),require("../../../../../components/atoms/icons/Booking.js"),require("../../../../../components/atoms/icons/Bookmark.js"),require("../../../../../components/atoms/icons/Community.js"),require("../../../../../components/atoms/icons/EditSpecial.js"),require("../../../../../components/atoms/icons/Family.js"),require("../../../../../components/atoms/icons/Font.js"),require("../../../../../components/atoms/icons/Heart.js"),require("../../../../../components/atoms/icons/Home.js"),require("../../../../../components/atoms/icons/Like.js"),require("../../../../../components/atoms/icons/MyCommunity.js"),require("../../../../../components/atoms/icons/PlusSpecial.js"),require("../../../../../components/atoms/icons/Recalculate.js"),require("../../../../../components/atoms/icons/Scale.js"),require("../../../../../components/atoms/icons/Share.js"),require("../../../../../components/atoms/icons/Stethoscope.js"),require("../../../../../components/atoms/progress/index.styled.js");var n=require("../../../../../hooks/useTranslations.js"),r=require("../../../../../misc/theme.js"),a=require("react-loading-skeleton"),i=require("../constants.js"),c=require("../resultSectionItem/index.js"),l=require("../resultSectionItem/index.styled.js"),u=require("./icons.js"),m=require("./index.styled.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=d(e),y=d(a);exports.ResultSection=function(a){var d=a.type,q=a.data,j=a.state,g=a.dispatch,h=a.itemsToShow,f=a.itemsToShowDesktop,S=a.isMobile,x=a.isLoading,E=a.keyword,k=e.useState(!1),b=k[0],v=k[1],I=n.useTranslations(),T=I.t,C=I.locale,P=j.selectedLocation,M=j.searchKeywords,R=e.useMemo((function(){return s.LOCALIZED_SLUGS[C]}),[C]),w=e.useMemo((function(){return{doctors:{name:T("booking.searchPopup.doctors"),icon:p.default.createElement(u.DoctorIcon,null),slug:R.DOCTOR},services:{name:T("booking.searchPopup.services"),icon:p.default.createElement(u.ServiceIcon,null),slug:R.SERVICE},hospitals:{name:T("booking.searchPopup.hospitals"),icon:p.default.createElement(u.HospitalIcon,null),slug:R.HOSPITAL},specialties:{name:T("booking.searchPopup.specialties"),icon:p.default.createElement(u.SpecialtyIcon,null),slug:R.SPECIALTIES}}}),[d,R]),A=e.useMemo((function(){return w[d].slug}),[w]),L=S?h:f;function H(e){var s="";switch(d){case"specialties":s="/".concat(P.slug,"/").concat(w.doctors.slug,"/").concat(e.slug);break;case"services":s="/".concat(P.slug,"/").concat(A,"/").concat(e.slug);break;case"doctors":case"hospitals":s="/".concat(A,"/").concat(e.slug,"-").concat(e.id)}s&&g({type:t.ActionTypes.SelectSearchResult,payload:{name:e.name,url:s}})}function B(e){return p.default.createElement(c.ResultSectionItem,{key:e.id,item:e,type:d,imageUrl:e.logo||e.avatar||e.thumbnail,onClickItem:H})}return p.default.createElement("section",null,p.default.createElement(m.StyledTypeHeader,null,p.default.createElement(m.StyledInfoWrapper,null,w[d].icon,p.default.createElement(m.StyledTypeName,null,w[d].name)),p.default.createElement(m.StyledSeeMoreButton,{onClick:function(){var e="";switch(d){case"specialties":e="/".concat(A);break;case"services":case"doctors":case"hospitals":e="/".concat(P.slug,"/").concat(A)}e&&g({type:t.ActionTypes.NavigateTo,payload:e})}},p.default.createElement(o.Text,{size:"p3",color:r.theme.colors.primaryBase},T("booking.searchPopup.seeAll")))),(x||q&&q.length>0)&&p.default.createElement(m.StyledResultsContainer,null,p.default.createElement(m.StyledItemsWrapper,null,x&&Array(2).fill(void 0).map((function(e,t){return p.default.createElement(l.StyledResult,{key:d+"loading"+t},p.default.createElement(l.StyledPictureWrapper,null,p.default.createElement(l.StyledImageSkeletonWrapper,null,p.default.createElement(y.default,{height:14,width:"hospitals"===d?12:32,style:{maxWidth:"var(--graphicSize)",minHeight:"var(--graphicSize)"}}))),p.default.createElement(y.default,{width:120,height:24}))})),!x&&q&&q.length>0&&q.slice(0,L).map(B)),p.default.createElement(m.StyledItemsWrapper,{isShown:b,isMore:!0},q.slice(L,-1).map(B)),"specialties"===d&&L<q.length&&!x&&p.default.createElement("button",{onClick:function(){return v(!b)}},p.default.createElement(m.StyledSeeMore,{size:"p3",color:r.theme.colors.primaryBase},T(b?"booking.searchPopup.seeLessSpecialties":"booking.searchPopup.seeMoreSpecialties"))),"specialties"!==d&&L<q.length&&!x&&E.trim().length>i.SEARCH_KEYWORD_MIN_LENGTH[C]&&p.default.createElement("button",{onClick:function(){var e=w[d].slug,s="/".concat(P.slug,"/").concat(e,"?q=").concat(M);g({type:t.ActionTypes.NavigateTo,payload:s})}},p.default.createElement(m.StyledSeeMore,{size:"p3",color:r.theme.colors.primaryBase},T("booking.searchPopup.searchIn.".concat(d),{name:E})))),!x&&0===(null==q?void 0:q.length)&&p.default.createElement(m.StyledResultsContainer,null,p.default.createElement(o.Text,{size:"sm",color:r.theme.colors.gray400},T("booking.searchBar.noResults"))))};
+//# sourceMappingURL=index.js.map

package/build/care/components/organisms/bookingSearchBar/resultSection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/care/components/organisms/bookingSearchBar/resultSection/index.tsx"],"sourcesContent":["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"],"names":["_a","type","data","state","dispatch","itemsToShow","itemsToShowDesktop","isMobile","isLoading","keyword","_b","useState","seeMoreOpen","setSeeMoreOpen","_c","useTranslations","t","locale","selectedLocation","searchKeywords","slugs","useMemo","LOCALIZED_SLUGS","typeInformation","doctors","name","icon","React","createElement","DoctorIcon","slug","DOCTOR","services","ServiceIcon","SERVICE","hospitals","HospitalIcon","HOSPITAL","specialties","SpecialtyIcon","SPECIALTIES","typeSlug","showItemCount","onClickItem","item","url","concat","id","ActionTypes","SelectSearchResult","payload","renderItem","ResultSectionItem","key","imageUrl","logo","avatar","thumbnail","StyledTypeHeader","StyledInfoWrapper","StyledTypeName","StyledSeeMoreButton","onClick","NavigateTo","Text","size","color","theme","colors","primaryBase","length","StyledResultsContainer","StyledItemsWrapper","Array","fill","undefined","map","_","i","StyledResult","StyledPictureWrapper","StyledImageSkeletonWrapper","Skeleton","height","width","style","maxWidth","minHeight","slice","isShown","isMore","StyledSeeMore","trim","SEARCH_KEYWORD_MIN_LENGTH","gray400"],"mappings":"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"}

package/build/care/components/organisms/bookingSearchBar/resultSection/index.styled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../node_modules/tslib/tslib.es6.js");require("react");var n=require("../../../../../components/atoms/text/index.js");require("../../../../../components/atoms/alert/index.styled.js"),require("../../../../../components/atoms/avatar/index.styled.js"),require("../../../../../components/atoms/badge/index.styled.js"),require("../../../../../components/atoms/borderHeading/index.styled.js"),require("../../../../../components/atoms/button/index.styled.js"),require("../../../../../components/atoms/divider/index.styled.js"),require("../../../../../components/atoms/fileDropdown/index.styled.js"),require("../../../../../components/atoms/flag/index.styled.js"),require("../../../../../components/atoms/grid/index.styled.js"),require("../../../../../components/atoms/heading/index.styled.js"),require("../../../../../components/atoms/label/index.js"),require("../../../../../components/atoms/input/index.styled.js"),require("../../../../../components/atoms/logo/index.js");var t=require("../../../../../misc/utils.js");require("../../../../../components/atoms/pagination/index.styled.js"),require("../../../../../components/atoms/pureInput/index.js"),require("../../../../../components/atoms/radio/index.styled.js"),require("../../../../../components/atoms/shadow/index.styled.js"),require("react-range"),require("../../../../../components/atoms/slider/index.styled.js"),require("../../../../../components/atoms/tag/index.styled.js"),require("../../../../../components/atoms/toggle/index.styled.js"),require("../../../../../components/atoms/underlinedLink/index.styled.js"),require("../../../../../components/atoms/uploader/index.styled.js"),require("../../../../../components/atoms/textArea/index.js"),require("../../../../../components/atoms/container/index.styled.js"),require("../../../../../components/atoms/checkbox/index.styled.js"),require("../../../../../components/atoms/textDivider/index.js"),require("../../../../../components/atoms/rateStars/index.styled.js"),require("../../../../../components/atoms/icons/Ask.js"),require("../../../../../components/atoms/icons/BarChart.js"),require("../../../../../components/atoms/icons/Booking.js"),require("../../../../../components/atoms/icons/Bookmark.js"),require("../../../../../components/atoms/icons/Community.js"),require("../../../../../components/atoms/icons/EditSpecial.js"),require("../../../../../components/atoms/icons/Family.js"),require("../../../../../components/atoms/icons/Font.js"),require("../../../../../components/atoms/icons/Heart.js"),require("../../../../../components/atoms/icons/Home.js"),require("../../../../../components/atoms/icons/Like.js"),require("../../../../../components/atoms/icons/MyCommunity.js"),require("../../../../../components/atoms/icons/PlusSpecial.js"),require("../../../../../components/atoms/icons/Recalculate.js"),require("../../../../../components/atoms/icons/Scale.js"),require("../../../../../components/atoms/icons/Share.js"),require("../../../../../components/atoms/icons/Stethoscope.js"),require("../../../../../components/atoms/progress/index.styled.js");var o=require("../../../../../misc/theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r,i,a,p,m,d,c,l=s(require("styled-components")),u=l.default.header(r||(r=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  padding: 12px 24px;\n  background-color: ",";\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n"],["\n  display: flex;\n  justify-content: space-between;\n  padding: 12px 24px;\n  background-color: ",";\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n"])),o.theme.colors.neutral50),x=l.default.div(i||(i=e.__makeTemplateObject(["\n  display: grid;\n  flex: 2;\n  align-items: center;\n  gap: 16px;\n  grid-template-columns: 16px 1fr;\n"],["\n  display: grid;\n  flex: 2;\n  align-items: center;\n  gap: 16px;\n  grid-template-columns: 16px 1fr;\n"]))),g=l.default.p(a||(a=e.__makeTemplateObject(["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  letter-spacing: -0.2px;\n  line-height: 22px;\n"],["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  letter-spacing: -0.2px;\n  line-height: 22px;\n"])),o.theme.colors.neutral800,o.theme.sizes.fwSemiBold),j=l.default.button(p||(p=e.__makeTemplateObject(["\n  flex: 1;\n  cursor: pointer;\n  text-align: end;\n"],["\n  flex: 1;\n  cursor: pointer;\n  text-align: end;\n"]))),q=l.default.section(m||(m=e.__makeTemplateObject(["\n  padding: 12px 16px;\n  --rowGap: 16px;\n  --graphicSize: 32px;\n\n  "," {\n    --rowGap: 8px;\n  }\n"],["\n  padding: 12px 16px;\n  --rowGap: 16px;\n  --graphicSize: 32px;\n\n  "," {\n    --rowGap: 8px;\n  }\n"])),t.MediaQueries.tdUp),y=l.default.ul(d||(d=e.__makeTemplateObject(["\n  --gap: 16px;\n  "," {\n    --gap: 8px;\n  }\n\n  display: grid;\n  overflow: hidden;\n  gap: var(--gap);\n  transition: max-height 0.8s ease-out;\n\n  ","\n\n  ","\n\n@media (prefers-reduced-motion) {\n    transition: none;\n  }\n\n  "," {\n    grid-template-columns: 1fr 1fr;\n  } ;\n"],["\n  --gap: 16px;\n  "," {\n    --gap: 8px;\n  }\n\n  display: grid;\n  overflow: hidden;\n  gap: var(--gap);\n  transition: max-height 0.8s ease-out;\n\n  ","\n\n  ","\n\n@media (prefers-reduced-motion) {\n    transition: none;\n  }\n\n  "," {\n    grid-template-columns: 1fr 1fr;\n  } ;\n"])),t.MediaQueries.tdUp,(function(e){return e.isMore&&"\n     height: auto;\n     max-height: 0;\n     margin-top: var(--gap);\n   "}),(function(e){return e.isShown&&"\n     max-height: 600px;\n    "}),t.MediaQueries.tdUp),f=l.default(n.Text)(c||(c=e.__makeTemplateObject(["\n  margin-top: 12px;\n  margin-bottom: 8px;\n  cursor: pointer;\n  text-align: start;\n  text-transform: capitalize;\n"],["\n  margin-top: 12px;\n  margin-bottom: 8px;\n  cursor: pointer;\n  text-align: start;\n  text-transform: capitalize;\n"])));exports.StyledInfoWrapper=x,exports.StyledItemsWrapper=y,exports.StyledResultsContainer=q,exports.StyledSeeMore=f,exports.StyledSeeMoreButton=j,exports.StyledTypeHeader=u,exports.StyledTypeName=g;
+//# sourceMappingURL=index.styled.js.map

package/build/care/components/organisms/bookingSearchBar/resultSection/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../../src/care/components/organisms/bookingSearchBar/resultSection/index.styled.ts"],"sourcesContent":["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"],"names":["StyledTypeHeader","styled","header","templateObject_1","__makeTemplateObject","theme","colors","neutral50","StyledInfoWrapper","div","templateObject_2","StyledTypeName","p","templateObject_3","neutral800","sizes","fwSemiBold","StyledSeeMoreButton","button","templateObject_4","StyledResultsContainer","section","templateObject_5","MediaQueries","tdUp","StyledItemsWrapper","ul","templateObject_6","_a","isMore","isShown","StyledSeeMore","Text","templateObject_7"],"mappings":"2vGAKaA,EAAmBC,EAAM,QAACC,OAAMC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,qGAAA,iDAAA,CAAA,qGAID,mDAAtBC,EAAKA,MAACC,OAAOC,WAItBC,EAAoBP,EAAM,QAACQ,IAAGC,IAAAA,EAAAN,uBAAA,CAAA,8GAAA,CAAA,iHAQ9BO,EAAiBV,EAAAA,QAAOW,EAACC,IAAAA,EAAAT,EAAAA,qBAAA,CAAA,cAAA,yCAAA,wDAAA,CAAA,cACJ,yCAEK,0DAF5BC,EAAAA,MAAMC,OAAOQ,WAEPT,EAAAA,MAAMU,MAAMC,YAKhBC,EAAsBhB,EAAM,QAACiB,OAAMC,IAAAA,EAAAf,uBAAA,CAAA,0DAAA,CAAA,6DAMnCgB,EAAyBnB,EAAM,QAACoB,QAAOC,IAAAA,EAAAlB,EAAAA,qBAAA,CAAA,2EAAA,iCAAA,CAAA,2EAK/B,mCAAjBmB,EAAYA,aAACC,MAKJC,EAAqBxB,EAAM,QAACyB,GAGvCC,IAAAA,EAAAvB,uBAAA,CAAA,uBAAA,uIAAA,SAAA,0EAAA,oDAAA,CAAA,uBAEmB,uIAejB,SAMC,0EAMgB,sDA3BjBmB,EAAYA,aAACC,MASb,SAACI,GACD,OADSA,EAAAC,QAET,kFAMA,SAACD,GACD,OADUA,EAAAE,SAEV,oCAQAP,EAAAA,aAAaC,MAKJO,EAAgB9B,EAAM,QAAC+B,OAAP/B,CAAYgC,IAAAA,EAAA7B,uBAAA,CAAA,2HAAA,CAAA"}

package/build/care/components/organisms/bookingSearchBar/resultSectionItem/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../atoms/icons/index.js"),r=require("../../../../../misc/theme.js"),l=require("./index.styled.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e),a={doctors:t.DefaultThumbnailDoctor,services:t.DefaultThumbnailService};exports.ResultSectionItem=function(n){var u=n.type,o=n.item,c=n.imageUrl,d=n.onClickItem,s=e.useMemo((function(){var e=a[u]||t.DefaultThumbnailAny;return i.default.createElement(e,{width:32,height:"services"===u?32:24})}),[u]);return i.default.createElement(l.StyledResult,{onClick:function(){return d&&d(o)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||d&&d(o)},tabIndex:0,role:"button"},i.default.createElement(l.StyledPictureWrapper,null,"hospitals"===u?i.default.createElement(l.StyledLocationPin,{width:"12",height:"16",viewBox:"0 0 12 16"},i.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.75 5.94873C0.75 3.04623 3.0975 0.69873 6 0.69873C8.9025 0.69873 11.25 3.04623 11.25 5.94873C11.25 9.07623 7.935 13.3887 6.5775 15.0312C6.2775 15.3912 5.73 15.3912 5.43 15.0312C4.065 13.3887 0.75 9.07623 0.75 5.94873ZM4.125 5.94873C4.125 6.98373 4.965 7.82373 6 7.82373C7.035 7.82373 7.875 6.98373 7.875 5.94873C7.875 4.91373 7.035 4.07373 6 4.07373C4.965 4.07373 4.125 4.91373 4.125 5.94873Z",fill:"#9AA2AC"})):i.default.createElement(l.StyledRoundedIconWrapper,{type:u},c?i.default.createElement("img",{src:c,width:32,height:"services"===u?32:24}):s)),i.default.createElement(l.StyledText,{color:r.theme.colors.gray800,size:"p3"},o.name))};
+//# sourceMappingURL=index.js.map

package/build/care/components/organisms/bookingSearchBar/resultSectionItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/care/components/organisms/bookingSearchBar/resultSectionItem/index.tsx"],"sourcesContent":["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"],"names":["defaultThumbnailByType","doctors","DefaultThumbnailDoctor","services","DefaultThumbnailService","_a","type","item","imageUrl","onClickItem","defaultThumbnail","useMemo","Cmp","DefaultThumbnailAny","React","createElement","width","height","StyledResult","onClick","onKeyDown","e","key","tabIndex","role","StyledPictureWrapper","StyledLocationPin","viewBox","fillRule","clipRule","d","fill","StyledRoundedIconWrapper","src","StyledText","color","theme","colors","gray800","size","name"],"mappings":"kSAqBMA,EAAuE,CAC3EC,QAASC,EAAsBA,uBAC/BC,SAAUC,EAAuBA,mDAUT,SAACC,OAAEC,EAAID,EAAAC,KAAEC,EAAIF,EAAAE,KAAEC,EAAQH,EAAAG,SAAEC,EAAWJ,EAAAI,YAStDC,EAAmBC,EAAAA,SAAQ,WAC/B,IAAMC,EAAWZ,EAAuBM,IAASO,EAAAA,oBACjD,OAAOC,UAAAC,cAACH,EAAI,CAAAI,MAAO,GAAIC,OAAiB,aAATX,EAAsB,GAAK,OACzD,CAACA,IAEJ,OACEQ,EAAAA,QAACC,cAAAG,EAAYA,aACX,CAAAC,QAAS,WAAM,OAAAV,GAAeA,EAAYF,IAC1Ca,UAhBc,SAACC,GACH,UAAVA,EAAEC,KAA6B,UAAVD,EAAEC,KACrBb,GACFA,EAAYF,IAcdgB,SAAU,EACVC,KAAK,UAELV,EAAC,QAAAC,cAAAU,EAAoBA,0BACT,cAATnB,EACCQ,UAACC,cAAAW,EAAAA,mBAAkBV,MAAM,KAAKC,OAAO,KAAKU,QAAQ,aAChDb,EAAA,QAAAC,cAAA,OAAA,CACEa,SAAS,UACTC,SAAS,UACTC,EAAE,6YACFC,KAAK,aAITjB,EAAAA,QAACC,cAAAiB,EAAwBA,yBAAC,CAAA1B,KAAMA,GAC7BE,EACCM,EAAAA,QAAAC,cAAA,MAAA,CACEkB,IAAKzB,EACLQ,MAAO,GACPC,OAAiB,aAATX,EAAsB,GAAK,KAGrC,IAKRQ,EAAAA,QAACC,cAAAmB,EAAAA,YAAWC,MAAOC,EAAAA,MAAMC,OAAOC,QAASC,KAAK,MAC3ChC,EAAKiC"}

package/build/care/components/organisms/bookingSearchBar/resultSectionItem/index.styled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../node_modules/tslib/tslib.es6.js"),n=require("../../../../../components/atoms/text/index.js"),r=require("../../../../../misc/theme.js"),i=require("../../../../../misc/utils.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t,p,o,s,l,c,d=a(require("styled-components")),u=d.default.li(t||(t=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: var(--rowGap);\n  cursor: pointer;\n"],["\n  display: flex;\n  align-items: center;\n  gap: var(--rowGap);\n  cursor: pointer;\n"]))),g=d.default.div(p||(p=e.__makeTemplateObject(["\n  --wrapper-size: var(--graphicSize);\n  border-radius: calc(var(--wrapper-size) / 2);\n  background-color: var(--neutral50);\n  width: var(--wrapper-size);\n  height: var(--wrapper-size);\n  aspect-ratio: 1/1;\n  overflow: hidden;\n\n  ","\n\n  img {\n    width: var(--graphicSize);\n    height: var(--graphicSize);\n    ","\n  }\n\n  &:focus-visible {\n    outline: 1px solid ",";\n  }\n"],["\n  --wrapper-size: var(--graphicSize);\n  border-radius: calc(var(--wrapper-size) / 2);\n  background-color: var(--neutral50);\n  width: var(--wrapper-size);\n  height: var(--wrapper-size);\n  aspect-ratio: 1/1;\n  overflow: hidden;\n\n  ","\n\n  img {\n    width: var(--graphicSize);\n    height: var(--graphicSize);\n    ","\n  }\n\n  &:focus-visible {\n    outline: 1px solid ",";\n  }\n"])),(function(e){var n=e.type;return n&&"doctors"===n&&"\n    border-radius: calc(var(--graphicSize) / 2);\n    "}),(function(e){var n=e.type;return n&&"doctors"===n?"\n\n        object-fit: cover;  \n      ":"\n        object-fit: contain;\n      "}),r.theme.colors.gray600),h=d.default(n.Text)(o||(o=e.__makeTemplateObject(["\n  line-height: 22px;\n  letter-spacing: -0.2px;\n\n  "," {\n    &[data-size='p3'] {\n      font-size: 14px;\n    }\n  }\n"],["\n  line-height: 22px;\n  letter-spacing: -0.2px;\n\n  "," {\n    &[data-size='p3'] {\n      font-size: 14px;\n    }\n  }\n"])),i.MediaQueries.tdUp),v=d.default.figure(s||(s=e.__makeTemplateObject(["\n  max-width: var(--graphicSize);\n  min-width: var(--graphicSize);\n"],["\n  max-width: var(--graphicSize);\n  min-width: var(--graphicSize);\n"]))),m=d.default.svg(l||(l=e.__makeTemplateObject(["\n  margin: 0 auto;\n  display: block;\n"],["\n  margin: 0 auto;\n  display: block;\n"]))),f=d.default.div(c||(c=e.__makeTemplateObject(["\n  display: grid;\n  place-items: center;\n"],["\n  display: grid;\n  place-items: center;\n"])));exports.StyledImageSkeletonWrapper=f,exports.StyledLocationPin=m,exports.StyledPictureWrapper=v,exports.StyledResult=u,exports.StyledRoundedIconWrapper=g,exports.StyledText=h;
+//# sourceMappingURL=index.styled.js.map

package/build/care/components/organisms/bookingSearchBar/resultSectionItem/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../../src/care/components/organisms/bookingSearchBar/resultSectionItem/index.styled.ts"],"sourcesContent":["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"],"names":["StyledResult","styled","li","templateObject_1","__makeTemplateObject","StyledRoundedIconWrapper","div","templateObject_2","_a","type","theme","colors","gray600","StyledText","Text","templateObject_3","MediaQueries","tdUp","StyledPictureWrapper","figure","templateObject_4","StyledLocationPin","svg","templateObject_5","StyledImageSkeletonWrapper","templateObject_6"],"mappings":"6YAMaA,EAAeC,EAAM,QAACC,GAAEC,IAAAA,EAAAC,uBAAA,CAAA,2FAAA,CAAA,8FAOxBC,EAA2BJ,EAAAA,QAAOK,IAAGC,IAAAA,EAAAH,uBAAA,CAAA,kPAAA,qFAAA,wDAAA,YAAA,CAEhD,kPAcG,qFAaE,wDAIsC,eAtBzC,SAACI,GAAE,IAAAC,EAAID,EAAAC,KACP,OAAAA,GACS,YAATA,GACA,8DAOE,SAACD,GAAE,IAAAC,EAAID,EAAAC,KACP,OAAAA,GAAiB,YAATA,EACJ,2CAIA,2CAMeC,EAAKA,MAACC,OAAOC,SAIzBC,EAAaZ,EAAM,QAACa,EAAIA,KAAXb,CAAYc,IAAAA,EAAAX,EAAAA,qBAAA,CAAA,0DAAA,qEAAA,CAAA,0DAIjB,uEAAjBY,EAAYA,aAACC,MAOJC,EAAuBjB,EAAM,QAACkB,OAAMC,IAAAA,EAAAhB,uBAAA,CAAA,0EAAA,CAAA,6EAKpCiB,EAAoBpB,EAAM,QAACqB,IAAGC,IAAAA,EAAAnB,uBAAA,CAAA,4CAAA,CAAA,+CAK9BoB,EAA6BvB,EAAM,QAACK,IAAGmB,IAAAA,EAAArB,uBAAA,CAAA,gDAAA,CAAA"}

package/build/care/components/organisms/bookingSearchBar/searchInputs/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../atoms/icons/index.js"),n=require("../../../../interfaces/constants.js"),o=require("../../../../../hooks/useOutsideClick.js"),c=require("../../../../../hooks/useTranslations.js"),a=require("../../../../../misc/theme.js"),r=require("../constants.js"),i=require("../index.styled.js"),s=require("../reducer.js"),l=require("../searchSubmitIcon/index.js"),u=require("../useAnimatedPlaceholder.js"),d=require("./index.styled.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=p(e);exports.SearchInputs=function(p){var h=p.isMobile,f=p.state,m=p.dispatch,I=p.debouncedFetchCitiesByKeyword,C=p.debouncedFetchSearchResults,S=p.focusLocationInput,k=p.focusSearchInput,A=p.renderLocationResults,b=p.renderSearchResults,E=p.trackingAttributes,T=p.onSearch,g=e.useRef(null),L=e.useRef(null),j=f.focused,R=f.searchLocationKeywords,q=f.geoLocationPermission,N=f.selectedLocation,O=f.searchKeywords,v=f.inputSearchPlaceholder,_=c.useTranslations().t;u.useAnimatedPlaceholder({wrapperRef:L,disabled:!!v}),o.useOutsideClick(g,(function(){m({type:s.ActionTypes.ClickOutsideInputLocation})})),o.useOutsideClick(L,(function(){m({type:s.ActionTypes.ClickOutsideInputSearch})}));var P=e.useMemo((function(){return"granted"===q&&(null==N?void 0:N.id)===n.ID_OPTION_CURRENT_LOCATION?a.theme.colors.primaryBase:a.theme.colors.gray400}),[q,N]),w=e.useCallback((function(e){m({type:s.ActionTypes.ChangeInputSearch,payload:e}),"function"!=typeof T&&(e.trim().length>r.SEARCH_KEYWORD_MIN_LENGTH[f.locale]?C(e.trim(),f):(C.cancel(),m({type:s.ActionTypes.DisplayInitialSearchResults})))}),[m,f]),D=e.useCallback((function(e){m({type:s.ActionTypes.ChangeInputLocation,payload:e}),e.trim().length>r.SEARCH_KEYWORD_MIN_LENGTH[f.locale]?I(e.trim()):(I.cancel(),m({type:s.ActionTypes.DisplayInitialCities}))}),[I,m]);return y.default.createElement(d.StyledSearchBarInputsWrapper,null,y.default.createElement(d.StyledInputLocationWrapper,{ref:g},y.default.createElement(i.StyledInput,{inputClassName:"location"===j?"focused":void 0,placeholder:_("booking.searchBar.locationPlaceholder"),autoComplete:"off",name:"search-location",displayIcon:y.default.createElement(t.PinIcon,{className:"location-pin-icon",color:P}),actionIcon:y.default.createElement(d.StyledClearIcon,{color:a.theme.colors.gray300,className:""!==R?"shown":""}),onActionClick:function(){m({type:s.ActionTypes.ClearInputLocation}),I.cancel(),S()},value:R,onChange:D,onFocus:function(){return m({type:s.ActionTypes.FocusInputLocation})},size:"md"}),!h&&A()),y.default.createElement(d.StyledInputSearchWrapper,{ref:L},y.default.createElement(i.StyledInput,{placeholder:v||_("booking.searchBar.searchInput.placeholder"),autoComplete:"off",name:"search-results",actionIcon:y.default.createElement(d.StyledClearIcon,{color:a.theme.colors.gray300,className:""!==O?"shown":""}),onActionClick:function(){m({type:s.ActionTypes.ClearInputSearch}),C.cancel(),C("",f),k()},value:O,onChange:w,onFocus:function(){return m({type:s.ActionTypes.FocusInputSearch})},inputClassName:"search"===j?"focused":void 0,size:"md",trackingAttributes:E,onKeyPress:function(e){f.autoCompleteDisabled&&"Enter"===e.key&&T&&T({cityId:f.selectedLocation.id,keyword:O})},enterKeyHint:f.autoCompleteDisabled?"search":void 0}),!h&&b()),f.autoCompleteDisabled&&!f.isMobile&&y.default.createElement(l.SearchButton,{onClick:function(){T({cityId:f.selectedLocation.id,keyword:O})}}))};
+//# sourceMappingURL=index.js.map

package/build/care/components/organisms/bookingSearchBar/searchInputs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/care/components/organisms/bookingSearchBar/searchInputs/index.tsx"],"sourcesContent":["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}\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}: 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 (value.trim().length > SEARCH_KEYWORD_MIN_LENGTH[state.locale]) {\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"],"names":["_a","isMobile","state","dispatch","debouncedFetchCitiesByKeyword","debouncedFetchSearchResults","focusLocationInput","focusSearchInput","renderLocationResults","renderSearchResults","trackingAttributes","onSearch","inputLocationWrapperRef","useRef","inputSearchWrapperRef","focused","searchLocationKeywords","geoLocationPermission","selectedLocation","searchKeywords","inputSearchPlaceholder","t","useTranslations","useAnimatedPlaceholder","wrapperRef","disabled","useOutsideClick","type","ActionTypes","ClickOutsideInputLocation","ClickOutsideInputSearch","searchInputPinIconColor","useMemo","id","ID_OPTION_CURRENT_LOCATION","theme","colors","primaryBase","gray400","handleSearchInputChange","useCallback","value","ChangeInputSearch","payload","trim","length","SEARCH_KEYWORD_MIN_LENGTH","locale","cancel","DisplayInitialSearchResults","handleSearchLocationInputChange","ChangeInputLocation","DisplayInitialCities","React","StyledSearchBarInputsWrapper","createElement","StyledInputLocationWrapper","ref","StyledInput","inputClassName","undefined","placeholder","autoComplete","name","displayIcon","PinIcon","className","color","actionIcon","StyledClearIcon","gray300","onActionClick","ClearInputLocation","onChange","onFocus","FocusInputLocation","size","StyledInputSearchWrapper","ClearInputSearch","FocusInputSearch","onKeyPress","e","autoCompleteDisabled","key","cityId","keyword","enterKeyHint","SearchButton","onClick"],"mappings":"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"}

package/build/care/components/organisms/bookingSearchBar/searchInputs/index.styled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../node_modules/tslib/tslib.es6.js"),n=require("../../../atoms/icons/index.js"),p=require("../../../../../misc/theme.js"),r=require("../../../../../misc/utils.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o,a,l,d,i,s=t(require("styled-components")),x=s.default.div(o||(o=e.__makeTemplateObject(["\n  display: flex;\n  gap: 16px;\n  "," {\n    flex-direction: column;\n    padding: 14px;\n    background-color: ",";\n\n    input {\n      filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n        drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n        drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n    }\n  }\n\n  input {\n    background-color: white;\n  }\n"],["\n  display: flex;\n  gap: 16px;\n  "," {\n    flex-direction: column;\n    padding: 14px;\n    background-color: ",";\n\n    input {\n      filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n        drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n        drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n    }\n  }\n\n  input {\n    background-color: white;\n  }\n"])),r.MediaQueries.mbDown,p.theme.colors.blue50),u=s.default.div(a||(a=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),c=s.default(u)(l||(l=e.__makeTemplateObject(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),b=s.default(u)(d||(d=e.__makeTemplateObject(["\n  flex: 2;\n"],["\n  flex: 2;\n"]))),f=s.default(n.ClearIcon)(i||(i=e.__makeTemplateObject(["\n  display: none;\n  &.shown {\n    display: block;\n  }\n"],["\n  display: none;\n  &.shown {\n    display: block;\n  }\n"])));exports.StyledClearIcon=f,exports.StyledInputLocationWrapper=c,exports.StyledInputSearchWrapper=b,exports.StyledInputWrapper=u,exports.StyledSearchBarInputsWrapper=x;
+//# sourceMappingURL=index.styled.js.map

package/build/care/components/organisms/bookingSearchBar/searchInputs/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../../src/care/components/organisms/bookingSearchBar/searchInputs/index.styled.ts"],"sourcesContent":["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"],"names":["StyledSearchBarInputsWrapper","styled","div","templateObject_1","__makeTemplateObject","MediaQueries","mbDown","theme","colors","blue50","StyledInputWrapper","templateObject_2","StyledInputLocationWrapper","templateObject_3","StyledInputSearchWrapper","templateObject_4","StyledClearIcon","ClearIcon","templateObject_5"],"mappings":"2XAKaA,EAA+BC,EAAAA,QAAOC,IAAGC,IAAAA,EAAAC,uBAAA,CAAA,uCAAA,8EAAA,2PAAA,CAAA,uCAG/B,8EAGoB,6PAHvCC,EAAYA,aAACC,OAGOC,EAAAA,MAAMC,OAAOC,QAcxBC,EAAqBT,EAAM,QAACC,IAAGS,IAAAA,EAAAP,uBAAA,CAAA,6BAAA,CAAA,gCAI/BQ,EAA6BX,EAAM,QAACS,EAAPT,CAA0BY,IAAAA,EAAAT,uBAAA,CAAA,kBAAA,CAAA,qBAIvDU,EAA2Bb,EAAM,QAACS,EAAPT,CAA0Bc,IAAAA,EAAAX,uBAAA,CAAA,kBAAA,CAAA,qBAGrDY,EAAkBf,EAAM,QAACgB,YAAPhB,CAAiBiB,IAAAA,EAAAd,uBAAA,CAAA,+DAAA,CAAA"}

package/build/care/components/organisms/bookingSearchBar/searchResults/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../../../../../misc/utils.js"),r=require("styled-components"),i=require("../resultSection/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,s=o(t),p=o(r).default.section(a||(a=e.__makeTemplateObject(["\n  background-color: white;\n  border-radius: 4px;\n  position: absolute;\n  width: 100%;\n  z-index: 30;\n\n  "," {\n    box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n      0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n      0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n"],["\n  background-color: white;\n  border-radius: 4px;\n  position: absolute;\n  width: 100%;\n  z-index: 30;\n\n  "," {\n    box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n      0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n      0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n"])),n.MediaQueries.tdUp);exports.SearchResults=function(e){var t=e.data,n=e.state,r=e.dispatch,o=e.isMobile,a=e.isLoading,d=e.keyword;return s.default.createElement(p,null,t&&t.map((function(e){return s.default.createElement(i.ResultSection,{type:e.type,state:n,dispatch:r,itemsToShow:2,itemsToShowDesktop:4,key:e.type,data:e.results,isMobile:o,isLoading:a,keyword:d})})))};
+//# sourceMappingURL=index.js.map

package/build/care/components/organisms/bookingSearchBar/searchResults/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/care/components/organisms/bookingSearchBar/searchResults/index.tsx"],"sourcesContent":["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"],"names":["StyledSection","section","templateObject_1","__makeTemplateObject","MediaQueries","tdUp","_a","data","state","dispatch","isMobile","isLoading","keyword","React","createElement","map","ResultSection","type","itemsToShow","itemsToShowDesktop","key","results"],"mappings":"4VAkBMA,OAAsB,QAACC,QAAOC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,mHAAA,oLAAA,CAAA,mHAOf,sLAAjBC,EAAAA,aAAaC,4BAOK,SAACC,GACrB,IAAAC,EAAID,EAAAC,KACJC,EAAKF,EAAAE,MACLC,EAAQH,EAAAG,SACRC,aACAC,EAASL,EAAAK,UACTC,EAAON,EAAAM,QAEP,OACEC,UAAAC,cAACd,EAAa,KACXO,GACCA,EAAKQ,KAAI,SAACR,GAAS,OACjBM,EAAAA,QAACC,cAAAE,EAAaA,cACZ,CAAAC,KAAMV,EAAKU,KACXT,MAAOA,EACPC,SAAUA,EACVS,YAAa,EACbC,mBAAoB,EACpBC,IAAKb,EAAKU,KACVV,KAAMA,EAAKc,QACXX,SAAUA,EACVC,UAAWA,EACXC,QAASA"}

package/build/care/components/organisms/bookingSearchBar/searchSubmitIcon/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../node_modules/tslib/tslib.es6.js"),n=require("react"),o=require("../../../../../components/atoms/text/index.js");require("../../../../../components/atoms/alert/index.styled.js"),require("../../../../../components/atoms/avatar/index.styled.js"),require("../../../../../components/atoms/badge/index.styled.js"),require("../../../../../components/atoms/borderHeading/index.styled.js"),require("../../../../../components/atoms/button/index.styled.js"),require("../../../../../components/atoms/divider/index.styled.js"),require("../../../../../components/atoms/fileDropdown/index.styled.js"),require("../../../../../components/atoms/flag/index.styled.js"),require("../../../../../components/atoms/grid/index.styled.js"),require("../../../../../components/atoms/heading/index.styled.js"),require("../../../../../components/atoms/label/index.js"),require("../../../../../components/atoms/input/index.styled.js"),require("../../../../../components/atoms/logo/index.js");var t=require("../../../../../misc/utils.js");require("../../../../../components/atoms/pagination/index.styled.js"),require("../../../../../components/atoms/pureInput/index.js"),require("../../../../../components/atoms/radio/index.styled.js"),require("../../../../../components/atoms/shadow/index.styled.js"),require("react-range"),require("../../../../../components/atoms/slider/index.styled.js"),require("../../../../../components/atoms/tag/index.styled.js"),require("../../../../../components/atoms/toggle/index.styled.js"),require("../../../../../components/atoms/underlinedLink/index.styled.js"),require("../../../../../components/atoms/uploader/index.styled.js"),require("../../../../../components/atoms/textArea/index.js"),require("../../../../../components/atoms/container/index.styled.js"),require("../../../../../components/atoms/checkbox/index.styled.js"),require("../../../../../components/atoms/textDivider/index.js"),require("../../../../../components/atoms/rateStars/index.styled.js"),require("../../../../../components/atoms/icons/Ask.js"),require("../../../../../components/atoms/icons/BarChart.js"),require("../../../../../components/atoms/icons/Booking.js"),require("../../../../../components/atoms/icons/Bookmark.js"),require("../../../../../components/atoms/icons/Community.js"),require("../../../../../components/atoms/icons/EditSpecial.js"),require("../../../../../components/atoms/icons/Family.js"),require("../../../../../components/atoms/icons/Font.js"),require("../../../../../components/atoms/icons/Heart.js"),require("../../../../../components/atoms/icons/Home.js"),require("../../../../../components/atoms/icons/Like.js"),require("../../../../../components/atoms/icons/MyCommunity.js"),require("../../../../../components/atoms/icons/PlusSpecial.js"),require("../../../../../components/atoms/icons/Recalculate.js"),require("../../../../../components/atoms/icons/Scale.js"),require("../../../../../components/atoms/icons/Share.js"),require("../../../../../components/atoms/icons/Stethoscope.js"),require("../../../../../components/atoms/progress/index.styled.js");var s=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,a,m=r(n),c=r(s),u=function(){return m.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},m.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72624 14.8099 11.1704 14.2653 12.3089 13.3546L15.2377 16.2834C15.5265 16.5722 15.9947 16.5722 16.2834 16.2834C16.5722 15.9947 16.5722 15.5265 16.2834 15.2377L13.3546 12.3089C14.2653 11.1704 14.8099 9.72624 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"white"}))},d=c.default.button(i||(i=e.__makeTemplateObject(["\n  min-height: 100%;\n  border-radius: 6px;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  cursor: pointer;\n  flex: 0.3;\n\n  "," {\n    --margin: 16px;\n    min-height: 32px;\n    margin: var(--margin);\n    width: calc(100% - var(--margin) * 2);\n    position: absolute;\n    bottom: 0;\n  }\n\n  &:hover {\n    background-color: ",";\n  }\n\n  &:active {\n    background-color: ",";\n  }\n\n  &:focus-visible {\n    outline: 1px solid black;\n  }\n"],["\n  min-height: 100%;\n  border-radius: 6px;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  cursor: pointer;\n  flex: 0.3;\n\n  "," {\n    --margin: 16px;\n    min-height: 32px;\n    margin: var(--margin);\n    width: calc(100% - var(--margin) * 2);\n    position: absolute;\n    bottom: 0;\n  }\n\n  &:hover {\n    background-color: ",";\n  }\n\n  &:active {\n    background-color: ",";\n  }\n\n  &:focus-visible {\n    outline: 1px solid black;\n  }\n"])),(function(e){return e.theme.colors.primaryBase}),t.MediaQueries.mbDown,(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryActive})),l=c.default(o.Text)(a||(a=e.__makeTemplateObject(["\n  font-weight: ",";\n"],["\n  font-weight: ",";\n"])),(function(e){return e.theme.sizes.fwSemiBold}));exports.SearchButton=function(e){var n=e.onClick;return m.default.createElement(d,{onClick:n,title:"search"},m.default.createElement(u,null),m.default.createElement(l,{size:"s3",color:"white"},"搜索"))};
+//# sourceMappingURL=index.js.map

package/build/care/components/organisms/bookingSearchBar/searchSubmitIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/care/components/organisms/bookingSearchBar/searchSubmitIcon/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from 'components/atoms'\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  return (\n    <StyledSearchIcon onClick={onClick} title=\"search\">\n      <SearchIcon />\n      <StyledText size=\"s3\" color=\"white\">\n        搜索\n      </StyledText>\n    </StyledSearchIcon>\n  )\n}\n\nexport { SearchButton }\n"],"names":["SearchIcon","React","width","height","viewBox","createElement","fillRule","clipRule","d","fill","StyledSearchIcon","styled","button","_a","theme","colors","primaryBase","MediaQueries","mbDown","primaryHover","primaryActive","StyledText","Text","templateObject_2","__makeTemplateObject","sizes","fwSemiBold","onClick","title","size","color"],"mappings":"gtGAUMA,EAAa,WAAM,OACvBC,+BAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,aAClCH,EAAAA,QACEI,cAAA,OAAA,CAAAC,SAAS,UACTC,SAAS,UACTC,EAAE,mjBACFC,KAAK,YAKLC,EAAmBC,EAAAA,QAAOC,ijBAAM,qEAGuB,gIAQtC,8MAUyC,iDAIC,0EAtB3C,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOC,cAQ9CC,EAAYA,aAACC,QAUO,SAACL,GAAc,OAAPA,EAAAC,MAAaC,OAAOI,gBAI5B,SAACN,GAAc,OAAPA,EAAAC,MAAaC,OAAOK,iBAQ9CC,EAAaV,EAAM,QAACW,EAAIA,KAAXX,CAAYY,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,oBAAA,OAAA,CAAA,oBACuB,UAArC,SAACX,GAAc,OAAPA,EAAAC,MAAaW,MAAMC,mCAGvB,SAACb,GAAE,IAAAc,EAAOd,EAAAc,QAC7B,OACE1B,EAAAA,QAACI,cAAAK,EAAiB,CAAAiB,QAASA,EAASC,MAAM,UACxC3B,UAAAI,cAACL,EAAa,MACdC,UAAAI,cAACgB,EAAU,CAACQ,KAAK,KAAKC,MAAM,SAAO"}

package/build/care/components/organisms/bookingSearchBar/useAnimatedPlaceholder.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("../../../../hooks/useTranslations.js"),o=require("lodash/shuffle"),t=require("./utils/Typewriter.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(o);exports.useAnimatedPlaceholder=function(o){var a=o.inputRef,n=o.wrapperRef,u=o.disabled,c=r.useTranslations(),i=c.t,s=c.locale,d=e.useMemo((function(){if(u)return[];var e=["booking.searchBar.placeholder.hospital","booking.searchBar.placeholder.doctor"];return"zh-TW"!==s&&e.push("booking.searchBar.placeholder.specialty","booking.searchBar.placeholder.service"),l.default(e).map((function(e){return i(e)}))}),[i,s]);function p(e){var r=h();return r&&(r.placeholder=r.placeholder+e),null}function f(){var e=h();e&&(e.placeholder=e.placeholder.slice(0,-1))}function h(){return a&&a.current?a.current:n&&n.current&&n.current.querySelector("input")||null}e.useEffect((function(){if(!u){var e=h();e&&(e.placeholder="",new t.default({strings:d,autoStart:!0,loop:!0,delay:32,deleteSpeed:32,pauseFor:1500,onCreateTextNode:p,onRemoveNode:f}))}}),[a,n])};
+//# sourceMappingURL=useAnimatedPlaceholder.js.map

package/build/care/components/organisms/bookingSearchBar/useAnimatedPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimatedPlaceholder.js","sources":["../../../../../src/care/components/organisms/bookingSearchBar/useAnimatedPlaceholder.ts"],"sourcesContent":["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"],"names":["_a","inputRef","wrapperRef","disabled","_b","useTranslations","t","locale","values","useMemo","shuffleKeys","push","shuffle","map","s","customNodeCreator","character","input","getInput","placeholder","onRemoveNode","slice","current","querySelector","useEffect","Typewriter","strings","autoStart","loop","delay","deleteSpeed","pauseFor","onCreateTextNode"],"mappings":"8TAcM,SAAiCA,GACrC,IAAAC,aACAC,EAAUF,EAAAE,WACVC,EAAQH,EAAAG,SAEFC,EAAgBC,EAAeA,kBAA7BC,EAACF,EAAAE,EAAEC,EAAMH,EAAAG,OAEXC,EAASC,EAAAA,SAAQ,WACrB,GAAIN,EACF,MAAO,GAGT,IAAMO,EAAiC,CACrC,yCACA,wCASF,MAPe,UAAXH,GACFG,EAAYC,KACV,0CACA,yCAIGC,UAAQF,GAAaG,KAAI,SAACC,GAAM,OAAAR,EAAEQ,QACxC,CAACR,EAAGC,IAsBP,SAASQ,EAAkBC,GACzB,IAAMC,EAAQC,IAId,OAHID,IACFA,EAAME,YAAcF,EAAME,YAAcH,GAEnC,KAGT,SAASI,IACP,IAAMH,EAAQC,IACVD,IACFA,EAAME,YAAcF,EAAME,YAAYE,MAAM,GAAI,IAIpD,SAASH,IACP,OAAIjB,GAAYA,EAASqB,QAChBrB,EAASqB,QACPpB,GAAcA,EAAWoB,SAC3BpB,EAAWoB,QAAQC,cAAc,UAEnC,KAzCTC,EAAAA,WAAU,WACR,IAAIrB,EAAJ,CAGA,IAAMc,EAAQC,IACVD,IACFA,EAAME,YAAc,GACpB,IAAIM,UAAW,CACbC,QAASlB,EACTmB,WAAW,EACXC,MAAM,EACNC,MAAO,GACPC,YAAa,GACbC,SAAU,KACVC,iBAAkBjB,EAClBK,aAAcA,QAGjB,CAACnB,EAAUC"}

package/build/care/components/organisms/bookingSearchBar/useSearchBarApi.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),t=require("../../../api/paths.js"),n=require("../../../api/utils.js"),r=require("../../../interfaces/constants.js"),i=require("./constants.js"),o=require("./reducer.js");module.exports=function(c){var a=c.dispatch,s=c.careApiDomain,l=c.locale,u=void 0===l?"vi-VN":l,h=e.useCallback((function(e,t){void 0===t&&(t={});var r="".concat(s).concat(e);return a({type:o.ActionTypes.FetchCitiesStart}),fetch(n.getApiPath(r,t,u),{method:"GET"}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:(console.log("error loading cities",e),Promise.reject(e))})).finally((function(){return a({type:o.ActionTypes.FetchCitiesFinish})}))}),[u]),d=e.useCallback((function(e){var n=e.coordinates,r={};return n&&(r={lat:n.lat,lng:n.lng}),h(t.PATHS.GET_CITY_BY_IP,r).then((function(e){a({type:o.ActionTypes.FetchCitiesByGeoIpComplete,payload:e})})).catch((function(e){return console.error("error loading cities by location",e)}))}),[u,s,a]);return{fetchCitiesByLocation:d,fetchCitiesByKeyword:e.useCallback((function(e){return h(t.PATHS.GET_CITIES_LIST,{keyword:e}).then((function(e){a({type:o.ActionTypes.FetchCitiesByKeywordComplete,payload:e.cities})})).catch((function(e){return console.error("error loading cities by keyword",e)}))}),[u,s,a]),fetchSearchResults:e.useCallback((function(e,c){var l="".concat(s).concat(t.PATHS.GET_SEARCH_V2);a({type:o.ActionTypes.FetchSearchResultsStart});var h=c.defaultCity,d=c.selectedLocation,y=c.geoLocationCoordinates,p="";if(d&&h){d.id===r.ID_OPTION_CURRENT_LOCATION?y||(p=h.id):p=d.id;var f=(null==y?void 0:y.lat)||"",T=(null==y?void 0:y.lng)||"";return fetch(n.getApiPath(l,{domain:s,searchType:"global",keyword:e.trim().length>i.SEARCH_KEYWORD_MIN_LENGTH[u]?e.trim():"",city:p===r.ID_OPTION_CURRENT_LOCATION?"":p,lat:f,lng:T},u),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e)})).then((function(e){return a({type:o.ActionTypes.FetchSearchResultsComplete,payload:e})})).catch((function(e){console.log("error loading search results",{url:l,error:e})})).finally((function(){return a({type:o.ActionTypes.FetchSearchResultsFinish})}))}a({type:o.ActionTypes.FetchSearchResultsFinish})}),[u,s,a])}};
+//# sourceMappingURL=useSearchBarApi.js.map

package/build/care/components/organisms/bookingSearchBar/useSearchBarApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearchBarApi.js","sources":["../../../../../src/care/components/organisms/bookingSearchBar/useSearchBarApi.ts"],"sourcesContent":["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 = {}\n      if (coordinates) {\n        params = {\n          lat: coordinates.lat,\n          lng: coordinates.lng,\n        } as GPSType\n      }\n      return fetchCitiesApi(PATHS.GET_CITY_BY_IP, params)\n        .then((data: SearchCityByGeoIpApi) => {\n          dispatch({\n            type: ActionTypes.FetchCitiesByGeoIpComplete,\n            payload: data,\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":["_a","dispatch","careApiDomain","_b","locale","fetchCitiesApi","useCallback","path","params","url","concat","type","ActionTypes","FetchCitiesStart","fetch","getApiPath","method","then","res","json","data","_status","_data","console","log","Promise","reject","finally","FetchCitiesFinish","fetchCitiesByLocation","coordinates","lat","lng","PATHS","GET_CITY_BY_IP","FetchCitiesByGeoIpComplete","payload","catch","err","error","fetchCitiesByKeyword","keyword","GET_CITIES_LIST","FetchCitiesByKeywordComplete","cities","fetchSearchResults","searchKeywords","state","GET_SEARCH_V2","FetchSearchResultsStart","defaultCity","selectedLocation","geoLocationCoordinates","cityId","id","ID_OPTION_CURRENT_LOCATION","domain","searchType","trim","length","SEARCH_KEYWORD_MIN_LENGTH","city","headers","accept","results","FetchSearchResultsComplete","FetchSearchResultsFinish"],"mappings":"6NAqBwB,SAAgBA,OACtCC,EAAQD,EAAAC,SACRC,EAAaF,EAAAE,cACbC,WAAAC,OAAS,IAAAD,EAAA,QAAOA,EAEVE,EAAiBC,EAAWA,aAChC,SAAwBC,EAAMC,QAAA,IAAAA,IAAAA,EAAW,IACvC,IAAMC,EAAM,GAAAC,OAAGR,GAAgBQ,OAAAH,GAE/B,OADAN,EAAS,CAAEU,KAAMC,cAAYC,mBACtBC,MAAMC,EAAUA,WAACN,EAAKD,EAAQJ,GAAS,CAAEY,OAAQ,QACrDC,MAAK,SAACC,GAAQ,OAAAA,EAAIC,UAClBF,MAAK,SAACG,GACL,OAAqB,IAAjBA,EAAKC,SAAkBD,EAAKE,MAIzBF,eAAAA,EAAME,OAHXC,QAAQC,IAAI,uBAAwBJ,GAC7BK,QAAQC,OAAON,OAIzBO,SAAQ,WAAM,OAAA1B,EAAS,CAAEU,KAAMC,EAAAA,YAAYgB,yBAEhD,CAACxB,IAGGyB,EAAwBvB,EAAAA,aAC5B,SAA+BN,GAAE,IAAA8B,EAAW9B,EAAA8B,YACtCtB,EAAS,GAOb,OANIsB,IACFtB,EAAS,CACPuB,IAAKD,EAAYC,IACjBC,IAAKF,EAAYE,MAGd3B,EAAe4B,EAAAA,MAAMC,eAAgB1B,GACzCS,MAAK,SAACG,GACLnB,EAAS,CACPU,KAAMC,EAAWA,YAACuB,2BAClBC,QAAShB,OAGZiB,OAAM,SAACC,GAAQ,OAAAf,QAAQgB,MAAM,mCAAoCD,QAEtE,CAAClC,EAAQF,EAAeD,IAkF1B,MAAO,CACL4B,sBAAqBA,EACrBW,qBAjF2BlC,EAAAA,aAC3B,SAA8BmC,GAC5B,OAAOpC,EAAe4B,EAAAA,MAAMS,gBAAiB,CAAED,QAAOA,IACnDxB,MAAK,SAACG,GACLnB,EAAS,CACPU,KAAMC,EAAWA,YAAC+B,6BAClBP,QAAShB,EAAKwB,YAGjBP,OAAM,SAACC,GAAQ,OAAAf,QAAQgB,MAAM,kCAAmCD,QAErE,CAAClC,EAAQF,EAAeD,IAuExB4C,mBApEyBvC,EAAWA,aACpC,SAA4BwC,EAAwBC,GAClD,IAAMtC,EAAM,GAAGC,OAAAR,UAAgB+B,EAAAA,MAAMe,eACrC/C,EAAS,CAAEU,KAAMC,cAAYqC,0BACrB,IAAAC,EAA0DH,EAAKG,YAAlDC,EAA6CJ,EAAKI,iBAAhCC,EAA2BL,yBAC9DM,EAA0B,GAC9B,GAAKF,GAAqBD,EAA1B,CAKEC,EAAiBG,KAAOC,6BAEnBH,IACHC,EAASH,EAAYI,IAGvBD,EAASF,EAAiBG,GAE5B,IAAMvB,GAAMqB,aAAA,EAAAA,EAAwBrB,MAAO,GACrCC,GAAMoB,aAAA,EAAAA,EAAwBpB,MAAO,GAC3C,OAAOlB,MACLC,EAAUA,WACRN,EACA,CACE+C,OAAQtD,EACRuD,WAAY,SACZhB,QACEK,EAAeY,OAAOC,OAASC,EAAAA,0BAA0BxD,GACrD0C,EAAeY,OACf,GACNG,KAAMR,IAAWE,6BAA6B,GAAKF,EACnDtB,IAAGA,EACHC,IAAGA,GAEL5B,GAEF,CACEY,OAAQ,MACR8C,QAAS,CACPC,OAAQ,qBAIX9C,MAAK,SAACC,GAAQ,OAAAA,EAAIC,UAClBF,MAAK,SAACG,GACL,OAAqB,IAAjBA,EAAKC,SAAkBD,EAAKE,MAGzBF,eAAAA,EAAME,MAFJG,QAAQC,OAAON,MAIzBH,MAAK,SAAC+C,GACL,OAAA/D,EAAS,CACPU,KAAMC,EAAWA,YAACqD,2BAClB7B,QAAS4B,OAGZ3B,OAAM,SAACE,GACNhB,QAAQC,IAAI,+BAAgC,CAAEf,IAAGA,EAAE8B,MAAKA,OAEzDZ,SAAQ,WAAM,OAAA1B,EAAS,CAAEU,KAAMC,EAAAA,YAAYsD,8BArD5CjE,EAAS,CAAEU,KAAMC,cAAYsD,6BAuDjC,CAAC9D,EAAQF,EAAeD"}

package/build/care/components/organisms/bookingSearchBar/utils/Typewriter.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../node_modules/tslib/tslib.es6.js"),t={TYPE_CHARACTER:"TYPE_CHARACTER",REMOVE_CHARACTER:"REMOVE_CHARACTER",REMOVE_ALL:"REMOVE_ALL",REMOVE_LAST_VISIBLE_NODE:"REMOVE_LAST_VISIBLE_NODE",PAUSE_FOR:"PAUSE_FOR",CHANGE_DELETE_SPEED:"CHANGE_DELETE_SPEED",CHANGE_DELAY:"CHANGE_DELAY",PASTE_STRING:"PASTE_STRING"},n=function(e,t){return Math.floor(Math.random()*(t-e+1))+e},r={TEXT_NODE:"TEXT_NODE"},o=function(){function o(o){var s=this;this.state={lastFrameTime:null,pauseUntil:null,eventQueue:[],eventLoop:null,eventLoopPaused:!1,reverseCalledEvents:[],calledEvents:[],visibleNodes:[],initialOptions:null},this.options={strings:null,delay:"natural",pauseFor:1500,deleteSpeed:"natural",loop:!1,autoStart:!1,stringSplitter:null,onCreateTextNode:null,onRemoveNode:null},this.start=function(){return s.state.eventLoopPaused=!1,s.runEventLoop(),s},this.pause=function(){return s.state.eventLoopPaused=!0,s},this.stop=function(){return s.state.eventLoop&&(window.cancelAnimationFrame(s.state.eventLoop),s.state.eventLoop=null),s},this.pauseFor=function(e){return s.addEventToQueue(t.PAUSE_FOR,{ms:e}),s},this.typeOutAllStrings=function(){return"string"==typeof s.options.strings?(s.typeString(s.options.strings).pauseFor(s.options.pauseFor),s):(s.options.strings.forEach((function(e){s.typeString(e).pauseFor(s.options.pauseFor).deleteAll(s.options.deleteSpeed)})),s)},this.typeString=function(e,t){if(void 0===t&&(t=null),e){var n=(s.options||{}).stringSplitter,r="function"==typeof n?n(e):e.split("");s.typeCharacters(r,t)}return s},this.pasteString=function(e,n){return void 0===n&&(n=null),e&&s.addEventToQueue(t.PASTE_STRING,{character:e,node:n}),s},this.deleteAll=function(e){return void 0===e&&(e="natural"),s.addEventToQueue(t.REMOVE_ALL,{speed:e}),s},this.changeDeleteSpeed=function(e){if(!e)throw new Error("Must provide new delete speed");return s.addEventToQueue(t.CHANGE_DELETE_SPEED,{speed:e}),s},this.changeDelay=function(e){if(!e)throw new Error("Must provide new delay");return s.addEventToQueue(t.CHANGE_DELAY,{delay:e}),s},this.deleteChars=function(e){if(!e)throw new Error("Must provide amount of characters to delete");for(var n=0;n<e;n++)s.addEventToQueue(t.REMOVE_CHARACTER);return s},this.typeCharacters=function(e,n){if(void 0===n&&(n=null),!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(e){s.addEventToQueue(t.TYPE_CHARACTER,{character:e,node:n})})),s},this.removeCharacters=function(e){if(!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(){s.addEventToQueue(t.REMOVE_CHARACTER)})),s},this.addEventToQueue=function(e,t,n){return void 0===n&&(n=!1),s.addEventToStateProperty(e,t,n,"eventQueue")},this.addReverseCalledEvent=function(e,t,n){return void 0===n&&(n=!1),s.options.loop?s.addEventToStateProperty(e,t,n,"reverseCalledEvents"):s},this.addEventToStateProperty=function(t,n,r,o){void 0===r&&(r=!1);var a={eventName:t,eventArgs:n||{}};return s.state[o]=r?e.__spreadArray([a],s.state[o],!0):e.__spreadArray(e.__spreadArray([],s.state[o],!0),[a],!1),s},this.runEventLoop=function(){s.state.lastFrameTime||(s.state.lastFrameTime=Date.now());var o=Date.now(),a=o-s.state.lastFrameTime;if(!s.state.eventQueue.length){if(!s.options.loop)return;s.state.eventQueue=e.__spreadArray([],s.state.calledEvents,!0),s.state.calledEvents=[],s.options=e.__assign({},s.state.initialOptions)}if(s.state.eventLoop=window.requestAnimationFrame(s.runEventLoop),!s.state.eventLoopPaused){if(s.state.pauseUntil){if(o<s.state.pauseUntil)return;s.state.pauseUntil=null}var i=e.__spreadArray([],s.state.eventQueue,!0),E=i.shift();if(!(a<=(E.eventName===t.REMOVE_LAST_VISIBLE_NODE||E.eventName===t.REMOVE_CHARACTER?"natural"===s.options.deleteSpeed?n(40,80):s.options.deleteSpeed:"natural"===s.options.delay?n(120,160):s.options.delay))){var u=E.eventName,p=E.eventArgs;switch(u){case t.PASTE_STRING:case t.TYPE_CHARACTER:var d=p.character,l=document.createTextNode(d),v=l;s.options.onCreateTextNode&&"function"==typeof s.options.onCreateTextNode&&(v=s.options.onCreateTextNode(d,l)),s.state.visibleNodes=e.__spreadArray(e.__spreadArray([],s.state.visibleNodes,!0),[{type:r.TEXT_NODE,character:d,node:v}],!1);break;case t.REMOVE_CHARACTER:i.unshift({eventName:t.REMOVE_LAST_VISIBLE_NODE,eventArgs:{removingCharacterNode:!0}});break;case t.PAUSE_FOR:var _=E.eventArgs.ms;s.state.pauseUntil=Date.now()+parseInt(_);break;case t.REMOVE_ALL:var A=s.state.visibleNodes,c=p.speed,h=[];c&&h.push({eventName:t.CHANGE_DELETE_SPEED,eventArgs:{speed:c,temp:!0}});for(var T=0,f=A.length;T<f;T++)h.push({eventName:t.REMOVE_LAST_VISIBLE_NODE,eventArgs:{removingCharacterNode:!1}});c&&h.push({eventName:t.CHANGE_DELETE_SPEED,eventArgs:{speed:s.options.deleteSpeed,temp:!0}}),i.unshift.apply(i,h);break;case t.REMOVE_LAST_VISIBLE_NODE:if(s.state.visibleNodes.length){var S=s.state.visibleNodes.pop(),N=S.node;d=S.character;s.options.onRemoveNode&&"function"==typeof s.options.onRemoveNode&&s.options.onRemoveNode({node:N,character:d}),N&&N.parentNode.removeChild(N)}break;case t.CHANGE_DELETE_SPEED:s.options.deleteSpeed=E.eventArgs.speed;break;case t.CHANGE_DELAY:s.options.delay=E.eventArgs.delay}s.options.loop&&(E.eventName===t.REMOVE_LAST_VISIBLE_NODE||E.eventArgs&&E.eventArgs.temp||(s.state.calledEvents=e.__spreadArray(e.__spreadArray([],s.state.calledEvents,!0),[E],!1))),s.state.eventQueue=i,s.state.lastFrameTime=o}}},o&&(this.options=e.__assign(e.__assign({},this.options),o)),this.state.initialOptions=e.__assign({},this.options),this.init()}return o.prototype.init=function(){this.addEventToQueue(t.REMOVE_ALL,null,!0),!0===this.options.autoStart&&this.options.strings&&this.typeOutAllStrings().start()},o}();exports.EVENT_NAMES=t,exports.VISIBLE_NODE_TYPES=r,exports.default=o;
+//# sourceMappingURL=Typewriter.js.map