@hhgtech/hhg-components 1.21.86 → 1.21.87

package/build/esm/index.js

@@ -1 +1 @@
-export{i as Types}from"./index-62c22dbe.js";export{i as Constants}from"./index-9dd60ba6.js";export{A as Alert,E as AmpNextPage,f as ArticleCard,u as BMICardEmbed,y as BMRCardEmbed,v as BabyGrowthCardEmbed,w as BabyPoopEmbed,B as Badge,a as BorderHeading,g as Breadcrumbs,m as Carousel,h as CategoryCard,C as Checkbox,i as CheckboxGroup,s as CookieAcceptConfirm,H as DateRangePicker,D as DueDateCardEmbed,F as FileDropdown,r as FloatButtonGroup,G as Grid,I as IconText,O as OvulationCardEmbed,z as PWGCardEmbed,P as Pagination,e as Progress,j as ProgressBar,R as RateStars,l as ScrollList,t as SeoHead,S as Shadow,J as ShareContainer,K as ShareDrawer,k as SideMenu,n as StatisticCard,q as SurveyThankyouCard,x as THRCardEmbed,o as Table,p as Tabs,T as Tag,d as TextDivider,b as Toggle,U as UnderlinedLink,c as Uploader}from"./index-bb3c4bf9.js";export{A as Avatar,P as Popup,d as TogetherDataTransforms,U as UserAvatar}from"./index-00262df6.js";export{B as Button}from"./index-c4be547e.js";export{A as AuthorBadge,D as Divider}from"./index-dd4f46cd.js";export{F as Flag,L as LanguageSwitcher,d as NavigationLogoutPopup,e as NavigationProfileButton,N as NavigationV2,P as ProfilePopup,U as UserProfileNavigation,b as UserProfileNavigationHeader,c as UserProfileNavigationStats,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-1010794b.js";export{H as Heading}from"./index-6ebadd9f.js";export{I as Input}from"./index-fac4e2c1.js";export{L as Label}from"./index-64080428.js";export{C as Container,L as Logo}from"./index-34929038.js";export{P as PureInput}from"./index.styled-9ccca63b.js";export{D as DatePicker,b as DoctorInfo,M as MobileBottomNavigation,d as MobileBottomNavigationIcon,P as PillCarousel,R as Radio,a as RadioGroup,S as Slider,c as SurveyQuestionCard,T as TextArea,e as ToolsBannerCard}from"./index-d447f338.js";export{T as Text}from"./index-db100bfe.js";export{C as CustomReferenceDot,D as Drawer,I as Icon,M as Menu,a as Modal,N as NewBabyProfileRadio,R as RadioImageGroup}from"./index-2b3240c1.js";export{D as Dropdown}from"./index-509de1e7.js";export{Footer}from"./footer.js";export{u as useTranslations}from"./useTranslations-b3eb31ef.js";export{M as MEASURE_ELEMENT_CLASS,u as useScrollbarSize}from"./useScrollbarSize-99db33e1.js";export{u as useFbDataLayer}from"./useFbDataLayer-378a3308.js";export{u as useHealthToolsCache}from"./useHealthToolCache-9718433c.js";export{T as TranslationsProvider,t as translationsMap}from"./translationsProvider-3b337b3a.js";export{T as TranslationsContext,d as defaultTranslations}from"./translationsContext-e7808c8f.js";export{g as CardAuthor,C as CardLink,y as CardPost,z as CardPostPopoverMore,b as CardReactions,A as CardReply,B as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,D as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,q as ShareBox,S as SharePopup,x as SocialLinkPreview,p as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-6ad6d4c9.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants}from"./utils-13b25141.js";export{B as BookingSearchBar,t as CareTypes}from"./types-6cfd04f0.js";export{c as CareConstants}from"./constants-a0a981fa.js";export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-ec8c08da.js";export{h as fadeIn,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./animation-1f84197a.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-0e8521c3.js";export{l as lazyLoadInstance}from"./lazyLoad-59e8ff6d.js";import"react";import"styled-components";export{t as theme}from"./theme-a50a1aa5.js";export{S as ScreenSizeContext,b as ScreenSizeContextProvider,a as abbreviateNumber,f as formatPill,g as getWindowSizeGroups}from"./dataTransform-bd799f5a.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-2d333f69.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,m as makeParams,b as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-11febb09.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-896e1eee.js";export{g as getSocialList}from"./getSocialList-8f93036b.js";import"./Locale-69030fff.js";import"./isProduction-6fc0946c.js";import"./tslib.es6-44f7e5ec.js";import"./defaultClassWrapper-4144361d.js";import"lodash/throttle";import"keen-slider/react";import"./gAssets.js";import"react-hook-form";import"./index-0f2ac9f2.js";import"@mantine/core";import"@mantine/hooks";import"@mantine/carousel";import"date-fns";import"./useOutsideClick-6004483a.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./core-341c626a.js";import"dayjs";import"dayjs/plugin/relativeTime";import"string-format";import"lodash/debounce";import"@hookform/resolvers/yup";import"./index-1f8da9eb.js";import"react-range";import"./types-f57c9932.js";import"react-day-picker/DayPickerInput";import"./FullScreen-7153b23e.js";import"react-dom";import"recharts";import"lodash/chunk";import"innertext";import"react-contenteditable";import"slugify";import"react-loading-skeleton";import"lodash/shuffle";import"vanilla-lazyload";
+export{i as Types}from"./index-62c22dbe.js";export{i as Constants}from"./index-9dd60ba6.js";export{A as Alert,E as AmpNextPage,f as ArticleCard,u as BMICardEmbed,y as BMRCardEmbed,v as BabyGrowthCardEmbed,w as BabyPoopEmbed,B as Badge,a as BorderHeading,g as Breadcrumbs,m as Carousel,h as CategoryCard,C as Checkbox,i as CheckboxGroup,s as CookieAcceptConfirm,H as DateRangePicker,D as DueDateCardEmbed,F as FileDropdown,r as FloatButtonGroup,G as Grid,I as IconText,O as OvulationCardEmbed,z as PWGCardEmbed,P as Pagination,e as Progress,j as ProgressBar,R as RateStars,l as ScrollList,t as SeoHead,S as Shadow,J as ShareContainer,K as ShareDrawer,k as SideMenu,n as StatisticCard,q as SurveyThankyouCard,x as THRCardEmbed,o as Table,p as Tabs,T as Tag,d as TextDivider,b as Toggle,U as UnderlinedLink,c as Uploader}from"./index-6e8b940a.js";export{A as Avatar,P as Popup,d as TogetherDataTransforms,U as UserAvatar}from"./index-00262df6.js";export{B as Button}from"./index-c4be547e.js";export{A as AuthorBadge,D as Divider}from"./index-dd4f46cd.js";export{F as Flag,L as LanguageSwitcher,d as NavigationLogoutPopup,e as NavigationProfileButton,N as NavigationV2,P as ProfilePopup,U as UserProfileNavigation,b as UserProfileNavigationHeader,c as UserProfileNavigationStats,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-1010794b.js";export{H as Heading}from"./index-6ebadd9f.js";export{I as Input}from"./index-fac4e2c1.js";export{L as Label}from"./index-64080428.js";export{C as Container,L as Logo}from"./index-34929038.js";export{P as PureInput}from"./index.styled-9ccca63b.js";export{D as DatePicker,b as DoctorInfo,M as MobileBottomNavigation,d as MobileBottomNavigationIcon,P as PillCarousel,R as Radio,a as RadioGroup,S as Slider,c as SurveyQuestionCard,T as TextArea,e as ToolsBannerCard}from"./index-e9896017.js";export{T as Text}from"./index-db100bfe.js";export{C as CustomReferenceDot,D as Drawer,I as Icon,M as Menu,a as Modal,N as NewBabyProfileRadio,R as RadioImageGroup}from"./index-80bee14c.js";export{D as Dropdown}from"./index-509de1e7.js";export{Footer}from"./footer.js";export{u as useTranslations}from"./useTranslations-b3eb31ef.js";export{M as MEASURE_ELEMENT_CLASS,u as useScrollbarSize}from"./useScrollbarSize-99db33e1.js";export{u as useFbDataLayer}from"./useFbDataLayer-378a3308.js";export{u as useHealthToolsCache}from"./useHealthToolCache-9718433c.js";export{T as TranslationsProvider,t as translationsMap}from"./translationsProvider-3b337b3a.js";export{T as TranslationsContext,d as defaultTranslations}from"./translationsContext-e7808c8f.js";export{g as CardAuthor,C as CardLink,y as CardPost,z as CardPostPopoverMore,b as CardReactions,A as CardReply,B as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,D as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,q as ShareBox,S as SharePopup,x as SocialLinkPreview,p as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-6ad6d4c9.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants}from"./utils-13b25141.js";export{B as BookingSearchBar,t as CareTypes}from"./types-6cfd04f0.js";export{c as CareConstants}from"./constants-a0a981fa.js";export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-ec8c08da.js";export{h as fadeIn,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./animation-1f84197a.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-0e8521c3.js";export{l as lazyLoadInstance}from"./lazyLoad-59e8ff6d.js";import"react";import"styled-components";export{t as theme}from"./theme-a50a1aa5.js";export{S as ScreenSizeContext,b as ScreenSizeContextProvider,a as abbreviateNumber,f as formatPill,g as getWindowSizeGroups}from"./dataTransform-bd799f5a.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-2d333f69.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,m as makeParams,b as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-11febb09.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-896e1eee.js";export{g as getSocialList}from"./getSocialList-8f93036b.js";import"./Locale-69030fff.js";import"./isProduction-6fc0946c.js";import"./tslib.es6-44f7e5ec.js";import"./defaultClassWrapper-4144361d.js";import"lodash/throttle";import"keen-slider/react";import"./gAssets.js";import"react-hook-form";import"./index-129f52d4.js";import"@mantine/core";import"@mantine/hooks";import"@mantine/carousel";import"date-fns";import"./useOutsideClick-6004483a.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./core-341c626a.js";import"dayjs";import"dayjs/plugin/relativeTime";import"string-format";import"lodash/debounce";import"@hookform/resolvers/yup";import"./index-1f8da9eb.js";import"react-range";import"./types-f57c9932.js";import"react-day-picker/DayPickerInput";import"./FullScreen-7153b23e.js";import"react-dom";import"recharts";import"lodash/chunk";import"innertext";import"react-contenteditable";import"slugify";import"react-loading-skeleton";import"lodash/shuffle";import"vanilla-lazyload";

package/build/esm/mantine.js

@@ -1 +1 @@
-import{c as n,a as t,_ as r}from"./tslib.es6-44f7e5ec.js";import o,{useMemo as i,useState as a,useEffect as c}from"react";import{Autocomplete as l,Image as s,Select as d,Badge as m,Spoiler as u,Accordion as p,Indicator as h,Avatar as f,LoadingOverlay as g,Checkbox as v,Slider as b,Radio as w,Switch as x,MantineProvider as k}from"@mantine/core";import{CommonGAssets as y}from"./gAssets.js";import{DatePicker as E,DateRangePicker as S}from"@mantine/dates";import A,{css as P}from"styled-components";import{t as j}from"./theme-a50a1aa5.js";import{T as z}from"./index-db100bfe.js";import{u as B}from"./useTranslations-b3eb31ef.js";import{D as H,a as L}from"./index-0f2ac9f2.js";export{C as CentralCarousel,I as Input,e as emotionCache}from"./index-0f2ac9f2.js";import{Carousel as R}from"@mantine/carousel";import{useDebouncedValue as D}from"@mantine/hooks";import{B as M}from"./index-c4be547e.js";import{g as T}from"./defaultClassWrapper-4144361d.js";import{L as W}from"./Locale-69030fff.js";import"./index-9dd60ba6.js";import"./isProduction-6fc0946c.js";import"./utils-11febb09.js";import"./translationsContext-e7808c8f.js";import"string-format";var G,O,F,N,U=function(e){var r=e.keepSearch,i=void 0!==r&&r,a=n(e,["keepSearch"]);return i?o.createElement(l,t({rightSection:o.createElement(s,{src:y.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},a)):o.createElement(d,t({rightSection:o.createElement(s,{src:y.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},a))},V=A(E)(O||(O=r(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&P(G||(G=r(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),q=A(S)(N||(N=r(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&P(F||(F=r(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),_=function(n){return o.createElement(V,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(s,{src:y.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};_.Range=function(n){return o.createElement(q,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(s,{src:y.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var J,K=function(e){var r=e.color,i=void 0===r?j.colors.primaryBase:r,a=n(e,["color"]);return o.createElement(m,t({variant:"filled",color:i,styles:{root:{borderRadius:"2px",background:i,textTransform:"unset"}}},a))},Q=function(e){var r=e.children,a=e.line,c=e.lineHeight,l=e.trackingAttributes,s=e.maxHeight,d=n(e,["children","line","lineHeight","trackingAttributes","maxHeight"]),m=B().t,p=i((function(){return s||(a&&c?a*c:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);r||console.error("[HHG-Comp]:[Spoiler] Please provide children");var h=i((function(){return l?{"data-event-category":l.dataEventCategory,"data-event-action":l.dataEventAction,"data-event-label":l.dataEventLabel}:{}}),[l]);return o.createElement(u,t({showLabel:o.createElement(z,t({size:"p3",color:j.colors.primaryBase},h),m("articlePage.readMore")),hideLabel:o.createElement(z,t({size:"p3",color:j.colors.primaryBase},h),m("articlePage.showLess"))},d,{maxHeight:p}),r)},X=A(p)(J||(J=r(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(n){return n.closeChevron||y.getAssetPath("plus-icon.svg")}),(function(n){return n.openChevron||y.getAssetPath("minus-icon.svg")})),Y=function(e){var r=e.children,i=n(e,["children"]);return o.createElement(X,t({chevron:o.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},i),r)};Y.Control=p.Control,Y.Item=p.Item,Y.Panel=p.Panel;var Z=y.getAssetPath("avatar.jpg"),$=function(e){var r=e.withIndicator,i=void 0!==r&&r,a=e.indicatorConfig,c=void 0===a?null:a,l=e.size,s=void 0===l?56:l,d=e.children,m=n(e,["withIndicator","indicatorConfig","size","children"]),u=function(){return o.createElement(f,t({size:s,radius:"xl"},m),d||o.createElement("img",{src:Z,width:s}))};return i?o.createElement(h,t({inline:!0,position:"bottom-end",offset:9},c,{styles:{indicator:{backgroundColor:o.isValidElement(c.label)&&"transparent"}}}),u()):u()},nn=function(n){return o.createElement(g,t({loaderProps:{color:j.colors.primaryBase}},n))},en=function(e){var r=e.slidesToShow,i=void 0===r?1:r,a=e.children,c=n(e,["slidesToShow","children"]);return o.createElement(R,t({slideSize:String(Math.floor(1/i*100))+"%",containScroll:"trimSnaps"},c),a)};en.Slide=R.Slide;var tn=function(n){return o.createElement(v,t({},n))};tn.Group=v.Group;var rn,on,an,cn="hhgcomp-mantine-slider-slider",ln=T(A(b)(rn||(rn=r(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.color||n.theme.colors.primaryBase})),cn),sn=A.div(on||(on=r(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),cn),dn=function(e){var r=e.color,i=void 0===r?j.colors.primaryBase:r,l=e.withControl,s=e.onChange,d=e.value,m=e.min,u=e.max,p=e.isStatic,h=n(e,["color","withControl","onChange","value","min","max","isStatic"]),f=a(d||m||0),g=f[0],v=f[1],b=D(g,H)[0];return c((function(){null==s||s(b)}),[b]),o.createElement(sn,null,l&&o.createElement(M,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(n){return m&&n===m?n:n-1}))}},o.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.createElement("path",{d:"M1 1.004h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.createElement(ln,t({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:g,onChange:p?function(){return null}:v,min:m,max:u},h)),l&&o.createElement(M,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(n){return u&&n===u?n:n+1}))}},o.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.createElement("path",{d:"M8 4v8M4 8h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},mn=A(w)(an||(an=r(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(n){return n.color||j.colors.primaryBase})),un=function(n){return o.createElement(mn,t({size:"sm"},n))};un.Group=w.Group;var pn,hn,fn=A(x)(pn||(pn=r(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"]))),gn=((hn={})[W.Vietnam]="vi",hn[W.Cambodia]="km",hn[W.India]="hi",hn[W.Indonesia]="id",hn[W.Malaysia]="ms",hn[W.Thailand]="th",hn[W.Taiwan]="zh-tw",hn[W.PhilippinesTagalog]="tl-ph",hn[W.PhilippinesEnglish]="en",hn[W.Myanmar]="my",hn),vn=function(n){c((function(){gn[n]&&require("dayjs/locale/".concat(gn[n],".js"))}),[n])},bn={"&:hover":{borderColor:"".concat(j.colors.blue200),boxShadow:"0 0 2px 2px ".concat(j.colors.blue200)}},wn=function(n){return{datesLocale:gn[n],dateFormat:L[n].dateFormat,fontFamily:n===W.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:L[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(j.colors.blue200),boxShadow:"0 0 2px 2px ".concat(j.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:bn}},Radio:{styles:{radio:t(t({backgroundColor:"#ffffff"},bn),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},xn=function(e){var r=e.children,i=e.locale,a=n(e,["children","locale"]);return vn(i),o.createElement(k,t({theme:wn(i)},a),r)};export{Y as Accordion,$ as Avatar,K as Badge,en as Carousel,tn as Checkbox,_ as DatePicker,nn as LoadingOverlay,gn as MAPPED_LOCALE,xn as MantineProvider,un as Radio,U as Select,dn as Slider,Q as Spoiler,fn as Switch,wn as getMantineThemeOverride,vn as useMantineLocale};
+import{c as n,a as t,_ as r}from"./tslib.es6-44f7e5ec.js";import o,{useMemo as i,useState as a,useEffect as c}from"react";import{Autocomplete as l,Image as s,Select as d,Badge as m,Spoiler as u,Accordion as p,Indicator as h,Avatar as f,LoadingOverlay as g,Checkbox as v,Slider as b,Radio as w,Switch as x,MantineProvider as k}from"@mantine/core";import{CommonGAssets as y}from"./gAssets.js";import{DatePicker as E,DateRangePicker as S}from"@mantine/dates";import A,{css as P}from"styled-components";import{t as j}from"./theme-a50a1aa5.js";import{T as z}from"./index-db100bfe.js";import{u as B}from"./useTranslations-b3eb31ef.js";import{D as H,a as L}from"./index-129f52d4.js";export{C as CentralCarousel,I as Input,e as emotionCache}from"./index-129f52d4.js";import{Carousel as R}from"@mantine/carousel";import{useDebouncedValue as D}from"@mantine/hooks";import{B as M}from"./index-c4be547e.js";import{g as T}from"./defaultClassWrapper-4144361d.js";import{L as W}from"./Locale-69030fff.js";import"./index-9dd60ba6.js";import"./isProduction-6fc0946c.js";import"./utils-11febb09.js";import"./translationsContext-e7808c8f.js";import"string-format";var G,O,F,N,U=function(e){var r=e.keepSearch,i=void 0!==r&&r,a=n(e,["keepSearch"]);return i?o.createElement(l,t({rightSection:o.createElement(s,{src:y.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},a)):o.createElement(d,t({rightSection:o.createElement(s,{src:y.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},a))},V=A(E)(O||(O=r(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&P(G||(G=r(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),q=A(S)(N||(N=r(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&P(F||(F=r(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),_=function(n){return o.createElement(V,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(s,{src:y.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};_.Range=function(n){return o.createElement(q,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(s,{src:y.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var J,K=function(e){var r=e.color,i=void 0===r?j.colors.primaryBase:r,a=n(e,["color"]);return o.createElement(m,t({variant:"filled",color:i,styles:{root:{borderRadius:"2px",background:i,textTransform:"unset"}}},a))},Q=function(e){var r=e.children,a=e.line,c=e.lineHeight,l=e.trackingAttributes,s=e.maxHeight,d=n(e,["children","line","lineHeight","trackingAttributes","maxHeight"]),m=B().t,p=i((function(){return s||(a&&c?a*c:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);r||console.error("[HHG-Comp]:[Spoiler] Please provide children");var h=i((function(){return l?{"data-event-category":l.dataEventCategory,"data-event-action":l.dataEventAction,"data-event-label":l.dataEventLabel}:{}}),[l]);return o.createElement(u,t({showLabel:o.createElement(z,t({size:"p3",color:j.colors.primaryBase},h),m("articlePage.readMore")),hideLabel:o.createElement(z,t({size:"p3",color:j.colors.primaryBase},h),m("articlePage.showLess"))},d,{maxHeight:p}),r)},X=A(p)(J||(J=r(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(n){return n.closeChevron||y.getAssetPath("plus-icon.svg")}),(function(n){return n.openChevron||y.getAssetPath("minus-icon.svg")})),Y=function(e){var r=e.children,i=n(e,["children"]);return o.createElement(X,t({chevron:o.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},i),r)};Y.Control=p.Control,Y.Item=p.Item,Y.Panel=p.Panel;var Z=y.getAssetPath("avatar.jpg"),$=function(e){var r=e.withIndicator,i=void 0!==r&&r,a=e.indicatorConfig,c=void 0===a?null:a,l=e.size,s=void 0===l?56:l,d=e.children,m=n(e,["withIndicator","indicatorConfig","size","children"]),u=function(){return o.createElement(f,t({size:s,radius:"xl"},m),d||o.createElement("img",{src:Z,width:s}))};return i?o.createElement(h,t({inline:!0,position:"bottom-end",offset:9},c,{styles:{indicator:{backgroundColor:o.isValidElement(c.label)&&"transparent"}}}),u()):u()},nn=function(n){return o.createElement(g,t({loaderProps:{color:j.colors.primaryBase}},n))},en=function(e){var r=e.slidesToShow,i=void 0===r?1:r,a=e.children,c=n(e,["slidesToShow","children"]);return o.createElement(R,t({slideSize:String(Math.floor(1/i*100))+"%",containScroll:"trimSnaps"},c),a)};en.Slide=R.Slide;var tn=function(n){return o.createElement(v,t({},n))};tn.Group=v.Group;var rn,on,an,cn="hhgcomp-mantine-slider-slider",ln=T(A(b)(rn||(rn=r(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.color||n.theme.colors.primaryBase})),cn),sn=A.div(on||(on=r(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),cn),dn=function(e){var r=e.color,i=void 0===r?j.colors.primaryBase:r,l=e.withControl,s=e.onChange,d=e.value,m=e.min,u=e.max,p=e.isStatic,h=n(e,["color","withControl","onChange","value","min","max","isStatic"]),f=a(d||m||0),g=f[0],v=f[1],b=D(g,H)[0];return c((function(){null==s||s(b)}),[b]),o.createElement(sn,null,l&&o.createElement(M,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(n){return m&&n===m?n:n-1}))}},o.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.createElement("path",{d:"M1 1.004h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.createElement(ln,t({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:g,onChange:p?function(){return null}:v,min:m,max:u},h)),l&&o.createElement(M,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(n){return u&&n===u?n:n+1}))}},o.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.createElement("path",{d:"M8 4v8M4 8h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},mn=A(w)(an||(an=r(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(n){return n.color||j.colors.primaryBase})),un=function(n){return o.createElement(mn,t({size:"sm"},n))};un.Group=w.Group;var pn,hn,fn=A(x)(pn||(pn=r(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"]))),gn=((hn={})[W.Vietnam]="vi",hn[W.Cambodia]="km",hn[W.India]="hi",hn[W.Indonesia]="id",hn[W.Malaysia]="ms",hn[W.Thailand]="th",hn[W.Taiwan]="zh-tw",hn[W.PhilippinesTagalog]="tl-ph",hn[W.PhilippinesEnglish]="en",hn[W.Myanmar]="my",hn),vn=function(n){c((function(){gn[n]&&require("dayjs/locale/".concat(gn[n],".js"))}),[n])},bn={"&:hover":{borderColor:"".concat(j.colors.blue200),boxShadow:"0 0 2px 2px ".concat(j.colors.blue200)}},wn=function(n){return{datesLocale:gn[n],dateFormat:L[n].dateFormat,fontFamily:n===W.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:L[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(j.colors.blue200),boxShadow:"0 0 2px 2px ".concat(j.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:bn}},Radio:{styles:{radio:t(t({backgroundColor:"#ffffff"},bn),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},xn=function(e){var r=e.children,i=e.locale,a=n(e,["children","locale"]);return vn(i),o.createElement(k,t({theme:wn(i)},a),r)};export{Y as Accordion,$ as Avatar,K as Badge,en as Carousel,tn as Checkbox,_ as DatePicker,nn as LoadingOverlay,gn as MAPPED_LOCALE,xn as MantineProvider,un as Radio,U as Select,dn as Slider,Q as Spoiler,fn as Switch,wn as getMantineThemeOverride,vn as useMantineLocale};

package/build/esm/pwg.js

@@ -1 +1 @@
-import{a as e,_ as t,c as n}from"./tslib.es6-44f7e5ec.js";import r,{useMemo as i,useState as a,useRef as o}from"react";import{T as l}from"./index-db100bfe.js";import{t as c}from"./theme-a50a1aa5.js";import"./index-6ebadd9f.js";import{P as s}from"./index-d447f338.js";import"./index-509de1e7.js";import"date-fns";import"react-day-picker/DayPickerInput";import"./utils-13b25141.js";import"lodash/debounce";import"react-dom";import{C as p}from"./index-2b3240c1.js";import"lodash/throttle";import"keen-slider/react";import"./index-9dd60ba6.js";import"./index-34929038.js";import{u as m}from"./useTranslations-b3eb31ef.js";import"./gAssets.js";import"react-hook-form";import"./FullScreen-7153b23e.js";import"./index-1f8da9eb.js";import"./index-0f2ac9f2.js";import"./isProduction-6fc0946c.js";import"@mantine/core";import"./index-c4be547e.js";import"./Locale-69030fff.js";import"./index-64080428.js";import"react-range";import"./index-fac4e2c1.js";import"./index.styled-9ccca63b.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./utils-11febb09.js";import{ResponsiveContainer as d,AreaChart as u,CartesianGrid as f,Tooltip as g,XAxis as x,YAxis as h,Area as b,ReferenceDot as y}from"recharts";import{u as v}from"./useOutsideClick-6004483a.js";import k from"styled-components";import"./defaultClassWrapper-4144361d.js";import"@hookform/resolvers/yup";import"dayjs";import"./types-f57c9932.js";import"./useHealthToolCache-9718433c.js";import"./getDynamicHealthTool-896e1eee.js";import"./core-341c626a.js";import"./routing-2d333f69.js";import"./cookieHelper-0e8521c3.js";import"slugify";import"string-format";import"./animation-1f84197a.js";import"./useScrollbarSize-99db33e1.js";import"lodash/chunk";import"./translationsContext-e7808c8f.js";import"@mantine/hooks";import"@mantine/carousel";var w,E,j,W,B=function(t){var n=t.weightByWeek,r=t.weightBefore,i=t.toolTipLabel,a=t.status,o=t.activeWeek,l=(0,t.t)("bmi.result.".concat(a));return n.map((function(t){return e({name:t.week,min:r+t.min,difference:t.max-t.min,max:r+t.max},t.week===o?{toolTipLabel:i,status:l}:{})}))},z=function(e){var t=e.x,n=e.y,i=e.payload;return e.activeWeek===i.value?r.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},r.createElement("circle",{r:12,fill:c.colors.primaryBase}),r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:c.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},i.value)):r.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:c.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},i.value))},S=k.div(w||(w=t(["\n  /* position: absolute; */\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n  padding: 8px;\n  gap: 14px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  }\n  .tooltip {\n    text-align: left;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n  padding: 8px;\n  gap: 14px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  }\n  .tooltip {\n    text-align: left;\n  }\n"])),c.colors.yellow600),T=k.div(E||(E=t(["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),L=k.div(j||(j=t(["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"]))),C=[{name:"overweight",color:c.colors.red600},{name:"underweight",color:c.colors.yellow600},{name:"healthy",color:c.colors.green600}],N=function(e){var t,n=e.payload,a=e.active,o=null===(t=null==n?void 0:n[0])||void 0===t?void 0:t.payload;if(!o||!o.toolTipLabel||!a)return null;var s=i((function(){var e;return null===(e=C.find((function(e){return e.name===o.status})))||void 0===e?void 0:e.color}),[null==o?void 0:o.status]);return r.createElement(S,null,r.createElement("div",{className:"risk",style:{backgroundColor:s}},r.createElement(l,{size:"s3",color:c.colors.white,type:"semiBold"},o.status)),r.createElement("div",{className:"tooltip"},(o.toolTipLabel||[]).map((function(e){return e}))))},I=function(t){var n=t.weightBefore,s=t.weightByWeek,k=t.activeWeek,w=t.currentWeight,E=t.toolTipLabel,j=void 0===E?[]:E,W=t.status,S=t.withLine,L=void 0!==S&&S,C=m().t,I=i((function(){return B({weightByWeek:s,weightBefore:n,toolTipLabel:j,status:W,activeWeek:k,t:C})}),[s,n,j,W,k]),M=a(!1),A=M[0],P=M[1],F=o(null);return v(F,(function(){return P(!1)})),r.createElement(T,null,r.createElement(l,{size:"n1",color:c.colors.gray500},C("babyGrowth.weight")," ",C("pregnancyWeightGain.weightInput.desc")),Array.isArray(I)&&I.length>0&&r.createElement(T,null,r.createElement(d,{height:388,className:"chart"},r.createElement(u,{data:I,margin:{top:16,right:0,left:0}},r.createElement(f,{stroke:c.colors.neutral100}),r.createElement(g,{trigger:"click",content:function(t){return r.createElement(N,e({active:!L&&A&&void 0!==k&&void 0!==w},t))}}),r.createElement(x,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,t){return t+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(t){return r.createElement(z,e({},t,{activeWeek:k}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),r.createElement(h,{domain:[function(e){return Math.max(e,n-10||e)},function(e){return Math.max(e,n+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:c.colors.gray600}}),r.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),r.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:c.colors.blue100}),void 0!==k&&void 0!==w&&r.createElement(y,{onClick:function(){return P(!0)},x:0===k?1:k,y:w,r:4,shape:r.createElement(p,{ref:F,r:4}),fill:c.colors.primaryBase,stroke:c.colors.primaryBase}))),r.createElement("div",{className:"custom-chart-label"},r.createElement("i",null),r.createElement(l,{size:"n1",color:c.colors.gray500},C("pregnancy.week")))))},M=function(t){var i=t.color,a=n(t,["color"]);return r.createElement("svg",e({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),r.createElement("circle",{cx:"4",cy:"4",r:"4",fill:i||c.colors.primaryBase}))},A=function(e){var t=e.idealWeight,n=m().t;return r.createElement(L,null,r.createElement("div",null,r.createElement(M,{color:c.colors.blue100}),r.createElement(l,{size:"n1",color:c.colors.gray600},r.createElement(l,{size:"n1",as:"span"},n("pregnancyTool.weightSuggested")," "),r.createElement(l,{size:"n1",color:c.colors.gray800,type:"bold",as:"span"},t))),r.createElement("div",null,r.createElement(M,null),r.createElement(l,{size:"n1",color:c.colors.gray600},n("pwg.placeholder.weight"))))},P=k.div(W||(W=t(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"])),c.colors.neutral100),F=function(t){var n=t.chartProps,i=t.pillCarouselProps,a=t.idealWeight,o=t.description,p=m().t;return r.createElement(P,null,r.createElement("div",{className:"chart-header"},r.createElement(l,{size:"s1",type:"semiBold",color:c.colors.gray800},p("pregnancyTool.weightSuggested")),o&&o),r.createElement(s,e({},i)),r.createElement("div",null,r.createElement(A,{idealWeight:a}),r.createElement(I,e({},n))))};export{F as PregnancyWeightGainChart};
+import{a as e,_ as t,c as n}from"./tslib.es6-44f7e5ec.js";import r,{useMemo as i,useState as a,useRef as o}from"react";import{T as l}from"./index-db100bfe.js";import{t as c}from"./theme-a50a1aa5.js";import"./index-6ebadd9f.js";import{P as s}from"./index-e9896017.js";import"./index-509de1e7.js";import"date-fns";import"react-day-picker/DayPickerInput";import"./utils-13b25141.js";import"lodash/debounce";import"react-dom";import{C as p}from"./index-80bee14c.js";import"lodash/throttle";import"keen-slider/react";import"./index-9dd60ba6.js";import"./index-34929038.js";import{u as m}from"./useTranslations-b3eb31ef.js";import"./gAssets.js";import"react-hook-form";import"./FullScreen-7153b23e.js";import"./index-1f8da9eb.js";import"./index-129f52d4.js";import"./isProduction-6fc0946c.js";import"@mantine/core";import"./index-c4be547e.js";import"./Locale-69030fff.js";import"./index-64080428.js";import"react-range";import"./index-fac4e2c1.js";import"./index.styled-9ccca63b.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./utils-11febb09.js";import{ResponsiveContainer as d,AreaChart as u,CartesianGrid as f,Tooltip as g,XAxis as x,YAxis as h,Area as b,ReferenceDot as y}from"recharts";import{u as v}from"./useOutsideClick-6004483a.js";import k from"styled-components";import"./defaultClassWrapper-4144361d.js";import"@hookform/resolvers/yup";import"dayjs";import"./types-f57c9932.js";import"./useHealthToolCache-9718433c.js";import"./getDynamicHealthTool-896e1eee.js";import"./core-341c626a.js";import"./routing-2d333f69.js";import"./cookieHelper-0e8521c3.js";import"slugify";import"string-format";import"./animation-1f84197a.js";import"./useScrollbarSize-99db33e1.js";import"lodash/chunk";import"./translationsContext-e7808c8f.js";import"@mantine/hooks";import"@mantine/carousel";var w,E,j,W,B=function(t){var n=t.weightByWeek,r=t.weightBefore,i=t.toolTipLabel,a=t.status,o=t.activeWeek,l=(0,t.t)("bmi.result.".concat(a));return n.map((function(t){return e({name:t.week,min:r+t.min,difference:t.max-t.min,max:r+t.max},t.week===o?{toolTipLabel:i,status:l}:{})}))},z=function(e){var t=e.x,n=e.y,i=e.payload;return e.activeWeek===i.value?r.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},r.createElement("circle",{r:12,fill:c.colors.primaryBase}),r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:c.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},i.value)):r.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:c.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},i.value))},S=k.div(w||(w=t(["\n  /* position: absolute; */\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n  padding: 8px;\n  gap: 14px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  }\n  .tooltip {\n    text-align: left;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n  padding: 8px;\n  gap: 14px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  }\n  .tooltip {\n    text-align: left;\n  }\n"])),c.colors.yellow600),T=k.div(E||(E=t(["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),L=k.div(j||(j=t(["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"]))),C=[{name:"overweight",color:c.colors.red600},{name:"underweight",color:c.colors.yellow600},{name:"healthy",color:c.colors.green600}],N=function(e){var t,n=e.payload,a=e.active,o=null===(t=null==n?void 0:n[0])||void 0===t?void 0:t.payload;if(!o||!o.toolTipLabel||!a)return null;var s=i((function(){var e;return null===(e=C.find((function(e){return e.name===o.status})))||void 0===e?void 0:e.color}),[null==o?void 0:o.status]);return r.createElement(S,null,r.createElement("div",{className:"risk",style:{backgroundColor:s}},r.createElement(l,{size:"s3",color:c.colors.white,type:"semiBold"},o.status)),r.createElement("div",{className:"tooltip"},(o.toolTipLabel||[]).map((function(e){return e}))))},I=function(t){var n=t.weightBefore,s=t.weightByWeek,k=t.activeWeek,w=t.currentWeight,E=t.toolTipLabel,j=void 0===E?[]:E,W=t.status,S=t.withLine,L=void 0!==S&&S,C=m().t,I=i((function(){return B({weightByWeek:s,weightBefore:n,toolTipLabel:j,status:W,activeWeek:k,t:C})}),[s,n,j,W,k]),M=a(!1),A=M[0],P=M[1],F=o(null);return v(F,(function(){return P(!1)})),r.createElement(T,null,r.createElement(l,{size:"n1",color:c.colors.gray500},C("babyGrowth.weight")," ",C("pregnancyWeightGain.weightInput.desc")),Array.isArray(I)&&I.length>0&&r.createElement(T,null,r.createElement(d,{height:388,className:"chart"},r.createElement(u,{data:I,margin:{top:16,right:0,left:0}},r.createElement(f,{stroke:c.colors.neutral100}),r.createElement(g,{trigger:"click",content:function(t){return r.createElement(N,e({active:!L&&A&&void 0!==k&&void 0!==w},t))}}),r.createElement(x,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,t){return t+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(t){return r.createElement(z,e({},t,{activeWeek:k}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),r.createElement(h,{domain:[function(e){return Math.max(e,n-10||e)},function(e){return Math.max(e,n+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:c.colors.gray600}}),r.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),r.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:c.colors.blue100}),void 0!==k&&void 0!==w&&r.createElement(y,{onClick:function(){return P(!0)},x:0===k?1:k,y:w,r:4,shape:r.createElement(p,{ref:F,r:4}),fill:c.colors.primaryBase,stroke:c.colors.primaryBase}))),r.createElement("div",{className:"custom-chart-label"},r.createElement("i",null),r.createElement(l,{size:"n1",color:c.colors.gray500},C("pregnancy.week")))))},M=function(t){var i=t.color,a=n(t,["color"]);return r.createElement("svg",e({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),r.createElement("circle",{cx:"4",cy:"4",r:"4",fill:i||c.colors.primaryBase}))},A=function(e){var t=e.idealWeight,n=m().t;return r.createElement(L,null,r.createElement("div",null,r.createElement(M,{color:c.colors.blue100}),r.createElement(l,{size:"n1",color:c.colors.gray600},r.createElement(l,{size:"n1",as:"span"},n("pregnancyTool.weightSuggested")," "),r.createElement(l,{size:"n1",color:c.colors.gray800,type:"bold",as:"span"},t))),r.createElement("div",null,r.createElement(M,null),r.createElement(l,{size:"n1",color:c.colors.gray600},n("pwg.placeholder.weight"))))},P=k.div(W||(W=t(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"])),c.colors.neutral100),F=function(t){var n=t.chartProps,i=t.pillCarouselProps,a=t.idealWeight,o=t.description,p=m().t;return r.createElement(P,null,r.createElement("div",{className:"chart-header"},r.createElement(l,{size:"s1",type:"semiBold",color:c.colors.gray800},p("pregnancyTool.weightSuggested")),o&&o),r.createElement(s,e({},i)),r.createElement("div",null,r.createElement(A,{idealWeight:a}),r.createElement(I,e({},n))))};export{F as PregnancyWeightGainChart};