@hhgtech/hhg-components 1.21.41 → 1.21.43

package/build/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-57503957.js"),r=require("./index-d28c27ca.js"),o=require("./index-3acb41ab.js"),t=require("./index-84e7cfab.js"),a=require("./index-af69d5b9.js"),s=require("./index-4aedfa57.js"),i=require("./index-db079cb9.js"),p=require("./index-a7570667.js"),n=require("./index-66591bac.js"),x=require("./index.styled-d9a3f692.js"),l=require("./index-49873a7a.js"),u=require("./index.styled-fa61ea0d.js"),d=require("./useTranslations-7f08be7c.js"),g=require("./useScrollbarSize-586f6706.js"),c=require("./useFbDataLayer-bf534f29.js"),C=require("./useHealthToolCache-ae750aac.js"),P=require("./translationsProvider-be5e5a3d.js"),m=require("./translationsContext-2d7ea471.js"),b=require("./types-d7e341af.js"),h=require("./types-f1d12887.js"),S=require("./constants-ca5ea110.js"),T=require("./localizeNumberFormat-d34a738e.js"),f=require("./screenSizeContext-78ac9057.js"),v=require("./cookieHelper-612b90fa.js");require("react"),require("styled-components");var q=require("./theme-696d81a9.js"),D=require("./number-87b13133.js"),y=require("./getDynamicHealthTool-1d292d71.js"),L=require("./getSocialList-19da0f19.js"),j=require("./en-PH-cac23192.js");require("./Locale-11b51016.js"),require("./isProduction-32e6a55a.js"),require("./tslib.es6-e6f346c4.js"),require("react-id-generator"),require("lodash"),require("keen-slider/react"),require("./gAssets.js"),require("react-range"),require("date-fns"),require("@mantine/core"),require("string-format"),require("lodash/debounce"),require("./useOutsideClick-528bfd6c.js"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("date-fns/locale/hi"),require("date-fns/locale/ms"),require("date-fns/locale/th"),require("slugify"),require("./core-97cd306c.js"),require("react-day-picker/DayPickerInput"),require("react-dom"),require("smoothscroll-polyfill"),require("./types-2b3bdf79.js"),require("innertext"),require("react-contenteditable"),require("react-loading-skeleton"),require("lodash/shuffle"),require("vanilla-lazyload"),exports.Types=e.index,exports.Constants=r.index,exports.Alert=o.Alert,exports.AmpNextPage=o.AmpNextPage,exports.ArticleCard=o.ArticleCard,exports.Badge=o.Badge,exports.BorderHeading=o.BorderHeading,exports.Breadcrumbs=o.Breadcrumbs,exports.Carousel=o.Carousel,exports.CategoryCard=o.CategoryCard,exports.Checkbox=o.Checkbox,exports.CheckboxGroup=o.CheckboxGroup,exports.CookieAcceptConfirm=o.CookieAcceptConfirm,exports.DateRangePicker=o.DateRangePicker,exports.DueDateCardEmbed=o.DueDateCardEmbed,exports.FileDropdown=o.FileDropdown,exports.FloatButtonGroup=o.FloatButtonGroup,exports.Footer=o.Footer,exports.Grid=o.Grid,exports.IconText=o.IconText,exports.OvulationCardEmbed=o.OvulationCardEmbed,exports.PWGCardEmbed=o.PWGCardEmbed,exports.Pagination=o.Pagination,exports.Progress=o.Progress,exports.ProgressBar=o.ProgressBar,exports.RateStars=o.RateStars,exports.SeoHead=o.SeoHead,exports.Shadow=o.Shadow,exports.ShareContainer=o.ShareContainer,exports.ShareDrawer=o.ShareDrawer,exports.SideMenu=o.index,exports.StatisticCard=o.StatisticCard,exports.SurveyThankyouCard=o.SurveyThankyouCard,exports.Table=o.index$1,exports.Tabs=o.Tabs,exports.Tag=o.Tag,exports.Toggle=o.Toggle,exports.ToolsBannerCard=o.ToolsBannerCard,exports.UnderlinedLink=o.UnderlinedLink,exports.Uploader=o.Uploader,exports.Avatar=t.Avatar,exports.CardAuthor=t.CardAuthor,exports.DefaultComponentGlobalContextData=t.DefaultComponentGlobalContextData,exports.Dropdown=t.Dropdown,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return t.GlobalData}}),exports.Loading=t.Loading,exports.Popup=t.Popup,exports.PopupDoctor=t.PopupDoctor,exports.PopupExpert=t.PopupExpert,exports.PopupHospital=t.PopupHospital,exports.TogetherComponentGlobalContext=t.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=t.TogetherComponentGlobalContextProvider,exports.TogetherConstants=t.constants,exports.TogetherDataTransforms=t.dataTransform,exports.UserAvatar=t.UserAvatar,exports.Button=a.Button,exports.Divider=s.Divider,exports.DatePicker=i.DatePicker,exports.DoctorInfo=i.DoctorInfo,exports.Flag=i.Flag,exports.LanguageSwitcher=i.LanguageSwitcher,exports.MobileBottomNavigation=i.MobileBottomNavigation,exports.MobileBottomNavigationIcon=i.MobileBottomNavigationIcon,exports.NavigationLogoutPopup=i.NavigationLogoutPopup,exports.NavigationProfileButton=i.NavigationProfileButton,exports.NavigationV2=i.NavigationV2,exports.ProfilePopup=i.ProfilePopup,exports.Radio=i.Radio,exports.RadioGroup=i.RadioGroup,exports.ScrollList=i.ScrollList,exports.Slider=i.Slider,exports.SurveyQuestionCard=i.SurveyQuestionCard,exports.UserProfileNavigation=i.UserProfileNavigation,exports.UserProfileNavigationHeader=i.NavHeader,exports.UserProfileNavigationStats=i.UserStats,exports.getNavMenuContent=i.getNavMenuContent,exports.getNavMenuContentWithCache=i.getNavMenuContentWithCache,exports.Heading=p.Heading,exports.Input=n.Input,exports.Container=x.Container,exports.Label=x.Label,exports.Logo=x.Logo,exports.Menu=x.Menu,exports.PureInput=x.PureInput,exports.Text=x.Text,exports.TextArea=x.TextArea,exports.TextDivider=x.TextDivider,exports.Icon=l.Icon,exports.Modal=l.Modal,exports.NewBabyProfileRadio=l.NewBabyProfileRadio,exports.RadioImageGroup=l.RadioImageGroup,exports.Drawer=u.Drawer,exports.useTranslations=d.useTranslations,exports.MEASURE_ELEMENT_CLASS=g.MEASURE_ELEMENT_CLASS,exports.useScrollbarSize=g.useScrollbarSize,exports.useFbDataLayer=c.useFbDataLayer,exports.useHealthToolsCache=C.useHealthToolsCache,exports.TranslationsProvider=P.TranslationsProvider,exports.translationsMap=P.translationsMap,exports.TranslationsContext=m.TranslationsContext,exports.CardLink=b.CardLink,exports.CardPost=b.CardPost,exports.CardPostPopoverMore=b.CardPostPopoverMore,exports.CardReactions=b.CardReactions,exports.CardReply=b.CardReply,exports.CardReplyPopover=b.CardReplyPopover,exports.CreateNewPostContent=b.CreateNewPostContent,exports.CreatePostDescription=b.CreatePostDescription,exports.CreatePostTitle=b.CreatePostTitle,exports.ImagePreviewPopup=b.ImagePreviewPopup,exports.InputCommentBar=b.InputCommentBar,exports.LabelPin=b.LabelPin,exports.LabelSortPin=b.LabelSortPin,exports.LabelSorting=b.LabelSorting,exports.PopoverMenu=b.PopoverMenu,exports.PopupDanger=b.PopupDanger,exports.PopupFrame=b.PopupFrame,exports.PostContent=b.PostContent,exports.PostImagePreview=b.PostImagePreview,exports.PostSingleImageViewPopup=b.PostSingleImageViewPopup,exports.ShareBox=b.ShareBox,exports.SharePopup=b.SharePopup,exports.SocialLinkPreview=b.SocialLinkPreview,exports.SubmitReportForm=b.SubmitReportForm,exports.TagTopic=b.TagTopic,exports.TogetherAuthConfigContext=b.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=b.TogetherAuthConfigContextProvider,exports.TogetherTypes=b.types,exports.TopicSelectList=b.TopicSelectList,exports.useTogetherAuthRequiredAction=b.useTogetherAuthRequiredAction,exports.BookingSearchBar=h.BookingSearchBar,exports.CareTypes=h.types,exports.CareConstants=S.constants,exports.ageGenerate=T.ageGenerate,exports.convertLocalizedStringToNumber=T.convertLocalizedStringToNumber,exports.localizeNumberFormat=T.localizeNumberFormat,exports.Breakpoints=f.Breakpoints,exports.MediaQueries=f.MediaQueries,exports.ScreenSizeContext=f.ScreenSizeContext,exports.ScreenSizeContextProvider=f.ScreenSizeContextProvider,exports.fadeIn=f.fadeIn,exports.formatUrlWithPageParam=f.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=f.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=f.getPopupWrapperDom,exports.getWindowSizeGroups=f.getWindowSizeGroups,Object.defineProperty(exports,"lazyLoadInstance",{enumerable:!0,get:function(){return f.lazyLoadInstance}}),exports.makeParams=f.makeParams,exports.slideInDown=f.slideInDown,exports.slideInLeft=f.slideInLeft,exports.slideInRight=f.slideInRight,exports.slideInUp=f.slideInUp,exports.slideOutDown=f.slideOutDown,exports.slideOutLeft=f.slideOutLeft,exports.slideOutRight=f.slideOutRight,exports.slideOutUp=f.slideOutUp,exports.startCase=f.startCase,exports.toggleNoScroll=f.toggleNoScroll,exports.deleteCookie=v.deleteCookie,exports.getCookie=v.getCookie,exports.setCookie=v.setCookie,exports.theme=q.theme,exports.abbreviateNumber=D.abbreviateNumber,exports.formatHealthTool=y.formatHealthTool,exports.getCareApiDomain=y.getCareApiDomain,exports.getCurrentBaseUrl=y.getCurrentBaseUrl,exports.getCurrentSsoUrl=y.getCurrentSsoUrl,exports.getDiscoverApiDomain=y.getDiscoverApiDomain,exports.getDynamicHealthTool=y.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=y.getDynamicHealthToolWithCache,exports.getTogetherApiDomain=y.getTogetherApiDomain,exports.getSocialList=L.getSocialList,exports.defaultTranslations=j.defaultTranslations;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-57503957.js"),r=require("./index-d28c27ca.js"),o=require("./index-bad6dbb9.js"),t=require("./index-43beb863.js"),a=require("./index-91cb5f2d.js"),s=require("./index-87d1767a.js"),i=require("./index-9664a7bb.js"),p=require("./index-06d81b9e.js"),n=require("./index-6ff070d9.js"),x=require("./index.styled-0e45c3b3.js"),l=require("./index-5a3e34f0.js"),u=require("./index.styled-0cf3f173.js"),d=require("./useTranslations-7f08be7c.js"),g=require("./useScrollbarSize-586f6706.js"),c=require("./useFbDataLayer-bf534f29.js"),C=require("./useHealthToolCache-ae750aac.js"),P=require("./translationsProvider-be5e5a3d.js"),m=require("./translationsContext-2d7ea471.js"),b=require("./types-2b216ff2.js"),h=require("./types-24c98ade.js"),S=require("./constants-ca5ea110.js"),T=require("./localizeNumberFormat-d34a738e.js"),f=require("./screenSizeContext-78ac9057.js"),v=require("./cookieHelper-612b90fa.js");require("react"),require("styled-components");var q=require("./theme-696d81a9.js"),D=require("./number-87b13133.js"),y=require("./getDynamicHealthTool-1d292d71.js"),L=require("./getSocialList-19da0f19.js"),j=require("./en-PH-cac23192.js");require("./Locale-11b51016.js"),require("./isProduction-32e6a55a.js"),require("./tslib.es6-e6f346c4.js"),require("react-id-generator"),require("lodash"),require("keen-slider/react"),require("./gAssets.js"),require("react-range"),require("date-fns"),require("@mantine/core"),require("string-format"),require("lodash/debounce"),require("./useOutsideClick-528bfd6c.js"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("date-fns/locale/hi"),require("date-fns/locale/ms"),require("date-fns/locale/th"),require("slugify"),require("./core-97cd306c.js"),require("react-day-picker/DayPickerInput"),require("react-dom"),require("smoothscroll-polyfill"),require("./types-2b3bdf79.js"),require("innertext"),require("react-contenteditable"),require("react-loading-skeleton"),require("lodash/shuffle"),require("vanilla-lazyload"),exports.Types=e.index,exports.Constants=r.index,exports.Alert=o.Alert,exports.AmpNextPage=o.AmpNextPage,exports.ArticleCard=o.ArticleCard,exports.Badge=o.Badge,exports.BorderHeading=o.BorderHeading,exports.Breadcrumbs=o.Breadcrumbs,exports.Carousel=o.Carousel,exports.CategoryCard=o.CategoryCard,exports.Checkbox=o.Checkbox,exports.CheckboxGroup=o.CheckboxGroup,exports.CookieAcceptConfirm=o.CookieAcceptConfirm,exports.DateRangePicker=o.DateRangePicker,exports.DueDateCardEmbed=o.DueDateCardEmbed,exports.FileDropdown=o.FileDropdown,exports.FloatButtonGroup=o.FloatButtonGroup,exports.Footer=o.Footer,exports.Grid=o.Grid,exports.IconText=o.IconText,exports.OvulationCardEmbed=o.OvulationCardEmbed,exports.PWGCardEmbed=o.PWGCardEmbed,exports.Pagination=o.Pagination,exports.Progress=o.Progress,exports.ProgressBar=o.ProgressBar,exports.RateStars=o.RateStars,exports.SeoHead=o.SeoHead,exports.Shadow=o.Shadow,exports.ShareContainer=o.ShareContainer,exports.ShareDrawer=o.ShareDrawer,exports.SideMenu=o.index,exports.StatisticCard=o.StatisticCard,exports.SurveyThankyouCard=o.SurveyThankyouCard,exports.Table=o.index$1,exports.Tabs=o.Tabs,exports.Tag=o.Tag,exports.Toggle=o.Toggle,exports.ToolsBannerCard=o.ToolsBannerCard,exports.UnderlinedLink=o.UnderlinedLink,exports.Uploader=o.Uploader,exports.Avatar=t.Avatar,exports.CardAuthor=t.CardAuthor,exports.DefaultComponentGlobalContextData=t.DefaultComponentGlobalContextData,exports.Dropdown=t.Dropdown,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return t.GlobalData}}),exports.Loading=t.Loading,exports.Popup=t.Popup,exports.PopupDoctor=t.PopupDoctor,exports.PopupExpert=t.PopupExpert,exports.PopupHospital=t.PopupHospital,exports.TogetherComponentGlobalContext=t.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=t.TogetherComponentGlobalContextProvider,exports.TogetherConstants=t.constants,exports.TogetherDataTransforms=t.dataTransform,exports.UserAvatar=t.UserAvatar,exports.Button=a.Button,exports.Divider=s.Divider,exports.DatePicker=i.DatePicker,exports.DoctorInfo=i.DoctorInfo,exports.Flag=i.Flag,exports.LanguageSwitcher=i.LanguageSwitcher,exports.MobileBottomNavigation=i.MobileBottomNavigation,exports.MobileBottomNavigationIcon=i.MobileBottomNavigationIcon,exports.NavigationLogoutPopup=i.NavigationLogoutPopup,exports.NavigationProfileButton=i.NavigationProfileButton,exports.NavigationV2=i.NavigationV2,exports.ProfilePopup=i.ProfilePopup,exports.Radio=i.Radio,exports.RadioGroup=i.RadioGroup,exports.ScrollList=i.ScrollList,exports.Slider=i.Slider,exports.SurveyQuestionCard=i.SurveyQuestionCard,exports.UserProfileNavigation=i.UserProfileNavigation,exports.UserProfileNavigationHeader=i.NavHeader,exports.UserProfileNavigationStats=i.UserStats,exports.getNavMenuContent=i.getNavMenuContent,exports.getNavMenuContentWithCache=i.getNavMenuContentWithCache,exports.Heading=p.Heading,exports.Input=n.Input,exports.Container=x.Container,exports.Label=x.Label,exports.Logo=x.Logo,exports.Menu=x.Menu,exports.PureInput=x.PureInput,exports.Text=x.Text,exports.TextArea=x.TextArea,exports.TextDivider=x.TextDivider,exports.Icon=l.Icon,exports.Modal=l.Modal,exports.NewBabyProfileRadio=l.NewBabyProfileRadio,exports.RadioImageGroup=l.RadioImageGroup,exports.Drawer=u.Drawer,exports.useTranslations=d.useTranslations,exports.MEASURE_ELEMENT_CLASS=g.MEASURE_ELEMENT_CLASS,exports.useScrollbarSize=g.useScrollbarSize,exports.useFbDataLayer=c.useFbDataLayer,exports.useHealthToolsCache=C.useHealthToolsCache,exports.TranslationsProvider=P.TranslationsProvider,exports.translationsMap=P.translationsMap,exports.TranslationsContext=m.TranslationsContext,exports.CardLink=b.CardLink,exports.CardPost=b.CardPost,exports.CardPostPopoverMore=b.CardPostPopoverMore,exports.CardReactions=b.CardReactions,exports.CardReply=b.CardReply,exports.CardReplyPopover=b.CardReplyPopover,exports.CreateNewPostContent=b.CreateNewPostContent,exports.CreatePostDescription=b.CreatePostDescription,exports.CreatePostTitle=b.CreatePostTitle,exports.ImagePreviewPopup=b.ImagePreviewPopup,exports.InputCommentBar=b.InputCommentBar,exports.LabelPin=b.LabelPin,exports.LabelSortPin=b.LabelSortPin,exports.LabelSorting=b.LabelSorting,exports.PopoverMenu=b.PopoverMenu,exports.PopupDanger=b.PopupDanger,exports.PopupFrame=b.PopupFrame,exports.PostContent=b.PostContent,exports.PostImagePreview=b.PostImagePreview,exports.PostSingleImageViewPopup=b.PostSingleImageViewPopup,exports.ShareBox=b.ShareBox,exports.SharePopup=b.SharePopup,exports.SocialLinkPreview=b.SocialLinkPreview,exports.SubmitReportForm=b.SubmitReportForm,exports.TagTopic=b.TagTopic,exports.TogetherAuthConfigContext=b.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=b.TogetherAuthConfigContextProvider,exports.TogetherTypes=b.types,exports.TopicSelectList=b.TopicSelectList,exports.useTogetherAuthRequiredAction=b.useTogetherAuthRequiredAction,exports.BookingSearchBar=h.BookingSearchBar,exports.CareTypes=h.types,exports.CareConstants=S.constants,exports.ageGenerate=T.ageGenerate,exports.convertLocalizedStringToNumber=T.convertLocalizedStringToNumber,exports.localizeNumberFormat=T.localizeNumberFormat,exports.Breakpoints=f.Breakpoints,exports.MediaQueries=f.MediaQueries,exports.ScreenSizeContext=f.ScreenSizeContext,exports.ScreenSizeContextProvider=f.ScreenSizeContextProvider,exports.fadeIn=f.fadeIn,exports.formatUrlWithPageParam=f.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=f.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=f.getPopupWrapperDom,exports.getWindowSizeGroups=f.getWindowSizeGroups,Object.defineProperty(exports,"lazyLoadInstance",{enumerable:!0,get:function(){return f.lazyLoadInstance}}),exports.makeParams=f.makeParams,exports.slideInDown=f.slideInDown,exports.slideInLeft=f.slideInLeft,exports.slideInRight=f.slideInRight,exports.slideInUp=f.slideInUp,exports.slideOutDown=f.slideOutDown,exports.slideOutLeft=f.slideOutLeft,exports.slideOutRight=f.slideOutRight,exports.slideOutUp=f.slideOutUp,exports.startCase=f.startCase,exports.toggleNoScroll=f.toggleNoScroll,exports.deleteCookie=v.deleteCookie,exports.getCookie=v.getCookie,exports.setCookie=v.setCookie,exports.theme=q.theme,exports.abbreviateNumber=D.abbreviateNumber,exports.formatHealthTool=y.formatHealthTool,exports.getCareApiDomain=y.getCareApiDomain,exports.getCurrentBaseUrl=y.getCurrentBaseUrl,exports.getCurrentSsoUrl=y.getCurrentSsoUrl,exports.getDiscoverApiDomain=y.getDiscoverApiDomain,exports.getDynamicHealthTool=y.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=y.getDynamicHealthToolWithCache,exports.getTogetherApiDomain=y.getTogetherApiDomain,exports.getSocialList=L.getSocialList,exports.defaultTranslations=j.defaultTranslations;

package/build/{index.styled-fa61ea0d.js → index.styled-0cf3f173.js}

@@ -1 +1 @@
-"use strict";var n=require("react"),e=require("@mantine/core"),t=require("./screenSizeContext-78ac9057.js"),i=require("./index.styled-d9a3f692.js"),o=require("./tslib.es6-e6f346c4.js"),a=require("styled-components");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var d,l,s,h=r(n),p=r(a),c=function(n){var e=n.open,t=void 0!==e&&e,o=n.onClickOutside;return h.default.createElement(i.StyledBackdrop,{"data-open":t,onClick:o})},u=p.default.div(d||(d=o.__makeTemplateObject(["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"],["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),x="hhgcomp-modal-modal",f=i.getDefaultClassWrapper(u,x),m=p.default.div(l||(l=o.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    ."," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    ."," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    ."," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    ."," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    ."," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    ."," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    ."," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    ."," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    ."," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    ."," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    ."," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    ."," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"])),x,x,x,x,x,x,t.MediaQueries.mbDown,x,t.MediaQueries.mbDown,x,t.MediaQueries.mbDown),g=p.default.div(s||(s=o.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.colors.secondaryDark}));exports.Drawer=function(o){var a=o.children,r=o.title,d=o.onClose,l=o.open,s=void 0!==l&&l,p=o.placement,u=void 0===p?"left":p,x=o.destroyOnClose,f=void 0!==x&&x,m=o.className,g=n.useRef();n.useEffect((function(){return t.toggleNoScroll(s),function(){return t.toggleNoScroll(!1)}}),[s]);var v=function(){g.current.classList.add("slideOut"),setTimeout((function(){d()}),800)};return!s&&f?null:h.default.createElement(e.Portal,null,h.default.createElement(i.StyledDrawer,{className:m,open:s},h.default.createElement(c,{open:s,onClickOutside:v}),h.default.createElement(i.StyledDrawerPanel,{open:s,placement:u,ref:g,hasTitle:Boolean(r)},h.default.createElement("div",{className:"title"},r&&h.default.createElement(i.Text,{size:"s2",type:"semiBold"},r),h.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:v},h.default.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),h.default.createElement(i.StyledDrawerContent,{onClick:function(n){return n.stopPropagation()}},a&&(h.default.isValidElement(a)?a:"function"==typeof a?a({internalClose:v}):null)))))},exports.StyledModal=f,exports.StyledModalMask=g,exports.StyledModalWrapper=m;
+"use strict";var n=require("react"),e=require("@mantine/core"),t=require("./screenSizeContext-78ac9057.js"),i=require("./index.styled-0e45c3b3.js"),o=require("./tslib.es6-e6f346c4.js"),a=require("styled-components");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var l,d,s,h=r(n),p=r(a),c=function(n){var e=n.open,t=void 0!==e&&e,o=n.onClickOutside;return h.default.createElement(i.StyledBackdrop,{"data-open":t,onClick:o})},u=p.default.div(l||(l=o.__makeTemplateObject(["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"],["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),x="hhgcomp-modal-modal",f=i.getDefaultClassWrapper(u,x),m=p.default.div(d||(d=o.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    ."," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    ."," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    ."," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    ."," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    ."," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    ."," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    ."," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    ."," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    ."," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    ."," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    ."," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    ."," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"])),x,x,x,x,x,x,t.MediaQueries.mbDown,x,t.MediaQueries.mbDown,x,t.MediaQueries.mbDown),g=p.default.div(s||(s=o.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.colors.secondaryDark}));exports.Drawer=function(o){var a=o.children,r=o.title,l=o.onClose,d=o.open,s=void 0!==d&&d,p=o.placement,u=void 0===p?"left":p,x=o.destroyOnClose,f=void 0!==x&&x,m=o.className,g=n.useRef();n.useEffect((function(){return t.toggleNoScroll(s),function(){return t.toggleNoScroll(!1)}}),[s]);var v=function(){g.current.classList.add("slideOut"),setTimeout((function(){l()}),800)};return!s&&f?null:h.default.createElement(e.Portal,null,h.default.createElement(i.StyledDrawer,{className:m,open:s},h.default.createElement(c,{open:s,onClickOutside:v}),h.default.createElement(i.StyledDrawerPanel,{open:s,placement:u,ref:g,hasTitle:Boolean(r)},h.default.createElement("div",{className:"title"},r&&h.default.createElement(i.Text,{size:"s2",type:"semiBold"},r),h.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:v},h.default.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),h.default.createElement(i.StyledDrawerContent,{onClick:function(n){return n.stopPropagation()}},a&&(h.default.isValidElement(a)?a:"function"==typeof a?a({internalClose:v}):null)))))},exports.StyledModal=f,exports.StyledModalMask=g,exports.StyledModalWrapper=m;