npm - @hhgtech/hhg-components - Versions diffs - 1.22.39 → 1.22.41-beta-1 - Mend

@hhgtech/hhg-components 1.22.39 → 1.22.41-beta-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1760) hide show

package/build/components/molecules/embeddedHeathToolCards/bmi/bmi.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../atoms/container/index.js"),i=require("../../../atoms/text/index.js"),n=require("../../toolBannerCard/index.js"),r=require("../../../../hooks/useTranslations.js"),a=require("../../../../misc/gAssets/index.js"),l=require("../../../../misc/theme.js"),o=require("../../bmiForm/index.js"),d=require("../index.styled.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(e);exports.BMICardEmbed=function(e){var s,m,c,v=e.isMobile,b=e.onSubmit,f=e.bmiContent,h=e.isSide,y=e.bmiGenerated,j=e.bmiUnit,w=e.bmiLink,x=e.locale,g=r.useTranslations().t;return u.default.createElement(d.StyledContainer,{"data-is-side":h},u.default.createElement(n.ToolsBannerCard,{isSide:h,bannerUrl:a.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:u.default.createElement("img",{alt:"health-tool-icon",src:null==f?void 0:f.featured_image,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:g("bmi.heading"),medicalReview:(null===(s=null==f?void 0:f.reviewBy)||void 0===s?void 0:s.reviewer)?u.default.createElement(i.Text,{size:"n1",color:l.theme.colors.white},u.default.createElement("span",{dangerouslySetInnerHTML:{__html:g("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat((null===(m=null==f?void 0:f.reviewBy)||void 0===m?void 0:m.link)||"#",'"\n >\n ').concat(f.reviewBy.reviewer,"\n </a>"),date:null===(c=null==f?void 0:f.reviewBy)||void 0===c?void 0:c.date})}}),u.default.createElement("span",null)):void 0,isMobile:v}),u.default.createElement(t.Container,null,u.default.createElement(d.StyledContent,{as:"div","data-is-side":h},w&&u.default.createElement(o.BmiForm,{onSubmit:b,bmiGenerated:y,locale:x,bmiUnit:j,isSide:h}))))};

package/build/components/molecules/embeddedHeathToolCards/bmr/bmr.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../atoms/container/index.js"),n=require("../../../atoms/text/index.js"),r=require("../../../../hooks/useTranslations.js"),i=require("../../../../misc/gAssets/index.js"),l=require("../../../../misc/theme.js"),a=require("../../bmrForm/index.js"),o=require("../../toolBannerCard/index.js"),s=require("../../weightGainForm/index.styled.js"),d=require("../index.styled.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=u(e);exports.BMRCardEmbed=function(e){var u,c,v,f=e.isSide,h=e.locale,g=e.bmrContent,y=e.isMobile,b=e.info,j=e.inputErrorMessage,w=e.onFormChange,x=e.onSubmit,E=r.useTranslations().t;return m.default.createElement(d.StyledContainer,{"data-is-side":f},m.default.createElement(o.ToolsBannerCard,{isSide:f,bannerUrl:i.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:m.default.createElement("img",{alt:"health-tool-icon",src:null==g?void 0:g.featured_image,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:E("bmr.heading"),medicalReview:(null===(u=null==g?void 0:g.reviewBy)||void 0===u?void 0:u.reviewer)?m.default.createElement(n.Text,{size:"n1",color:l.theme.colors.white},m.default.createElement("span",{dangerouslySetInnerHTML:{__html:E("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat((null===(c=null==g?void 0:g.reviewBy)||void 0===c?void 0:c.link)||"#",'"\n >\n ').concat(g.reviewBy.reviewer,"\n </a>"),date:null===(v=null==g?void 0:g.reviewBy)||void 0===v?void 0:v.date})}}),m.default.createElement("span",null)):void 0,isMobile:y}),m.default.createElement(t.Container,null,m.default.createElement(d.StyledContent,{onSubmit:function(e){return e.preventDefault()},"data-is-side":f},m.default.createElement(s.StyledInputForm,null,m.default.createElement(a.BmrInputForm,{info:b,locale:h,errorMessage:j,onChange:w,onClick:x,isSide:f})))))};

package/build/components/molecules/embeddedHeathToolCards/due-date/dueDate.js ADDED Viewed

@@ -0,0 +1 @@

package/build/components/molecules/embeddedHeathToolCards/helpers.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getBmi=function(e){var t=e.weight,r=e.height/100,i=t;return Math.round(i/(rr)10)/10};

package/build/components/molecules/embeddedHeathToolCards/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../externals/tslib/tslib.es6.js'),e=require("../radioGroup/index.js"),t=require("../../../misc/defaultClassWrapper.js"),i=require("../../../misc/utils.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var p,d,r,o=a(require("styled-components")),l=o.default.form(p||(p=n.__makeTemplateObject(["\n padding-bottom: 2px;\n margin: auto;\n "," {\n width: 100%;\n padding: 24px 40px;\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n }\n .due-date-calculate-button {\n width: 100%;\n margin: auto;\n margin-bottom: 1rem;\n "," {\n max-width: 200px;\n }\n }\n &[data-is-side='true'] {\n "," {\n padding: 24px 40px 0px 40px;\n }\n }\n .input-weight-form {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n padding: 0 16px;\n }\n .input-form {\n display: flex;\n\n "," {\n margin-bottom: 24px;\n width: calc(50% - 8px);\n }\n &[data-is-side='true'] {\n "," {\n margin-bottom: 8px;\n width: 100%;\n }\n }\n "," {\n margin-bottom: 8px;\n }\n .label-text {\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 2;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n }\n }\n .input-form-pwg {\n display: flex;\n width: calc(50% - 8px);\n "," {\n margin-bottom: 24px;\n }\n &[data-is-side='true'] {\n "," {\n margin-bottom: 8px;\n }\n }\n "," {\n margin-bottom: 8px;\n }\n .label-text {\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 2;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n }\n }\n .day-slider {\n width: 100%;\n "," {\n width: calc(50% - 8px);\n &[data-is-side='true'] {\n width: 100%;\n }\n }\n }\n"],["\n padding-bottom: 2px;\n margin: auto;\n "," {\n width: 100%;\n padding: 24px 40px;\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n }\n .due-date-calculate-button {\n width: 100%;\n margin: auto;\n margin-bottom: 1rem;\n "," {\n max-width: 200px;\n }\n }\n &[data-is-side='true'] {\n "," {\n padding: 24px 40px 0px 40px;\n }\n }\n .input-weight-form {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n padding: 0 16px;\n }\n .input-form {\n display: flex;\n\n "," {\n margin-bottom: 24px;\n width: calc(50% - 8px);\n }\n &[data-is-side='true'] {\n "," {\n margin-bottom: 8px;\n width: 100%;\n }\n }\n "," {\n margin-bottom: 8px;\n }\n .label-text {\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 2;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n }\n }\n .input-form-pwg {\n display: flex;\n width: calc(50% - 8px);\n "," {\n margin-bottom: 24px;\n }\n &[data-is-side='true'] {\n "," {\n margin-bottom: 8px;\n }\n }\n "," {\n margin-bottom: 8px;\n }\n .label-text {\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 2;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n }\n }\n .day-slider {\n width: 100%;\n "," {\n width: calc(50% - 8px);\n &[data-is-side='true'] {\n width: 100%;\n }\n }\n }\n"])),i.MediaQueries.mbUp,i.MediaQueries.mbUp,i.MediaQueries.mbUp,i.MediaQueries.mbUp,i.MediaQueries.mbUp,i.MediaQueries.mbDown,i.MediaQueries.mbUp,i.MediaQueries.mbUp,i.MediaQueries.mbDown,i.MediaQueries.mbUp),s="hhgcomp-embedtoolcard-content",x=t.getDefaultClassWrapper(l,s),m=o.default.div(d||(d=n.__makeTemplateObject(["\n padding: 0;\n background-color: white;\n border: 1px solid #e4e8ec;\n border-radius: 4px;\n .due-date-cal {\n ."," {\n "," {\n padding: 24px 40px;\n }\n }\n display: table;\n\n .slider-due-date {\n margin-bottom: 24px;\n width: 100%;\n margin-left: 0px;\n margin-right: 0px;\n }\n .input-form {\n display: flex;\n "," {\n width: calc(50% - 8px);\n margin-bottom: 24px;\n }\n &[data-is-side='true'] {\n "," {\n margin-bottom: 8px;\n width: 100%;\n }\n }\n "," {\n margin-bottom: 8px;\n }\n }\n }\n .heart-rate-cal {\n .slider-heart-rate {\n margin-bottom: 12px;\n width: 100%;\n margin-left: 0px;\n margin-right: 0px;\n }\n }\n .ovulation-cal {\n display: flex;\n padding-top: 24px;\n justify-content: space-between;\n flex-wrap: wrap;\n .slider-due-date {\n margin-bottom: 24px;\n width: 100%;\n margin-left: 0px;\n margin-right: 0px;\n }\n .input-form {\n display: flex;\n "," {\n width: calc(50% - 8px);\n margin-bottom: 24px;\n &[data-is-side='true'] {\n margin-bottom: 8px;\n width: 100%;\n }\n }\n "," {\n margin-bottom: 8px;\n }\n }\n }\n .pwg-view-mobile {\n &[data-is-side='true'] {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n "," {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n .hide-asking-mobile {\n gap: 10px;\n &[data-is-side='true'] {\n "," {\n display: none;\n }\n }\n "," {\n display: none;\n }\n }\n .hide-asking-desk {\n gap: 10px;\n &[data-is-side='true'] {\n "," {\n display: unset;\n }\n }\n "," {\n display: none;\n }\n }\n }\n input[type='date']::after {\n width: 16px;\n height: 16px;\n background-image: url('https://hellobacsi.com/svg/calendar.svg');\n background-repeat: no-repeat;\n background-size: contain;\n content: '';\n }\n"],["\n padding: 0;\n background-color: white;\n border: 1px solid #e4e8ec;\n border-radius: 4px;\n .due-date-cal {\n ."," {\n "," {\n padding: 24px 40px;\n }\n }\n display: table;\n\n .slider-due-date {\n margin-bottom: 24px;\n width: 100%;\n margin-left: 0px;\n margin-right: 0px;\n }\n .input-form {\n display: flex;\n "," {\n width: calc(50% - 8px);\n margin-bottom: 24px;\n }\n &[data-is-side='true'] {\n "," {\n margin-bottom: 8px;\n width: 100%;\n }\n }\n "," {\n margin-bottom: 8px;\n }\n }\n }\n .heart-rate-cal {\n .slider-heart-rate {\n margin-bottom: 12px;\n width: 100%;\n margin-left: 0px;\n margin-right: 0px;\n }\n }\n .ovulation-cal {\n display: flex;\n padding-top: 24px;\n justify-content: space-between;\n flex-wrap: wrap;\n .slider-due-date {\n margin-bottom: 24px;\n width: 100%;\n margin-left: 0px;\n margin-right: 0px;\n }\n .input-form {\n display: flex;\n "," {\n width: calc(50% - 8px);\n margin-bottom: 24px;\n &[data-is-side='true'] {\n margin-bottom: 8px;\n width: 100%;\n }\n }\n "," {\n margin-bottom: 8px;\n }\n }\n }\n .pwg-view-mobile {\n &[data-is-side='true'] {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n "," {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n .hide-asking-mobile {\n gap: 10px;\n &[data-is-side='true'] {\n "," {\n display: none;\n }\n }\n "," {\n display: none;\n }\n }\n .hide-asking-desk {\n gap: 10px;\n &[data-is-side='true'] {\n "," {\n display: unset;\n }\n }\n "," {\n display: none;\n }\n }\n }\n input[type='date']::after {\n width: 16px;\n height: 16px;\n background-image: url('https://hellobacsi.com/svg/calendar.svg');\n background-repeat: no-repeat;\n background-size: contain;\n content: '';\n }\n"])),s,i.MediaQueries.mbUp,i.MediaQueries.mbUp,i.MediaQueries.mbUp,i.MediaQueries.mbDown,i.MediaQueries.mbUp,i.MediaQueries.mbDown,i.MediaQueries.mbDown,i.MediaQueries.mbUp,i.MediaQueries.mbDown,i.MediaQueries.mbUp,i.MediaQueries.mbUp),b=o.default(e.RadioGroup)(r||(r=n.__makeTemplateObject(["\n &[data-direction='horizontal'] div[data-type='circle'] {\n margin-right: 8px;\n }\n label {\n font-size: 14px;\n }\n"],["\n &[data-direction='horizontal'] div[data-type='circle'] {\n margin-right: 8px;\n }\n label {\n font-size: 14px;\n }\n"])));exports.StyledContainer=m,exports.StyledContent=x,exports.StyledContentClass=s,exports.StyledRadioGroup=b,exports._StyledContent=l;

package/build/components/molecules/embeddedHeathToolCards/ovulation/ovulation.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../atoms/container/index.js"),a=require("../../../organisms/heroBannerHealthTool/healthToolBanner.js"),o=require("../../../../hooks/useTranslations.js"),n=require("../../../../misc/gAssets/index.js"),r=require("../../../../together/api/dataTransform.js"),i=require("../../ovulationCalculator/index.js"),l=require("../index.styled.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(e);exports.OvulationCardEmbed=function(e){var s=e.onSubmitOvulation,d=e.locale,c=e.ovulationPageInfo,v=e.ovulationContent,m=e.isSide,f=void 0!==m&&m,b=o.useTranslations().t,h=r.formatOvulationInfo(c||null);return u.default.createElement(l.StyledContainer,{"data-is-side":f},u.default.createElement(a.HealthToolHeroBanner,{backgroundDesktopSrc:n.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),backgroundMobileSrc:n.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),title:b("healthTools.ovulationCalculator"),reviewedBy:h.reviewedBy,reviewedDate:h.reviewedDate,ovulationContent:v,isSide:f}),u.default.createElement(t.Container,null,u.default.createElement(l.StyledContent,{onSubmit:function(e){return e.preventDefault()},className:"ovulation-cal","data-is-side":f},u.default.createElement(i.OvulationCalculator,{locale:d,onSubmitOvulation:s,isSide:f}))))};

package/build/components/molecules/embeddedHeathToolCards/pwg/pwg.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../externals/tslib/tslib.es6.js'),t=require("react"),a=require("../../../atoms/button/index.js"),n=require("../../../atoms/container/index.js"),l=require("../../../atoms/label/index.js"),i=require("../../../atoms/text/index.js"),o=require("../../../../hooks/useHealthToolCache.js"),r=require("../../../../hooks/useTranslations.js"),s=require("../../../../interfaces/constants/index.js"),d=require("../../../../misc/gAssets/index.js"),u=require("../../../../misc/theme.js"),c=require("../../../../together/api/dataTransform.js"),m=require("../../../../together/interfaces/constants.js"),g=require("../../dropdown/index.js"),h=require("../../toolBannerCard/index.js"),f=require("../../weightGainForm/index.js"),p=require("../../weightGainForm/index.styled.js"),b=require("../index.styled.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=y(t);exports.PWGCardEmbed=function(y){var w,E,j=y.locale,x=y.onClick,S=y.inputErrorMessage,q=y.pwgContent,C=y.onFormChange,T=y.info,k=y.isMobile,z=y.isSide,B=void 0!==z&&z,G=r.useTranslations().t,_=t.useState("notwins"),P=_[0],W=_[1],L=t.useState({label:"1",value:1}),F=L[0],N=L[1],M=t.useMemo((function(){return e.__spreadArray([],Array(40),!0).map((function(e,t){return{label:"".concat(t+1),value:"".concat(t+1)}}))}),[]),A=o.useHealthToolsCache(j).getHealthToolLink,H=t.useMemo((function(){return A(m.HEALTH_TOOL_TYPE.PWG)}),[A]),D=(null===(w=null==q?void 0:q.reviewedBy)||void 0===w?void 0:w.display_name)?v.default.createElement(i.Text,{size:"n1",color:u.theme.colors.white},v.default.createElement("span",{dangerouslySetInnerHTML:{__html:G("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(c.formatUserProfileUrl(null==q?void 0:q.reviewedBy),'"\n >\n ').concat(null===(E=null==q?void 0:q.reviewedBy)||void 0===E?void 0:E.display_name,"\n </a>"),date:null==q?void 0:q.reviewedDate})}}),v.default.createElement("span",null)):void 0;return v.default.createElement(b.StyledContainer,{"data-is-side":B},v.default.createElement(h.ToolsBannerCard,{bannerUrl:d.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),icon:v.default.createElement("img",{alt:"health-tool-icon",src:q.featuredImage,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:G("pregnancyWeightGain.heading"),medicalReview:D,isMobile:k,isSide:B}),v.default.createElement(n.Container,null,v.default.createElement(b.StyledContent,{onSubmit:function(e){return e.preventDefault()},className:"pwg-view-mobile","data-is-side":B},v.default.createElement(p.StyledTwins,{className:"hide-asking-mobile","data-is-side":B},v.default.createElement(l.Label,{size:"label2",style:{display:"block",fontWeight:"bold",color:u.theme.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},G("pregnancyWeightGain.havingTwins")),v.default.createElement(b.StyledRadioGroup,{options:[{value:"twins",label:G("switchBtn.yes")},{value:"notwins",label:G("switchBtn.no")}],value:P,onChange:function(e){return W(e)},className:"gender-selector",id:"twins-check",type:"circle",direction:"horizontal",size:"small",group:"group1"})),v.default.createElement(p.StyledInputWrapper,null,v.default.createElement(p.StyledFormInput,{className:"input-section input-form-pwg","data-is-side":B},v.default.createElement(l.Label,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:u.theme.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},G("pregnancyWeightGain.weekInput")),v.default.createElement(g.Dropdown,{options:M,placeholder:String(F.label),id:"weight-gain-dropdown",size:"md",value:F,onChange:function(e){return N({label:e.label,value:e.value})}})),v.default.createElement(f.PWGInputForm,{info:T,errorMessage:S,onChange:C})),v.default.createElement(p.StyledTwins,{className:"hide-asking-desk","data-is-side":B},v.default.createElement(l.Label,{size:"label2",style:{display:"block",fontWeight:"bold",color:u.theme.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},G("pregnancyWeightGain.havingTwins")),v.default.createElement(b.StyledRadioGroup,{options:[{value:"twins",label:G("switchBtn.yes")},{value:"notwins",label:G("switchBtn.no")}],value:P,onChange:function(e){return W(e)},className:"gender-selector",id:"twins-check-mobile",type:"circle",direction:"horizontal",size:"small",group:"group1"})),v.default.createElement(p.StyledSubmitButton,{"data-is-side":B},v.default.createElement(a.Button,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:"https://".concat(s.domainLocales[j],"/").concat(H),className:"due-date-calculate-button",size:"lg",color:"primary",onClick:function(){return x(P,F.value)},role:"button"},G("dueDatePage.lastPeriod.calculate"))))))};

package/build/components/molecules/embeddedHeathToolCards/target-heart-rate/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../atoms/container/index.js"),a=require("../../../atoms/icons/index.js"),n=require("../../../atoms/label/index.js"),l=require("../../../atoms/radioImageGroup/index.js"),r=require("../../../atoms/slider/index.js"),i=require("../../../atoms/text/index.js"),o=require("../../../../hooks/useHealthToolCache.js"),s=require("../../../../hooks/useTranslations.js"),m=require("../../../../interfaces/constants/index.js"),d=require("../../../../misc/gAssets/index.js"),u=require("../../../../misc/theme.js"),g=require("../../../../together/api/dataTransform.js"),c=require("../../../../together/interfaces/constants.js"),v=require("../../radioImageGroupForTool/index.js"),f=require("../../thrForm/index.js"),A=require("../../thrForm/index.styled.js"),h=require("../../toolBannerCard/index.js"),y=require("../../weightGainForm/index.styled.js"),x=require("../index.styled.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var E=b(e);exports.THRCardEmbed=function(b){var p,C,H,R=b.isSide,T=b.locale,j=b.thrContent,w=b.isMobile,F=b.info,G=b.inputErrorMessage,q=b.onFormChange,I=b.onSubmit,S=s.useTranslations().t,M=o.useHealthToolsCache(T).getHealthToolLink,_=e.useMemo((function(){return M(c.HEALTH_TOOL_TYPE.THR)}),[M]),P=e.useState(!1),B=P[0],L=P[1],z=e.useState("low_intensity"),N=z[0],k=z[1],D=e.useState("male"),O=D[0],U=D[1],W=e.useState([60]),Z=W[0],Y=W[1],J=e.useState({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),K=J[0],Q=J[1],V=[{idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40},{idAge:1,minAge:18,maxAge:25,rangeMale:49,rangeFemale:54},{idAge:2,minAge:25,maxAge:35,rangeMale:49,rangeFemale:54},{idAge:3,minAge:35,maxAge:45,rangeMale:50,rangeFemale:54},{idAge:4,minAge:45,maxAge:55,rangeMale:50,rangeFemale:54},{idAge:5,minAge:55,maxAge:65,rangeMale:51,rangeFemale:54},{idAge:6,minAge:65,maxAge:120,rangeMale:50,rangeFemale:54}],X=[{value:"low_intensity",label:S("targetHeartRate.lowIntensity.title"),image:d.CommonGAssets.getAssetPath("/low.svg"),imageActive:d.CommonGAssets.getAssetPath("/low-active.svg"),content:S("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:S("targetHeartRate.moderateIntensity.title"),image:d.CommonGAssets.getAssetPath("/moderate.svg"),imageActive:d.CommonGAssets.getAssetPath("/moderate-active.svg"),content:S("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:S("targetHeartRate.aerobicZone.title"),image:d.CommonGAssets.getAssetPath("/aerobic.svg"),imageActive:d.CommonGAssets.getAssetPath("/aerobic-active.svg"),content:S("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:S("targetHeartRate.vigorousIntensity.title"),image:d.CommonGAssets.getAssetPath("/vigorous.svg"),imageActive:d.CommonGAssets.getAssetPath("/vigorous-active.svg"),content:S("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:S("targetHeartRate.maximumIntensity.title"),image:d.CommonGAssets.getAssetPath("/maximum.svg"),imageActive:d.CommonGAssets.getAssetPath("/maximum-active.svg"),content:S("targetHeartRate.maximumIntensity.note")}],$=e.useMemo((function(){return[{value:"male",label:S("gender.male"),content:E.default.createElement(a.Icon.GenderChooseBoy,null)},{value:"female",label:S("gender.female"),content:E.default.createElement(a.Icon.GenderChooseGirl,null)}]}),[]);return e.useEffect((function(){var e=((new Date).getTime()-new Date(F.age).getTime())/1e3;L(e>=567648e3);var t=V.find((function(t){return e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60}))||V[0];Q(t),Y([60])}),[F.age]),E.default.createElement(x.StyledContainer,{"data-is-side":R},E.default.createElement(h.ToolsBannerCard,{isSide:R,bannerUrl:d.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:E.default.createElement("img",{alt:"health-tool-icon",src:null==j?void 0:j.featured_image,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:S("targetHearRate.heading"),medicalReview:(null===(p=null==j?void 0:j.reviewedBy)||void 0===p?void 0:p.display_name)?E.default.createElement(i.Text,{size:"n1",color:u.theme.colors.white},E.default.createElement("span",{dangerouslySetInnerHTML:{__html:S("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(g.formatUserProfileUrl(null==j?void 0:j.reviewedBy),'"\n >\n ').concat(null===(C=null==j?void 0:j.reviewedBy)||void 0===C?void 0:C.display_name,"\n </a>"),date:null==j?void 0:j.reviewedDate})}}),E.default.createElement("span",null)):void 0,isMobile:w}),E.default.createElement(t.Container,null,E.default.createElement(x.StyledContent,{className:"heart-rate-cal",onSubmit:function(e){return e.preventDefault()},"data-is-side":R},E.default.createElement(A.StyledRow,{"data-is-side":R},E.default.createElement(A.FormControl,null,E.default.createElement(A.StyledInput,{size:"md",name:"gender",label:S("bmi.selectGender"),CustomInput:E.default.createElement(l.RadioImageGroup,{options:$,value:O,onChange:function(e){U(e),Y([60])},className:"bmi--input-radio_gender"}),className:"bmi--input bmi--input-gender"}))),E.default.createElement(A.StyledRow,null,E.default.createElement(f.ThrForm,{info:F,locale:T,errorMessage:G,onChange:q})),E.default.createElement(n.Label,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:u.theme.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},S("targetHeartRate.heartRateInput")),E.default.createElement("div",{style:{width:"100%",marginBottom:"12px"}},E.default.createElement(r.Slider,{className:"slider-heart-rate",min:"male"===O?K.rangeMale:K.rangeFemale,max:200,step:1,value:Z,onChange:Y})),B&&E.default.createElement(A.FormControl,null,E.default.createElement(y.StyledActive,null,E.default.createElement(n.Label,{size:"label2",style:{display:"inline-block",fontWeight:"bold",color:u.theme.colors.gray600,marginBottom:"9px"},htmlFor:"gender-selector"},S("targetHeartRate.selectActive")),E.default.createElement("div",{className:"card"},E.default.createElement(v.RadioImageGroupForTool,{options:X.map((function(e){return{value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}})),value:N,onChange:function(e){k(e)},className:"gender-selector"})),N&&E.default.createElement("div",{className:"note"},E.default.createElement("img",{style:{height:"16px",width:"16px"},src:d.CommonGAssets.getAssetPath("/infoIcon.svg"),alt:""}),E.default.createElement(i.Text,{size:"n1",color:"#595959"},null===(H=X[X.findIndex((function(e){return e.value==N}))||0])||void 0===H?void 0:H.content)),!N&&E.default.createElement("span",{style:{color:"#e64728"}},G.intensity)))),E.default.createElement("div",{style:{display:"flex"}},E.default.createElement(A.StyledButton,{size:"lg",onClick:function(){I(O,N,Z)},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:"https://".concat(m.domainLocales[T],"/").concat(_)},S("bmi.submit")))))};

package/build/components/molecules/floatButtonGroup/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require('./../../../externals/tslib/tslib.es6.js'),e=require("react"),n=require("./index.styled.js");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var l=o(e);exports.FloatButtonGroup=function(o){var a=o.items,u=o.className,s=o.style,i=o.backgroundPanelStyle,r=o.isOpen,c=o.onOpen,d=o.onClose,m=o.disableBackdropClick,p=o.siteType,y=void 0===p?"hb":p,f=o.animationType,_=void 0===f?"zoom":f,I=o.zIndex,g=void 0===I?300:I,N=e.useState(!!r),b=N[0],T=N[1];e.useEffect((function(){T(!!r)}),[r]);var B=function(){T(!1),d&&d()};return l.default.createElement(n.StyledFloatButtonGroup,{style:s,className:u,"data-floatmenu-open":b,"data-site-type":y,"data-animation-type":_},l.default.createElement(n.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:t.__assign({zIndex:g},i),onClick:m?void 0:B}),l.default.createElement(n.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:g}},l.default.createElement(n.StyledFloatButtonGroupItemsWrapper,null,a.map((function(e,o){return l.default.createElement(n.StyledFloatButtonGroupButton,{className:"float-item-button-".concat(o),style:t.__assign(t.__assign({},"zoom"===_&&{bottom:64*(a.length-1-o),transitionDelay:"".concat(n.TRANSITION_TIMING/a.length*(b?a.length-1-o:o),"ms")}),"slide"===_&&{bottom:64*(a.length-1-o),transitionDelay:"".concat(n.TRANSITION_TIMING/a.length*(b?o:a.length-1-o),"ms")}),key:o,onClick:function(){e.onClick(),e.keepMenuOnClick||T(!1)}},l.default.createElement(n.StyledFloatButtonGroupButtonLabel,{style:t.__assign({},"zoom"===_&&{transitionDelay:"".concat(n.TRANSITION_TIMING/a.length*(b?a.length-1-o:o),"ms")})},e.label),l.default.createElement(n.StyledFloatButtonGroupButtonIcon,{className:"float-item-button__icon-wrapper",style:t.__assign({},("zoom"===_||"slide"===_)&&{transitionDelay:"".concat(n.TRANSITION_TIMING/a.length*(b?a.length-1-o:o),"ms")})},e.icon))}))),l.default.createElement(n.StyledFloatButtonGroupToggleIcon,{onClick:b?B:function(){T(!0),c&&c()}})))};

package/build/components/molecules/floatButtonGroup/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../externals/tslib/tslib.es6.js');function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,o,e,r,i,s,l,m,d=t(require("styled-components")),p=200,f=d.default.div(a||(a=n.__makeTemplateObject([""],[""]))),u=d.default.div(o||(o=n.__makeTemplateObject(["\n width: 100vw;\n height: 100vh;\n position: fixed;\n bottom: 0;\n right: 0;\n background-color: ",";\n opacity: 0.83;\n transition: display ","ms linear;\n\n [data-floatmenu-open='true'] & {\n animation: showBackgroundPanel ","ms linear 0s normal forwards;\n }\n\n [data-floatmenu-open='false'] & {\n animation: hideBackgroundPanel ","ms linear 0s normal forwards;\n }\n\n @keyframes showBackgroundPanel {\n 0% {\n opacity: 0;\n width: 100vw;\n height: 100vh;\n }\n 100% {\n opacity: 0.83;\n }\n }\n\n @keyframes hideBackgroundPanel {\n 0% {\n width: 100vw;\n height: 100vh;\n }\n 99% {\n width: 100vw;\n height: 100vh;\n }\n 100% {\n opacity: 0;\n width: 0;\n height: 0;\n }\n }\n"],["\n width: 100vw;\n height: 100vh;\n position: fixed;\n bottom: 0;\n right: 0;\n background-color: ",";\n opacity: 0.83;\n transition: display ","ms linear;\n\n [data-floatmenu-open='true'] & {\n animation: showBackgroundPanel ","ms linear 0s normal forwards;\n }\n\n [data-floatmenu-open='false'] & {\n animation: hideBackgroundPanel ","ms linear 0s normal forwards;\n }\n\n @keyframes showBackgroundPanel {\n 0% {\n opacity: 0;\n width: 100vw;\n height: 100vh;\n }\n 100% {\n opacity: 0.83;\n }\n }\n\n @keyframes hideBackgroundPanel {\n 0% {\n width: 100vw;\n height: 100vh;\n }\n 99% {\n width: 100vw;\n height: 100vh;\n }\n 100% {\n opacity: 0;\n width: 0;\n height: 0;\n }\n }\n"])),(function(n){var t,a;return n.theme.colors.white||(null===(a=null===(t=n.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}),p,p,p),c=d.default.div(e||(e=n.__makeTemplateObject(["\n position: fixed;\n right: 16px;\n bottom: 40px;\n"],["\n position: fixed;\n right: 16px;\n bottom: 40px;\n"]))),h=d.default.div(r||(r=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n transition: all ","ms ease-in-out;\n position: fixed;\n bottom: 112px;\n right: 16px;\n\n // scale\n [data-animation-type='scale'] & {\n transform-origin: 100% 100%;\n }\n\n [data-animation-type='scale'][data-floatmenu-open='true'] & {\n transform: scale(1);\n }\n\n [data-animation-type='scale'][data-floatmenu-open='false'] & {\n transform: scale(0);\n bottom: 46px;\n right: 36px;\n }\n"],["\n display: flex;\n flex-direction: column;\n gap: 16px;\n transition: all ","ms ease-in-out;\n position: fixed;\n bottom: 112px;\n right: 16px;\n\n // scale\n [data-animation-type='scale'] & {\n transform-origin: 100% 100%;\n }\n\n [data-animation-type='scale'][data-floatmenu-open='true'] & {\n transform: scale(1);\n }\n\n [data-animation-type='scale'][data-floatmenu-open='false'] & {\n transform: scale(0);\n bottom: 46px;\n right: 36px;\n }\n"])),p),g=d.default.div(i||(i=n.__makeTemplateObject(["\n border-radius: 50%;\n width: 56px;\n height: 56px;\n position: relative;\n cursor: pointer;\n margin-left: auto;\n transition: all 0.1s linear;\n -webkit-tap-highlight-color: transparent;\n [data-site-type='hb'] & {\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n }\n [data-site-type='mb'] & {\n background-color: #2d87f3;\n &:hover {\n background-color: #2c74df;\n }\n }\n\n &:before {\n content: '';\n width: 2px;\n height: 20px;\n background-color: ",";\n border-radius: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:after {\n content: '';\n width: 20px;\n height: 2px;\n background-color: ",";\n border-radius: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n [data-floatmenu-open='true'] &:before,\n [data-floatmenu-open='true'] &:after {\n animation: toX ","ms linear 0s normal forwards;\n }\n\n [data-floatmenu-open='false'] &:before,\n [data-floatmenu-open='false'] &:after {\n animation: toPlus ","ms linear 0s normal forwards;\n }\n\n @keyframes toX {\n 0% {\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n 49% {\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n 50% {\n width: 2px;\n height: 2px;\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n 100% {\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n }\n\n @keyframes toPlus {\n 0% {\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n 49% {\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n 50% {\n width: 2px;\n height: 2px;\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n 100% {\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n }\n"],["\n border-radius: 50%;\n width: 56px;\n height: 56px;\n position: relative;\n cursor: pointer;\n margin-left: auto;\n transition: all 0.1s linear;\n -webkit-tap-highlight-color: transparent;\n [data-site-type='hb'] & {\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n }\n [data-site-type='mb'] & {\n background-color: #2d87f3;\n &:hover {\n background-color: #2c74df;\n }\n }\n\n &:before {\n content: '';\n width: 2px;\n height: 20px;\n background-color: ",";\n border-radius: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:after {\n content: '';\n width: 20px;\n height: 2px;\n background-color: ",";\n border-radius: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n [data-floatmenu-open='true'] &:before,\n [data-floatmenu-open='true'] &:after {\n animation: toX ","ms linear 0s normal forwards;\n }\n\n [data-floatmenu-open='false'] &:before,\n [data-floatmenu-open='false'] &:after {\n animation: toPlus ","ms linear 0s normal forwards;\n }\n\n @keyframes toX {\n 0% {\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n 49% {\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n 50% {\n width: 2px;\n height: 2px;\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n 100% {\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n }\n\n @keyframes toPlus {\n 0% {\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n 49% {\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n 50% {\n width: 2px;\n height: 2px;\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n 100% {\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n }\n"])),(function(n){return n.theme.colors.primaryBase||n.theme.colors.primary}),(function(n){var t,a;return n.theme.colors.primaryHover||(null===(a=null===(t=n.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.blue_700)}),(function(n){var t,a;return n.theme.colors.white||(null===(a=null===(t=n.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}),(function(n){var t,a;return n.theme.colors.white||(null===(a=null===(t=n.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}),p,p),x=d.default.div(s||(s=n.__makeTemplateObject(["\n display: flex;\n gap: 8px;\n align-items: center;\n justify-content: flex-end;\n\n width: fit-content;\n margin-left: auto;\n\n [data-floatmenu-open='true'] {\n cursor: pointer;\n }\n [data-floatmenu-open='false'] {\n pointer-events: none;\n }\n\n [data-animation-type='zoom'] &,\n [data-animation-type='slide'] & {\n position: absolute;\n right: 0;\n width: max-content;\n }\n // slide\n [data-animation-type='slide'] & {\n transition: all ","ms ease-in;\n }\n\n [data-animation-type='slide'][data-floatmenu-open='true'] & {\n animation: showItem ","ms;\n }\n [data-animation-type='slide'][data-floatmenu-open='false'] & {\n bottom: -64px !important;\n animation: hideItemOnZoom ","ms normal forwards;\n }\n\n // zoom\n [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n animation: hideItemOnZoom ","ms normal forwards;\n }\n\n @keyframes showItem {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes hideItemOnZoom {\n 0% {\n transform: translateX(0);\n opacity: 1;\n }\n\n 99% {\n transform: translateX(0);\n opacity: 0.5;\n }\n\n 100% {\n transform: translateX(calc(100% + 16px));\n opacity: 0;\n }\n }\n"],["\n display: flex;\n gap: 8px;\n align-items: center;\n justify-content: flex-end;\n\n width: fit-content;\n margin-left: auto;\n\n [data-floatmenu-open='true'] {\n cursor: pointer;\n }\n [data-floatmenu-open='false'] {\n pointer-events: none;\n }\n\n [data-animation-type='zoom'] &,\n [data-animation-type='slide'] & {\n position: absolute;\n right: 0;\n width: max-content;\n }\n // slide\n [data-animation-type='slide'] & {\n transition: all ","ms ease-in;\n }\n\n [data-animation-type='slide'][data-floatmenu-open='true'] & {\n animation: showItem ","ms;\n }\n [data-animation-type='slide'][data-floatmenu-open='false'] & {\n bottom: -64px !important;\n animation: hideItemOnZoom ","ms normal forwards;\n }\n\n // zoom\n [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n animation: hideItemOnZoom ","ms normal forwards;\n }\n\n @keyframes showItem {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes hideItemOnZoom {\n 0% {\n transform: translateX(0);\n opacity: 1;\n }\n\n 99% {\n transform: translateX(0);\n opacity: 0.5;\n }\n\n 100% {\n transform: translateX(calc(100% + 16px));\n opacity: 0;\n }\n }\n"])),p,p,250,250),y=d.default.div(l||(l=n.__makeTemplateObject(["\n font-size: 14px;\n\n // zoom\n [data-animation-type='zoom'] & {\n transition: transform ","ms ease-in-out;\n transform-origin: 100% 0;\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n transform: scale(1);\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n transform: scale(0);\n }\n\n // slide\n [data-animation-type='slide'] & {\n transition: opacity ","ms;\n }\n [data-animation-type='slide'][data-floatmenu-open='true'] & {\n opacity: 1;\n }\n [data-animation-type='slide'][data-floatmenu-open='false'] & {\n opacity: 0;\n }\n"],["\n font-size: 14px;\n\n // zoom\n [data-animation-type='zoom'] & {\n transition: transform ","ms ease-in-out;\n transform-origin: 100% 0;\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n transform: scale(1);\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n transform: scale(0);\n }\n\n // slide\n [data-animation-type='slide'] & {\n transition: opacity ","ms;\n }\n [data-animation-type='slide'][data-floatmenu-open='true'] & {\n opacity: 1;\n }\n [data-animation-type='slide'][data-floatmenu-open='false'] & {\n opacity: 0;\n }\n"])),p,p),b=d.default.div(m||(m=n.__makeTemplateObject(["\n border-radius: 50%;\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n\n // zoom\n [data-animation-type='zoom'] & {\n transition: transform ","ms ease-in-out;\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n transform: scale(1);\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n transform: scale(0);\n }\n\n > img {\n width: 24px;\n height: 24px;\n object-fit: contain;\n }\n"],["\n border-radius: 50%;\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n\n // zoom\n [data-animation-type='zoom'] & {\n transition: transform ","ms ease-in-out;\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n transform: scale(1);\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n transform: scale(0);\n }\n\n > img {\n width: 24px;\n height: 24px;\n object-fit: contain;\n }\n"])),(function(n){var t,a;return n.theme.colors.white||(null===(a=null===(t=n.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}),p);exports.StyledFloatButtonGroup=f,exports.StyledFloatButtonGroupBackgroundPanel=u,exports.StyledFloatButtonGroupButton=x,exports.StyledFloatButtonGroupButtonIcon=b,exports.StyledFloatButtonGroupButtonLabel=y,exports.StyledFloatButtonGroupContent=c,exports.StyledFloatButtonGroupItemsWrapper=h,exports.StyledFloatButtonGroupToggleIcon=g,exports.TRANSITION_TIMING=p;

package/build/components/molecules/iconText/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);exports.IconText=function(e){var r=e.size,n=e.iconPosition,a=e.className,o=e.children,c=e.icon;return i.default.createElement(t.StyledIconText,{className:a,"data-size":r,"data-icon-position":n},"left"===n&&c,o,"right"===n&&c)};

package/build/components/molecules/iconText/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

package/build/components/molecules/index.d.ts CHANGED Viewed

@@ -63,3 +63,7 @@ export { VaccineDetailPopup } from './babyVaccineDetailPopup';
 export type { VaccineDetailPopupProps } from './babyVaccineDetailPopup';
 export { Immunization } from './babyVaccineImmunization';
 export type { ImmunizationProps } from './babyVaccineImmunization';
+export { ChildCard } from './childCard';
+export type { ChildCardProps } from './childCard';
+export { BabyGrowthChooseProfileDrawer } from './babyGrowthChooseProfileDrawer';
+export type { BabyGrowthChooseProfileDrawerProps } from './babyGrowthChooseProfileDrawer';

package/build/components/molecules/languageSwitcher/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),l=require("../../atoms/flag/index.js"),t=require("./index.styled.js"),n=require("./tooltipSelection/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e),a=function(e){var n,o,a,u=e.locale,r=e.label,d=e.href;return i.default.createElement(t.StyledLanguageChangeLink,{href:d},i.default.createElement(l.Flag,{country:null===(o=null===(n=null==u?void 0:u.split("-"))||void 0===n?void 0:n[1])||void 0===o?void 0:o.toUpperCase(),width:16,height:16,rounded:!0,language:null===(a=null==u?void 0:u.split("-"))||void 0===a?void 0:a[0]}),i.default.createElement("span",null,r))};exports.LanguageLabel=a,exports.LanguageSwitcher=function(e){var l,t,o=e.languageOptions,u=e.locale,r=null==o?void 0:o.find((function(e){return e.locale===u}));return(null==o?void 0:o.length)?i.default.createElement(n.TooltipSelection,{options:o,selected:r.value,label:i.default.createElement(a,{locale:u,label:r.label||(null===(t=null===(l=u.split("-"))||void 0===l?void 0:l[0])||void 0===t?void 0:t.toUpperCase())}),onChange:function(e){"undefined"!=typeof window&&(window.location.href=e)},style:{width:100},showSelected:!0,showIndicator:!1}):null};

package/build/components/molecules/languageSwitcher/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

package/build/components/molecules/languageSwitcher/tooltipSelection/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../atoms/text/index.js"),n=require("../../../../misc/gAssets/index.js"),l=require("./index.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(e);exports.TooltipSelection=function(a){var r=a.options,u=a.label,c=a.labelRenderer,i=a.selected,d=a.onChange,s=a.showSelected,f=void 0===s||s,m=a.style,p=void 0===m?{}:m,v=a.showIndicator,y=void 0===v||v,S=e.useState(!1),g=S[0],h=S[1];return o.default.createElement(o.default.Fragment,null,o.default.createElement(l.StyledSelectionContainer,null,o.default.createElement(l.StyledSelectionLabel,{onClick:function(){return h((function(e){return!e}))}},u||(null==c?void 0:c(g))||null,o.default.createElement(l.StyleSelectionPopup,{"data-is-open":g,style:p,"data-show-indicator":y},r.map((function(e,a){return o.default.createElement(l.StyledOption,{key:a,"data-selected":f&&i===e.value,onClick:function(t){i!==e.value&&(d(e.value),h((function(e){return!e}))),t.stopPropagation()}},o.default.createElement(t.Text,{size:"p3"},e.label),f&&i===e.value&&o.default.createElement("img",{src:n.CommonGAssets.getAssetPath("check.svg"),alt:"check",className:"check-icon"}))}))))),g&&o.default.createElement(l.StyledPopupBackground,{onClick:function(){return h(!1)}}))};

package/build/components/molecules/languageSwitcher/tooltipSelection/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../../externals/tslib/tslib.es6.js');function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,o,i,r,d,a=e(require("styled-components")),p=a.default.div(t||(t=n.__makeTemplateObject(["\n position: relative;\n display: inline-block;\n"],["\n position: relative;\n display: inline-block;\n"]))),l=a.default.div(o||(o=n.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),s=a.default.div(i||(i=n.__makeTemplateObject(["\n position: absolute;\n z-index: 21;\n top: 100%;\n right: 0;\n width: 327px;\n padding: 8px;\n background: white;\n border-radius: 4px;\n filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n &[data-is-open='false'] {\n display: none;\n }\n &[data-show-indicator='true'] {\n &:before {\n position: absolute;\n right: 11px;\n bottom: 100%;\n width: 0;\n height: 0;\n border: 0.5rem solid transparent;\n border-top: none;\n border-bottom-color: #fff;\n content: '';\n filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n }\n }\n"],["\n position: absolute;\n z-index: 21;\n top: 100%;\n right: 0;\n width: 327px;\n padding: 8px;\n background: white;\n border-radius: 4px;\n filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n &[data-is-open='false'] {\n display: none;\n }\n &[data-show-indicator='true'] {\n &:before {\n position: absolute;\n right: 11px;\n bottom: 100%;\n width: 0;\n height: 0;\n border: 0.5rem solid transparent;\n border-top: none;\n border-bottom-color: #fff;\n content: '';\n filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n }\n }\n"]))),c=a.default.div(r||(r=n.__makeTemplateObject(["\n display: flex;\n height: 40px;\n align-items: center;\n justify-content: space-between;\n\n padding: 0 16px;\n border-radius: 6px;\n cursor: pointer;\n\n .check-icon {\n width: 16px;\n height: 16px;\n }\n &[data-selected='false'] {\n background-color: ",";\n }\n"],["\n display: flex;\n height: 40px;\n align-items: center;\n justify-content: space-between;\n\n padding: 0 16px;\n border-radius: 6px;\n cursor: pointer;\n\n .check-icon {\n width: 16px;\n height: 16px;\n }\n &[data-selected='false'] {\n background-color: ",";\n }\n"])),(function(n){return n.theme.colors.gray100})),b=a.default.div(d||(d=n.__makeTemplateObject(["\n position: fixed;\n z-index: 20;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: default;\n"],["\n position: fixed;\n z-index: 20;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: default;\n"])));exports.StyleSelectionPopup=s,exports.StyledOption=c,exports.StyledPopupBackground=b,exports.StyledSelectionContainer=p,exports.StyledSelectionLabel=l;

package/build/components/molecules/mobileBottomNavigation/MobileBottomNavigationIcon.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),a=require("react"),t=require("../../atoms/text/index.js"),i=require("../../../misc/theme.js"),l=require("./index.styled.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(a);exports.MobileBottomNavigationIcon=function(a){var o=a.badgeAmount,d=a.disabled,n=void 0!==d&&d,r=a.hasBadge,c=void 0!==r&&r,u=a.icon,m=a.isActive,b=void 0!==m&&m,v=a.isSpecial,f=void 0!==v&&v,g=a.label,p=e.__rest(a,["badgeAmount","disabled","hasBadge","icon","isActive","isSpecial","label"]);return s.default.createElement(l.StyledMobileBottomNavigationIcon,e.__assign({"data-is-special":f,"data-is-active":b,"data-is-disabled":n},p),s.default.createElement("div",{className:"mobile-navigation-icon","data-no-label":!Boolean(g)},c&&s.default.createElement(l.StyledBadge,{"data-no-label":!Boolean(g)},s.default.createElement(t.Text,{size:"s5",type:"semiBold",color:f?i.theme.colors.primaryBase:i.theme.colors.white},o)),u),g&&s.default.createElement("span",{className:"mobile-navigation-label"},g))};

package/build/components/molecules/mobileBottomNavigation/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),t=require("react"),o=require("./index.styled.js"),i=require("./MobileBottomNavigationIcon.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(t),r=function(t){var i=t.children,a=t.on,r=void 0===a?"":a,n=t.isCollapsed,s=void 0!==n&&n,d=t.template,u=void 0===d?"homepage":d,c=e.__rest(t,["children","on","isCollapsed","template"]);return l.default.createElement(o.StyledMobileBottomNavigation,e.__assign({on:r,"data-is-collapsed":s,"data-template":u},c),i)};r.Icon=i.MobileBottomNavigationIcon,exports.MobileBottomNavigation=r;

package/build/components/molecules/mobileBottomNavigation/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../externals/tslib/tslib.es6.js'),e=require("styled-components"),t=require("../../../misc/theme.js"),i=require("../../../misc/utils.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,l,r,s,p,d,c,x=a(e),m=e.keyframes(o||(o=n.__makeTemplateObject(["\n from {\n transform: translateY(100%);\n visibility: visible;\n }\n\n to {\n transform: translateY(0);\n }\n"],["\n from {\n transform: translateY(100%);\n visibility: visible;\n }\n\n to {\n transform: translateY(0);\n }\n"]))),h=e.keyframes(l||(l=n.__makeTemplateObject(["\n from {\n transform: translate(0, 0);\n }\n\n to {\n visibility: hidden;\n transform: translate(0, 100%);\n }\n"],["\n from {\n transform: translate(0, 0);\n }\n\n to {\n visibility: hidden;\n transform: translate(0, 100%);\n }\n"]))),f=x.default.div(r||(r=n.__makeTemplateObject(["\n cursor: pointer;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-items: center;\n gap: 4px;\n\n .mobile-navigation-label {\n font-weight: 500;\n font-size: 10px;\n line-height: 16px;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n "," {\n max-width: 70px;\n }\n }\n\n .mobile-navigation-icon {\n position: relative;\n height: 24px;\n &[data-no-label='true'] {\n border-radius: 50%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 0px;\n gap: 16px;\n width: 40px;\n height: 40px;\n }\n }\n\n &[data-is-special='true'] {\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 4px 12px 4px 6px;\n gap: 4px;\n\n min-width: 152px;\n height: 32px;\n /* Neutral/Neutral-50 */\n background: ",";\n border-radius: 20px;\n flex-grow: 1;\n .mobile-navigation-icon {\n &[data-no-label='true'] {\n width: 24px;\n height: 24px;\n }\n }\n .mobile-navigation-label {\n max-width: max-content;\n color: ",";\n }\n }\n\n &[data-is-active='true'] {\n .mobile-navigation-label {\n color: ",";\n }\n }\n\n &[data-is-disabled='true'] {\n opacity: 0.2;\n }\n"],["\n cursor: pointer;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-items: center;\n gap: 4px;\n\n .mobile-navigation-label {\n font-weight: 500;\n font-size: 10px;\n line-height: 16px;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n "," {\n max-width: 70px;\n }\n }\n\n .mobile-navigation-icon {\n position: relative;\n height: 24px;\n &[data-no-label='true'] {\n border-radius: 50%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 0px;\n gap: 16px;\n width: 40px;\n height: 40px;\n }\n }\n\n &[data-is-special='true'] {\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 4px 12px 4px 6px;\n gap: 4px;\n\n min-width: 152px;\n height: 32px;\n /* Neutral/Neutral-50 */\n background: ",";\n border-radius: 20px;\n flex-grow: 1;\n .mobile-navigation-icon {\n &[data-no-label='true'] {\n width: 24px;\n height: 24px;\n }\n }\n .mobile-navigation-label {\n max-width: max-content;\n color: ",";\n }\n }\n\n &[data-is-active='true'] {\n .mobile-navigation-label {\n color: ",";\n }\n }\n\n &[data-is-disabled='true'] {\n opacity: 0.2;\n }\n"])),t.theme.colors.gray600,i.MediaQueries.mbDown,t.theme.colors.blue50,t.theme.colors.primaryBase,t.theme.colors.primaryBase),u=x.default.div(s||(s=n.__makeTemplateObject(["\n z-index: 100;\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-height: 56px;\n min-height: 56px;\n display: flex;\n height: 100%;\n align-items: center;\n justify-content: space-evenly;\n background-color: ",";\n & > div {\n flex: 1;\n }\n a {\n text-decoration: none;\n }\n &[data-is-collapsed='true'] {\n animation: "," 500ms ease-in-out forwards;\n }\n\n &[data-is-collapsed='false'] {\n animation: "," 500ms ease-in-out forwards;\n }\n &[data-template='health-tool'] {\n height: 44px;\n max-height: 44px;\n min-height: 44px;\n justify-content: space-between;\n & > div {\n flex: 0;\n }\n }\n"],["\n z-index: 100;\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-height: 56px;\n min-height: 56px;\n display: flex;\n height: 100%;\n align-items: center;\n justify-content: space-evenly;\n background-color: ",";\n & > div {\n flex: 1;\n }\n a {\n text-decoration: none;\n }\n &[data-is-collapsed='true'] {\n animation: "," 500ms ease-in-out forwards;\n }\n\n &[data-is-collapsed='false'] {\n animation: "," 500ms ease-in-out forwards;\n }\n &[data-template='health-tool'] {\n height: 44px;\n max-height: 44px;\n min-height: 44px;\n justify-content: space-between;\n & > div {\n flex: 0;\n }\n }\n"])),t.theme.colors.white,h,m),g=x.default.span(p||(p=n.__makeTemplateObject(["\n position: absolute;\n left: 100%;\n transform: translate(-10px, calc(-50% + 3px));\n background-color: ",";\n border-radius: 32px;\n border: 2px solid ",";\n padding: 1px 4px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 20px;\n aspect-ratio: 1;\n &[data-no-label='true'] {\n left: 0;\n transform: translate(22px, -50%);\n }\n"],["\n position: absolute;\n left: 100%;\n transform: translate(-10px, calc(-50% + 3px));\n background-color: ",";\n border-radius: 32px;\n border: 2px solid ",";\n padding: 1px 4px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 20px;\n aspect-ratio: 1;\n &[data-no-label='true'] {\n left: 0;\n transform: translate(22px, -50%);\n }\n"])),t.theme.colors.green800,t.theme.colors.white);x.default.div(d||(d=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n height: 3px;\n background-color: ",";\n transition: width 150ms linear;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 3px;\n background-color: ",";\n transition: width 150ms linear;\n"])),t.theme.colors.primaryBase),x.default.div(c||(c=n.__makeTemplateObject(["\n a {\n text-decoration: none;\n }\n"],["\n a {\n text-decoration: none;\n }\n"]))),exports.StyledBadge=g,exports.StyledMobileBottomNavigation=u,exports.StyledMobileBottomNavigationIcon=f,exports.slideOutDown=h;

package/build/components/molecules/modal/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../hooks/useScrollbarSize.js"),o=require("react-dom"),d=require("./index.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e),n="hhg-modals",c=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},r=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))};exports.Modal=function(a){var i=a.type,u=void 0===i?"lead":i,s=a.closeIcon,m=a.isOpen,h=void 0===m||m,f=a.onClose,p=a.children,y=a.className,v=void 0===y?"":y,b=a.animationType,g=void 0===b?"slideTop":b,E=a.isStaticBackdrop,_=void 0!==E&&E,S=a.siteType;a.style;var k=e.useState(!1),q=k[0],w=k[1],C=e.useRef(null),M=t.useScrollbarSize().width;if(!C.current&&q&&(C.current=document.createElement("div")),e.useEffect((function(){return w(!0),function(){w(!1),c(),r()}}),[]),e.useEffect((function(){if(q){var e=((t=document.getElementById(n))||((t=document.createElement("div")).setAttribute("id",n),document.body.append(t)),t);return e.appendChild(C.current),function(){e.removeChild(C.current)}}var t}),[q]),e.useEffect((function(){h?document.body.classList.add("hhc-modal-show"):c()}),[h]),e.useEffect((function(){h?(document.body.style.overflow="hidden",document.body.style.paddingRight=M+"px",document.body.classList.add("hhc-disabled-scroll")):r()}),[h,M]),!q)return null;var N=["hhg-modal__wrapper",v,g].filter((function(e){return e})).join(" ");return o.createPortal(l.default.createElement(d.StyledModalWrapper,{className:N,"data-open":h,"data-type":u},!_&&l.default.createElement(d.StyledModalMask,{"data-open":h,onClick:f,"data-type":u}),!_&&"video"===u&&!!s&&l.default.createElement("div",{className:"hhg-modal__close",onClick:f},s),l.default.createElement(d.StyledModal,{className:"hhg-modal","data-open":h,"data-site-type":S},l.default.createElement("div",{className:"video"===u?"hhg-modal__video":"hhg-modal__content"},!!s&&"video"!==u&&l.default.createElement("div",{className:"hhg-modal__close",onClick:f},s),p))),C.current)};

package/build/components/molecules/modal/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../externals/tslib/tslib.es6.js'),e=require("../../../misc/utils.js"),t=require("../../../misc/defaultClassWrapper.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,a,d,r=i(require("styled-components")),l=r.default.div(o||(o=n.__makeTemplateObject(["\n position: relative;\n z-index: 200;\n background-color: ",";\n border-radius: 6px;\n box-shadow: 0px 4px 8px ",";\n &[data-site-type='marryBaby'] {\n border-radius: 16px;\n .hhg-modal__content {\n position: relative;\n z-index: 111;\n height: 100%;\n\n padding: 24px;\n }\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 &[data-site-type='marryBaby'] {\n border-radius: 16px;\n .hhg-modal__content {\n position: relative;\n z-index: 111;\n height: 100%;\n\n padding: 24px;\n }\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})),s="hhgcomp-modal-modal",h=t.getDefaultClassWrapper(l,s),p=r.default.div(a||(a=n.__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"])),s,s,s,s,s,s,e.MediaQueries.mbDown,s,e.MediaQueries.mbDown,s,e.MediaQueries.mbDown),x=r.default.div(d||(d=n.__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.StyledModal=h,exports.StyledModalClass=s,exports.StyledModalMask=x,exports.StyledModalWrapper=p,exports._StyledModal=l;

package/build/components/molecules/ovulationCalculator/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../atoms/text/index.js"),a=require("../../../hooks/useTranslations.js"),o=require("../dropdown/index.js"),r=require("../dueDateCalculator/index.styled.js"),l=require("../weightGainForm/index.styled.js"),i=require("./ovulationForm.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u,d=n(e);exports.OvulationCalculatorType=void 0,(u=exports.OvulationCalculatorType||(exports.OvulationCalculatorType={}))[u.trackPeriod=0]="trackPeriod",u[u.conceive=1]="conceive",u[u.avoidPregnancy=2]="avoidPregnancy";exports.OvulationCalculator=function(n){var u=n.locale,c=n.onSubmitOvulation,s=n.isSide,v=a.useTranslations().t,p=e.useState(exports.OvulationCalculatorType.trackPeriod),y=p[0],m=p[1],x=[{label:v("ovulationPage.trackPeriod"),value:exports.OvulationCalculatorType.trackPeriod},{label:v("ovulationPage.conceive"),value:exports.OvulationCalculatorType.conceive},{label:v("ovulationPage.avoidPregnancy"),value:exports.OvulationCalculatorType.avoidPregnancy}];return d.default.createElement(l.StyledInputWrapper,null,d.default.createElement(r.StyledMethodContainer,{className:"input-form input-section","data-is-side":s},d.default.createElement(t.Text,{size:"n1",type:"bold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},v("ovulationPage.objectives")),d.default.createElement(r.StyledMethodSwitcherContainer,{"data-is-side":s},d.default.createElement(o.Dropdown,{options:x,placeholder:v("ovulationPage.trackPeriod"),id:"due-date-dropdown",size:"md",value:x[y],onChange:function(e){m(e.value)}}))),d.default.createElement(i.OvulationForm,{locale:u,onSubmit:function(e){var t=e.startDate,a=e.cycle,o=e.periodLength;c&&c({method:y,periodDateStart:t,cycle:a,periodLength:o})},isSide:s}))};

package/build/components/molecules/ovulationCalculator/ovulationForm.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),t=require("react"),a=require("date-fns"),l=require("../../atoms/button/index.js"),n=require("../../atoms/input/index.js"),i=require("../../atoms/slider/index.js"),s=require("../../atoms/text/index.js"),r=require("../../../ecom_temp_excluded/interfaces/types.js"),o=require("../../../hooks/useHealthToolCache.js"),d=require("../../../hooks/useTranslations.js"),u=require("../../../interfaces/constants/index.js"),c=require("../../../together/interfaces/constants.js"),m=require("../datePicker/index.js"),p=require("../dueDateCalculator/index.styled.js"),f=require("../dueDateCalculator/utils.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=y(t);exports.OvulationForm=function(y){var x=y.locale,E=y.onSubmit,v=y.isSide,h=d.useTranslations().t,T=o.useHealthToolsCache(x).getHealthToolLink,b=t.useMemo((function(){return T(c.HEALTH_TOOL_TYPE.OVULATION)}),[T]),D=t.useState(new Date),j=D[0],q=D[1],P=t.useState([28]),C=P[0],L=P[1],S=t.useState([7]),N=S[0],_=S[1],O={cycle:C[0],periodDateStart:j,periodLength:N[0]};return g.default.createElement(g.default.Fragment,null,g.default.createElement(p.StyledLastPeriodFormContainer,{className:"input-form input-section","data-is-side":v},g.default.createElement(n.Input,{label:g.default.createElement(s.Text,{size:"n1",type:"bold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},h("dueDatePage.lastPeriod.lastPeriodLabel")),value:f.DateToInputValue(j),size:"md",name:"date",className:"due-date-input",CustomInput:g.default.createElement(m.DatePicker,{customInput:function(t){return g.default.createElement("input",e.__assign({},t,{type:"date",className:"due-date-input",value:f.DateToInputValue(j)}))},locale:x,pickedDate:j,displayDateFormat:r.DATE_FORMAT,onChange:function(e){q(e)},disabledDays:{before:a.addDays(new Date,-45),after:new Date},placeholder:"asdasasd"})})),g.default.createElement("div",{className:"day-slider","data-is-side":v},g.default.createElement(s.Text,{size:"n1",type:"bold",color:"#595959"},h("ovulationPage.cycleLength")+" ",g.default.createElement(s.Text,{size:"n1",type:"bold",color:"#595959",style:{display:"inline",minHeight:"36px"}},h("ovulationPage.dayUnit"))),g.default.createElement(i.Slider,{className:"slider-due-date",min:21,max:45,step:1,value:C,onChange:L})),g.default.createElement("div",{className:"day-slider","data-is-side":v},g.default.createElement(s.Text,{size:"n1",type:"bold",color:"#595959"},h("ovulationPage.periodDuration")+" ",g.default.createElement(s.Text,{size:"n1",type:"bold",color:"#595959",style:{display:"inline",minHeight:"36px"}},h("ovulationPage.dayUnit"))),g.default.createElement(i.Slider,{className:"slider-due-date",min:1,max:15,step:1,value:N,onChange:_})),g.default.createElement("div",{style:{marginBottom:"1rem",width:"100%",display:"flex"}},g.default.createElement(l.Button,{className:"due-date-calculate-button",size:"lg",color:"primary",dataEventCategory:"Health Tool",dataEventAction:"Ovulation",dataEventLabel:"https://".concat(u.domainLocales[x],"/").concat(b),onClick:function(){localStorage.setItem("ovulationInfo",JSON.stringify(O)),E&&E({startDate:j,cycle:C[0],periodLength:N[0]})},role:"button"},h("dueDatePage.lastPeriod.calculate"))))};

package/build/components/molecules/pillCarousel/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),l=require("react"),r=require("./index.styled.js"),t=require("../../../interfaces/types/Locale.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(l);exports.PillCarousel=function(l){var n=l.data,i=l.isMobile,o=l.onSlideChange,s=l.pillProps,u=l.locale,d=void 0===u?t.LOCALE.Vietnam:u,c=l.blurFromIndex,m=l.blurLength,p=e.__rest(l,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),b={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:c||(i?2:4),blurLength:m||(i?1:3),onSlideChange:o};return a.default.createElement(r.StyledCarousel,e.__assign({},b,p),(function(l){return n.map((function(t,n){return a.default.createElement(r.StyledSlide,e.__assign({key:n,onClick:o},s),a.default.createElement("div",{className:"centerred-pill-wrapper"},a.default.createElement(r.StyledPill,{locale:d,name:t.name,icon:t.icon,className:n===l?"selected-week-pill":""})))}))}))};

package/build/components/molecules/pillCarousel/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),t=require("../../atoms/pill/index.js"),l=require("../../mantine/CentralCarousel/index.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,n,p,d=r(require("styled-components")),s=d.default(t.Pill)(a||(a=e.__makeTemplateObject(["\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"],["\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"]))),i=d.default(l.CentralCarousel.Slide)(n||(n=e.__makeTemplateObject([""],[""]))),o=d.default(l.CentralCarousel)(p||(p=e.__makeTemplateObject(["\n .centerred-pill-wrapper {\n padding: 16px 0;\n }\n"],["\n .centerred-pill-wrapper {\n padding: 16px 0;\n }\n"])));exports.StyledCarousel=o,exports.StyledPill=s,exports.StyledSlide=i;

package/build/components/molecules/popup/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e);exports.Popup=function(e){var a=e.type,l=void 0===a?"lead":a,o=e.closeIcon,d=e.isOpen,r=void 0===d||d,c=e.onClose,u=e.children,i=e.className,p=void 0===i?"":i,s=e.enableAnimation,f=void 0===s||s;return n.default.createElement(n.default.Fragment,null,n.default.createElement(t.StyledPopup,{"data-open":r,"data-type":l,"data-animation":f},n.default.createElement("div",{className:"".concat(p||""," popup-content")},!!o&&n.default.createElement("div",{className:"close-button",onClick:c},o),u)),n.default.createElement(t.StyledPopupWrapper,{"data-open":r,onClick:c}))};

package/build/components/molecules/popup/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../externals/tslib/tslib.es6.js'),t=require("../../../misc/utils.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,o,p=e(require("styled-components")),a=p.default.div(i||(i=n.__makeTemplateObject(["\n position: fixed;\n left: 50%;\n\n padding: 0 16px 32px;\n background-color: ",";\n border-radius: 6px;\n box-shadow: 0px 4px 8px ",";\n transform: translate(-50%, -50%);\n transition: all 0.5s ease-in-out;\n visibility: hidden;\n\n &[data-open='true'] {\n z-index: 200;\n top: 50%;\n opacity: 1;\n visibility: visible;\n }\n\n &[data-open='false'] {\n top: -50%;\n }\n\n &[data-type='lead'] {\n width: 332px;\n height: 460px;\n\n div {\n top: -15px;\n right: -15px;\n }\n }\n\n &[data-type='form'] {\n width: 496px;\n height: 548px;\n "," {\n width: 340px;\n }\n }\n\n &[data-type='confirm'] {\n "," {\n width: calc(100% - 32px);\n }\n "," {\n width: 100%;\n max-width: 407px;\n }\n }\n\n .popup-content {\n position: relative;\n z-index: 111;\n height: 100%;\n padding: 16px;\n }\n\n .close-button {\n position: absolute;\n top: 16px;\n right: 0;\n cursor: pointer;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n"],["\n position: fixed;\n left: 50%;\n\n padding: 0 16px 32px;\n background-color: ",";\n border-radius: 6px;\n box-shadow: 0px 4px 8px ",";\n transform: translate(-50%, -50%);\n transition: all 0.5s ease-in-out;\n visibility: hidden;\n\n &[data-open='true'] {\n z-index: 200;\n top: 50%;\n opacity: 1;\n visibility: visible;\n }\n\n &[data-open='false'] {\n top: -50%;\n }\n\n &[data-type='lead'] {\n width: 332px;\n height: 460px;\n\n div {\n top: -15px;\n right: -15px;\n }\n }\n\n &[data-type='form'] {\n width: 496px;\n height: 548px;\n "," {\n width: 340px;\n }\n }\n\n &[data-type='confirm'] {\n "," {\n width: calc(100% - 32px);\n }\n "," {\n width: 100%;\n max-width: 407px;\n }\n }\n\n .popup-content {\n position: relative;\n z-index: 111;\n height: 100%;\n padding: 16px;\n }\n\n .close-button {\n position: absolute;\n top: 16px;\n right: 0;\n cursor: pointer;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),t.MediaQueries.mbDown,t.MediaQueries.mbDown,t.MediaQueries.mbUp),d=p.default.div(o||(o=n.__makeTemplateObject(["\n position: fixed;\n z-index: 110;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background: rgba(38, 38, 38, 0.3);\n\n &[data-open='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: 110;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background: rgba(38, 38, 38, 0.3);\n\n &[data-open='false'] {\n display: none;\n }\n"])));exports.StyledPopup=a,exports.StyledPopupWrapper=d;

package/build/components/molecules/progressBar/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),t=require("react"),a=require("lodash/throttle"),r=require("./index.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(t),d=l(a);exports.ProgressBar=function(a){var l=a.type,c=a.numberOfStep,i=a.activeStep,u=a.labelPrefix,o=a.detailSteps,s=a.className,f=a.onChange,m=t.useState(0),p=m[0],S=m[1],y=function(t){var a=t.trackClassName,l=e.__rest(t,["trackClassName"]);return n.default.createElement(r.StyledTrackContainer,e.__assign({},l,{className:a}),n.default.createElement(r.StyledTrack,null))},g=n.default.createElement(r.StyledSlider,{className:s+" progress-bar"},n.default.createElement(y,null),n.default.createElement((function(e){var t=e.trackLength,a=e.activeStep,l=e.labelPrefix,d=void 0===l?"Step":l,i=e.onChange;return n.default.createElement(n.default.Fragment,null,Array.from({length:c},(function(e,t){return t})).map((function(e,l){return n.default.createElement(r.StyledStep,{"data-is-active":l===a,"data-label":l,style:{left:l*t/(c-1)},onClick:function(){i&&i(l)},key:l},l+1,n.default.createElement(r.StyledStepLabel,{"data-step-passed":l<=a},d+" "+(l+1)))})))}),{trackLength:p,activeStep:i,labelPrefix:u,onChange:f})),v=n.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},n.default.createElement("title",null,"chevron-right"),n.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),h=n.default.createElement(r.StyledBreadcrumbContainer,null,o&&Array.from({length:o.length},(function(e,t){return t})).map((function(e,t){var a;return n.default.createElement(r.StyledBreadcrumbWrapper,{key:t,"data-selected":t===i,onClick:function(){f&&f(t)}},null===(a=o[t])||void 0===a?void 0:a.text," ",t<o.length-1&&v)}))),E=n.default.createElement(r.StyledSlider,{className:s+" progress-bar"},n.default.createElement((function(e){var t=e.detailSteps,a=e.activeStep,l=e.onChange;return n.default.createElement(n.default.Fragment,null,Array.from({length:t.length},(function(e,t){return t})).map((function(e,d){return n.default.createElement(r.StyledDetailStep,{key:d,style:{left:100/t.length*d+"%",width:100/t.length+"%"},onClick:function(){l&&l(d)}},t[d].icon?n.default.createElement(r.StyledDetailStepIndicatorExternal,{onClick:function(){l&&l(d)}},t[d].icon):n.default.createElement(r.StyledDetailStepIndicator,{"data-is-active":d===a,"data-label":e,onClick:function(){l&&l(d)},key:d},d+1),n.default.createElement(r.StyledDetailStepLabel,{"data-step-passed":d<a+1},t[d].text,n.default.createElement(r.StyledDetailStepDescription,null,t[d].description)),d<t.length-1&&n.default.createElement(y,{"data-step-passed":d<a,trackClassName:"progress-track","data-track-type":"detail"}))})))}),{activeStep:i,detailSteps:o,onChange:f})),k=t.useCallback(d.default((function(){var e=document.querySelector(".progress-bar");e&&S(e.offsetWidth)}),1e3),[]);return t.useEffect((function(){var e=document.querySelector(".progress-bar");return S(null==e?void 0:e.offsetWidth),window.addEventListener("resize",k),function(){window.removeEventListener("resize",k)}}),[]),"step-track"===l&&g||"breadcrumb"===l&&h||"detail-track"===l&&E};

package/build/components/molecules/progressBar/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../externals/tslib/tslib.es6.js');function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,r,o,i,a,l,s,c,d,p,u,h,f=e(require("styled-components")),g=f.default.div(t||(t=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n\n & div[role='slider'] {\n -webkit-text-size-adjust: none;\n -webkit-user-select: none;\n &:focus {\n outline: none;\n }\n }\n"],["\n position: relative;\n width: 100%;\n\n & div[role='slider'] {\n -webkit-text-size-adjust: none;\n -webkit-user-select: none;\n &:focus {\n outline: none;\n }\n }\n"]))),x=f.default.div(r||(r=n.__makeTemplateObject(["\n position: absolute;\n top: 19px;\n width: 24px;\n height: 24px;\n color: ",";\n border: 2px solid ",";\n border-radius: 50%;\n transform: translateY(-50%) translateX(-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n background-color: ",";\n color: ",";\n border: 1px solid ",";\n\n &[data-is-active='true'] {\n background-color: ",";\n color: ",";\n border: none;\n }\n"],["\n position: absolute;\n top: 19px;\n width: 24px;\n height: 24px;\n color: ",";\n border: 2px solid ",";\n border-radius: 50%;\n transform: translateY(-50%) translateX(-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n background-color: ",";\n color: ",";\n border: 1px solid ",";\n\n &[data-is-active='true'] {\n background-color: ",";\n color: ",";\n border: none;\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.white})),m=f.default.div(o||(o=n.__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 36px;\n\n &[data-track-type='detail'] {\n margin-top: 0;\n }\n\n &[data-track-type='detail'][data-step-passed='true'] > div {\n border: 1px solid ",";\n height: 0px;\n }\n\n &[data-track-type='detail'] > div {\n border: 1px solid ",";\n height: 0px;\n }\n"],["\n display: flex;\n width: 100%;\n height: 36px;\n\n &[data-track-type='detail'] {\n margin-top: 0;\n }\n\n &[data-track-type='detail'][data-step-passed='true'] > div {\n border: 1px solid ",";\n height: 0px;\n }\n\n &[data-track-type='detail'] > div {\n border: 1px solid ",";\n height: 0px;\n }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.gray200})),b=f.default.div(i||(i=n.__makeTemplateObject(["\n width: 100%;\n height: 5px;\n align-self: center;\n border-radius: 4px;\n background-color: ",";\n"],["\n width: 100%;\n height: 5px;\n align-self: center;\n border-radius: 4px;\n background-color: ",";\n"])),(function(n){return n.theme.colors.gray200})),y=f.default.div(a||(a=n.__makeTemplateObject(["\n position: absolute;\n top: 32px;\n min-width: 100px;\n text-align: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n\n &[data-step-passed='true'] {\n color: ",";\n }\n"],["\n position: absolute;\n top: 32px;\n min-width: 100px;\n text-align: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n\n &[data-step-passed='true'] {\n color: ",";\n }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.sizes.fsCaption2}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray800})),k=f.default.div(l||(l=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),w=f.default.div(s||(s=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n font-size: ",";\n font-weight: ",";\n color: ",";\n cursor: pointer;\n\n & > svg {\n height: 10px;\n width: 10px;\n margin: 0 14px;\n }\n\n & > svg > path {\n stroke: ",";\n }\n\n &[data-selected='true'] {\n color: ",";\n }\n"],["\n display: flex;\n align-items: center;\n font-size: ",";\n font-weight: ",";\n color: ",";\n cursor: pointer;\n\n & > svg {\n height: 10px;\n width: 10px;\n margin: 0 14px;\n }\n\n & > svg > path {\n stroke: ",";\n }\n\n &[data-selected='true'] {\n color: ",";\n }\n"])),(function(n){return n.theme.sizes.fsCaption2}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase})),v=f.default.div(c||(c=n.__makeTemplateObject(["\n position: absolute;\n left: 0;\n top: 19px;\n height: 24px;\n cursor: pointer;\n\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n\n padding: 8px;\n background-color: ",";\n"],["\n position: absolute;\n left: 0;\n top: 19px;\n height: 24px;\n cursor: pointer;\n\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n\n padding: 8px;\n background-color: ",";\n"])),(function(n){return n.theme.colors.white})),_=f.default.div(d||(d=n.__makeTemplateObject(["\n min-width: 24px;\n height: 24px;\n border: 2px solid ",";\n border-radius: 50%;\n margin-right: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n background-color: ",";\n color: ",";\n border: 1px solid ",";\n\n &[data-is-active='true'] {\n border: none;\n background-color: ",";\n color: ",";\n }\n"],["\n min-width: 24px;\n height: 24px;\n border: 2px solid ",";\n border-radius: 50%;\n margin-right: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n background-color: ",";\n color: ",";\n border: 1px solid ",";\n\n &[data-is-active='true'] {\n border: none;\n background-color: ",";\n color: ",";\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.white})),j=f.default.div(p||(p=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > svg {\n height: 20px;\n width: 20px;\n margin-right: 8px;\n\n & > path {\n stroke: ",";\n }\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > svg {\n height: 20px;\n width: 20px;\n margin-right: 8px;\n\n & > path {\n stroke: ",";\n }\n }\n"])),(function(n){return n.theme.colors.gray500})),S=f.default.div(u||(u=n.__makeTemplateObject(["\n color: ",";\n font-size: ",";\n font-weight: ",";\n margin-right: 8px;\n flex: 0 0 auto;\n\n &[data-step-passed='true'] {\n color: ",";\n }\n"],["\n color: ",";\n font-size: ",";\n font-weight: ",";\n margin-right: 8px;\n flex: 0 0 auto;\n\n &[data-step-passed='true'] {\n color: ",";\n }\n"])),(function(n){return n.theme.colors.gray400}),(function(n){return n.theme.sizes.fsCaption2}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray800})),z=f.default.div(h||(h=n.__makeTemplateObject(["\n position: absolute;\n top: 32px;\n font-weight: ",";\n color: ",";\n padding-right: 16px;\n"],["\n position: absolute;\n top: 32px;\n font-weight: ",";\n color: ",";\n padding-right: 16px;\n"])),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.gray400}));exports.StyledBreadcrumbContainer=k,exports.StyledBreadcrumbWrapper=w,exports.StyledDetailStep=v,exports.StyledDetailStepDescription=z,exports.StyledDetailStepIndicator=_,exports.StyledDetailStepIndicatorExternal=j,exports.StyledDetailStepLabel=S,exports.StyledSlider=g,exports.StyledStep=x,exports.StyledStepLabel=y,exports.StyledTrack=b,exports.StyledTrackContainer=m;

package/build/components/molecules/radioGroup/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),a=require("../../atoms/radio/index.js"),t=require("./index.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e),i=n.default.forwardRef((function(r,i){var d=r.id,o=r.value,u=r.options,l=r.className,c=r.type,v=void 0===c?"circle":c,s=r.isDisabled,f=r.size,p=void 0===f?"small":f,m=r.direction,y=void 0===m?"vertical":m,E=r.group,b=void 0===E?"group1":E,g=r.onChange,j=r.dataEventCategory,x=r.dataEventAction,A=r.dataEventLabel,C=e.useState(o),R=C[0],h=C[1];e.useImperativeHandle(i,(function(){return{reset:function(){h(o)}}}));var q=function(e){h(e),g&&g(e)};return n.default.createElement(t.StyledRadioGroup,{className:l,"data-direction":y,"data-group":b},u.map((function(t){var r=R===t.value;return n.default.createElement(e.Fragment,{key:"".concat(d,"-").concat(t.value)},n.default.createElement(a.Radio,{type:v,size:p,label:t.label,name:d,checked:r,value:t.value,isDisabled:s,onChange:!s&&q,dataEventCategory:j,dataEventAction:x,dataEventLabel:A}),r&&t.renderActivated&&t.renderActivated())})))}));exports.RadioGroup=i;

package/build/components/molecules/radioGroup/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

package/build/components/molecules/radioImageGroupForTool/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),a=require("../../atoms/text/index.js"),t=require("./index.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(e);exports.RadioImageGroupForTool=function(l){var i=l.value,o=l.options,d=l.className,n=l.direction,u=void 0===n?"horizontal":n,c=l.onChange,s=l.isDisabled,m=e.useState(i),f=m[0],v=m[1];return r.default.createElement(t.StyledRadioImageGroup,{className:d,"data-direction":u},o.map((function(e,l){return r.default.createElement(t.StyledRadioImageItem,{"data-selected":(i||f)===e.value,"data-disabled":s,key:"health-tool".concat(l),onClick:function(){var a;a=e.value,s||(v(a),c&&c(a))}},r.default.createElement("div",null,r.default.createElement("img",{src:(i||f)===e.value?e.imageActive:e.image,className:"gender-image",alt:""}),e.label&&r.default.createElement(a.Text,{type:"bold",className:"radio-group-item-heading",size:"label1"},e.label)))})))};

package/build/components/molecules/radioImageGroupForTool/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

package/build/components/molecules/scrollList/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("lodash/throttle"),a=require("./index.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(e),n=l(t),o=function(e){var t=e.status;return"inActive"===t?r.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===t?r.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.default.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),r.default.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===t?r.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.default.createElement("path",{d:"M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z",fill:"#00B16A"}),r.default.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):r.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"}))};exports.ScrollList=function(t){var l=t.row,i=void 0===l?2:l,d=t.column,c=void 0===d?3:d,u=t.isDotsShown,s=void 0===u||u,f=t.isImageGalleryShown,m=void 0!==f&&f,h=t.mode,v=void 0===h?"infinity":h,p=t.type,E=void 0===p?"separated":p,w=t.distanceOverlappedLeft,g=void 0===w?{amount:0,unit:"pixel"}:w,C=t.children,x=t.className,L=t.isProgressShown,y=void 0!==L&&L,k=t.statusChildren,_=t.isArrowShown,B=void 0!==_&&_,M=t.classNameLeftArrow,S=t.classNameRightArrow,D=t.dataEventCategory,N=t.dataEventAction,b=t.dataEventLabel,F=t.onChangePage,A=t.page,Z=t.customPageWidth,W=t.scheme,V=void 0===W?"hellosites":W,T=t.arrowType,j=void 0===T?"Discover":T,O="number"==typeof A,G=e.useState(O?A:0),H=G[0],I=G[1],R=[];r.default.Children.map(C,(function(e,t){t%(i*c)==0&&R.push([]),R[R.length-1].push(r.default.cloneElement(e))}));var X=e.useRef(),P=e.useRef(0),U=function(e){if(X.current){var t=X.current.clientWidth,a=Z||t,l="intertwined"===E?"percentage"===g.unit?e*a+g.amount/100*a*e:e*a+g.amount*a*e:e*a;X.current.scrollTo({top:0,left:l,behavior:"smooth"}),P.current=e,I(e),F&&F(e)}};e.useEffect((function(){"number"==typeof A&&function(e){if(X.current){var t=X.current.clientWidth,a=Z||t,l="intertwined"===E?"percentage"===g.unit?e*a+g.amount/100*a*e:e*a+g.amount*a*e:e*a;X.current.scrollTo({top:0,left:l,behavior:"smooth"}),P.current=e,I(e)}}(A)}),[A]);var Y=function(e){if(X.current){var t,a=X.current.clientWidth,l=Z||a;t=0===H?0:H*l,"forward"===e&&(t===l*(R.length-1)?(I(R.length-1),t=l*(R.length-1),F&&F(R.length-1)):(I(H+1),t+=l,F&&F(H+1)),X.current.scrollTo({top:0,left:t,behavior:"smooth"})),"back"===e&&(0===t?(I(0),F&&F(0),t=0):(I(H-1),F&&F(H-1),t-=l),X.current.scrollTo({top:0,left:t,behavior:"smooth"}))}},q=n.default((function(){if("infinity"===v){if(!X.current)return;var e=X.current,t=e.clientWidth,a=e.scrollLeft,l=Z||t,r=Math.floor(a/l);I(r),F&&F(r)}}),400);return e.useEffect((function(){if("snapped"===v){var e,t,a,l,r,n,o=!1,i=X.current,d=function(n,d){o=!0,a=!1,l=!1,e=n-i.offsetLeft,t=d-i.offsetTop,r=i.scrollLeft},c=function(e){d(e.pageX,e.pageY)},u=function(e){d(e.touches[0].pageX,e.touches[0].pageY)},s=function(){if(o=!1,a=!1,l=!1,X.current){var e=X.current.clientWidth,t=Z||e,r="ltr"===n?0!==P.current?P.current-1:P.current:"rtl"===n&&P.current<R.length-1?P.current+1:P.current,i="intertwined"===E?"percentage"===g.unit?r*t+g.amount/100*t*r:r*t+g.amount*t*r:r*t;X.current.scrollTo({top:0,left:i,behavior:"smooth"}),n="none",P.current!==r&&(P.current=r,I(r),F&&F(r))}},f=function(d,c){if(o){var u=d-i.offsetLeft,s=c-i.offsetTop,f=u-e,m=s-t;a||l||!(m>20||m<-20)||(a=!0),!a&&(f>20||f<-20)&&(l=!0,i.scrollLeft=r-f,f>0&&(n="ltr"),f<0&&(n="rtl"),0===f&&(n="none"))}},m=function(e){l&&e.preventDefault(),f(e.pageX,e.pageY)},h=function(e){l&&e.preventDefault(),f(e.touches[0].pageX,e.touches[0].pageY)};return null==i||i.addEventListener("mousedown",c),null==i||i.addEventListener("touchstart",u),window.addEventListener("mouseup",s),window.addEventListener("touchend",s),null==i||i.addEventListener("mousemove",m),null==i||i.addEventListener("touchmove",h),function(){null==i||i.removeEventListener("mousedown",c),null==i||i.removeEventListener("touchstart",u),window.removeEventListener("mouseup",s),window.removeEventListener("touchend",s),null==i||i.removeEventListener("mousemove",m),null==i||i.removeEventListener("touchmove",h)}}}),[]),r.default.createElement(a.StyledScrollList,{className:x,"data-row":i,onScroll:q},B&&H>0&&r.default.createElement("div",{className:"".concat(M," arrow-left"),onClick:function(){return Y("back")},"data-event-category":D,"data-event-action":N,"data-event-label":b},"Care"===j?r.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},r.default.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},r.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3V3C31.8368 3 39.0002 10.1634 39.0002 19V19C39.0002 27.8366 31.8368 35 23.0002 35V35C14.1637 35 7.00024 27.8366 7.00024 19V19Z",fill:"white"}),r.default.createElement("path",{d:"M20.9293 19L24.7503 15.179C25.1643 14.765 25.1643 14.093 24.7503 13.679C24.3363 13.265 23.6643 13.265 23.2503 13.679L18.6363 18.293C18.2453 18.684 18.2453 19.317 18.6363 19.707L23.2503 24.321C23.6643 24.735 24.3363 24.735 24.7503 24.321C25.1643 23.907 25.1643 23.235 24.7503 22.821L20.9293 19Z",fill:"#595959"}),r.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),r.default.createElement("defs",null,r.default.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},r.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),r.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),r.default.createElement("feOffset",{dx:"-2",dy:"2"}),r.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),r.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),r.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),r.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),r.default.createElement("feOffset",{dx:"-1",dy:"1"}),r.default.createElement("feGaussianBlur",{stdDeviation:"1"}),r.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),r.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),r.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):r.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===V?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.default.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===V?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===V?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),r.default.createElement("div",{ref:X,className:"container",style:{overflowX:"snapped"===v||B?"hidden":"scroll"}},R.map((function(e,t){for(var a=0,l=0;l<t;l++)a+=R[l].length;return r.default.createElement("div",{key:t,className:"section",style:{marginLeft:"intertwined"===E&&0!==t?g.amount+""+("percentage"===g.unit?"%":"px"):"0px"}},1===i&&y&&r.default.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:"repeat(".concat(c,", 1fr)")}},e.map((function(l,n){var i=a+n,d=k.find((function(e){return e.index===i}));return r.default.createElement("div",{className:"items-progress",key:n},0===n&&0===t?r.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):r.default.createElement("div",{className:"line"}),r.default.createElement("div",{className:"icon-status"},r.default.createElement(o,{status:null==d?void 0:d.status})),t===R.length-1&&n===e.length-1?r.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):r.default.createElement("div",{className:"line"}))}))),r.default.createElement("div",{className:"grid-layout","data-index":t,style:{gridTemplateColumns:"repeat(".concat(c,", 1fr)"),gridTemplateRows:"repeat(".concat(i,", 1fr)")}},e.map((function(e,t){return r.default.createElement(r.default.Fragment,{key:t},r.default.createElement("div",{className:"item-grid",key:t},e))}))))}))),B&&H<R.length-1&&r.default.createElement("div",{className:"".concat(S," arrow-right"),onClick:function(){return Y("forward")},"data-event-category":D,"data-event-action":N,"data-event-label":b}," ","Care"===j?r.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},r.default.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},r.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3C31.8368 3 39.0002 10.1634 39.0002 19C39.0002 27.8366 31.8368 35 23.0002 35C14.1637 35 7.00024 27.8366 7.00024 19Z",fill:"white"}),r.default.createElement("path",{d:"M24.0712 19L20.2502 15.179C19.8362 14.765 19.8362 14.093 20.2502 13.679C20.6642 13.265 21.3362 13.265 21.7502 13.679L26.3642 18.293C26.7552 18.684 26.7552 19.317 26.3642 19.707L21.7502 24.321C21.3362 24.735 20.6642 24.735 20.2502 24.321C19.8362 23.907 19.8362 23.235 20.2502 22.821L24.0712 19Z",fill:"#595959"}),r.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),r.default.createElement("defs",null,r.default.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},r.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),r.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),r.default.createElement("feOffset",{dx:"-2",dy:"2"}),r.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),r.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),r.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),r.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),r.default.createElement("feOffset",{dx:"-1",dy:"1"}),r.default.createElement("feGaussianBlur",{stdDeviation:"1"}),r.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),r.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),r.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):r.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===V?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.default.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===V?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===V?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),s&&r.default.createElement("ul",{className:"bullet-nav"},R.map((function(e,t){return r.default.createElement("li",{key:t,className:"bullet-nav__item "},r.default.createElement("p",{onClick:function(){return U(t)},className:"bullet-nav__link scroll ".concat(H==t?"active":null),"data-scheme":V}))}))),m&&r.default.createElement("div",{className:"image-gallery-wrapper","data-test":R.length},R.slice(0,3).map((function(e,t){return r.default.createElement("div",{className:"image-block ".concat(H==t?"active":null),key:t,onClick:function(){return U(t)},"data-scheme":V},e)}))))};

package/build/components/molecules/scrollList/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

package/build/components/molecules/seoHead/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),t=require("react");require('./../../../externals/html-react-parser/index.mjs.js');var a=require("../../../interfaces/constants/index.js"),n=require('./../../../externals/html-react-parser/index.js'),r=require("../../../interfaces/constants/isProduction.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(t);exports.SeoHead=function(l){var c,i,m,p,s,d,u,f,g,h,v,y,E=l.SEOData,w=void 0===E?{}:E,_=l.isAmp,S=void 0!==_&&_,j=l.locale,b=void 0===j?"vi-VN":j,k=l.routerPathname,x=l.routerQuery,G=l.nextHead,I=l.siteType,A=l.seoCustom,D=l.userId,M=l.forcedCanonicalUrl,H=w.totalPages,O=w.currentPage,P=w.SEOTitle,L=void 0===P?"":P,N=w.SEODescription,C=void 0===N?"":N,T=w.SEOImage,W=w.seoType,q=w.SEOImageWidth,B=w.SEOImageHeight,F=w.customMetaData,U=void 0===F?[]:F,V=w.isIndexable,z=void 0===V||V,K=w.hasNoCanonical,Q=void 0!==K&&K,R=z&&r.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",X=process.env.NEXT_PUBLIC_BASE_API_URL,Y=w.canonicalUrl||k;Object.keys(x).forEach((function(e){var t=x[e];t&&Array.isArray(t)&&(Y=Y.replace("[...".concat(e,"]"),t.join("/")))}));var J=b||"en-PH",Z="helloSites"===I?a.domainLocales[J]:"www.marrybaby.vn",$=Y.endsWith("/")?"":"/",ee=t.useMemo((function(){var t,a,r,l,c,i,m,p="";if(w.apiMetaData&&"string"==typeof w.apiMetaData){var s=null===(t=w.apiMetaData)||void 0===t?void 0:t.match(/<title.*?>(.*)<\/title>/),d=" - Page ".concat(O," of ").concat(H),u=O&&1!==O&&s?w.apiMetaData.replace(s[0],s[0].includes("-")?s[0].replace("-",d+" - "):"<title>".concat(s[1].concat(d),"</title>")).replace('<link rel="canonical" href="https://'.concat(Z).concat(Y).concat($,'" />'),'<link rel="canonical" href="https://'.concat(Z).concat(Y).concat($,"?page=").concat(O,'" />')):w.apiMetaData;if(!(p=n(u,{trim:!0})).find((function(e){var t,a;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(a=e.props)||void 0===a?void 0:a.property)}))){var f="https://".concat(Z,"/images/").concat(b,".png");p=e.__spreadArray(e.__spreadArray([],p,!0),[o.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=w.openGraph)||void 0===a?void 0:a.image)||T||f||""}),o.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(r=w.openGraph)||void 0===r?void 0:r.image)||T||f}),o.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(l=w.openGraph)||void 0===l?void 0:l.imageWidth)&&String(null===(c=w.openGraph)||void 0===c?void 0:c.imageWidth)||q&&String(q)||"1200"}),o.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(i=w.openGraph)||void 0===i?void 0:i.imageHeight)&&String(null===(m=w.openGraph)||void 0===m?void 0:m.imageHeight)||B&&String(B)||"630"})],!1)}}return p}),[w.apiMetaData,w.openGraph,T,B,q,O,Y,H,b,Z]),te="https://".concat(Z,"/images/").concat(b,".png");return o.default.createElement(G,null,o.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===I&&o.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===b?o.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===b||"ms-MY"===b?o.default.createElement(o.default.Fragment,null):o.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap",rel:"preload",as:"style"}),o.default.createElement("link",{rel:"preconnect",href:X}),o.default.createElement("meta",{charSet:"UTF-8"}),!S&&o.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),o.default.createElement("meta",{name:"google",content:"notranslate"}),o.default.createElement("meta",{name:"robots",content:R}),o.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),U.map((function(t,a){return o.default.createElement("meta",e.__assign({key:a},t))})),o.default.createElement("meta",{name:"theme-color",content:"helloSites"===I?"#2c87f3":"#e85388"}),o.default.createElement("meta",{name:"page_type",content:"Home"}),o.default.createElement("meta",{name:"page_platform",content:"WEB"}),o.default.createElement("meta",{name:"page_language",content:J}),o.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),S&&o.default.createElement(o.default.Fragment,null,o.default.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),o.default.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),o.default.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),o.default.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),o.default.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),o.default.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),o.default.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!ee&&o.default.createElement(o.default.Fragment,null,"helloSites"===I?o.default.createElement("title",null,A?L:L+" - "+(null===(c=a.LOCALE_SPECS[b])||void 0===c?void 0:c.SITE_NAME)):o.default.createElement("title",null,L),!Q&&o.default.createElement("link",{rel:"canonical",href:"https://".concat(Z).concat(Y)}),o.default.createElement("meta",{name:"description",content:C||(null===(i=w.openGraph)||void 0===i?void 0:i.description)}),w.schemaData&&o.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:w.schemaData}}),o.default.createElement("meta",{property:"og:locale",content:b}),o.default.createElement("meta",{property:"og:type",content:W||"website"}),o.default.createElement("meta",{property:"og:title",content:(null===(m=w.openGraph)||void 0===m?void 0:m.title)||L}),o.default.createElement("meta",{property:"og:description",content:(null===(p=w.openGraph)||void 0===p?void 0:p.description)||C}),o.default.createElement("meta",{property:"og:url",content:"https://".concat(Z).concat(Y)}),o.default.createElement("meta",{property:"og:site_name",content:"https://".concat(Z)}),o.default.createElement("meta",{property:"og:image",content:(null===(s=w.openGraph)||void 0===s?void 0:s.image)||T||te||""}),o.default.createElement("meta",{property:"og:image:secure_url",content:(null===(d=w.openGraph)||void 0===d?void 0:d.image)||T||te}),o.default.createElement("meta",{property:"og:image:width",content:(null===(u=w.openGraph)||void 0===u?void 0:u.imageWidth)&&String(null===(f=w.openGraph)||void 0===f?void 0:f.imageWidth)||q&&String(q)||"1200"}),o.default.createElement("meta",{property:"og:image:height",content:(null===(g=w.openGraph)||void 0===g?void 0:g.imageHeight)&&String(null===(h=w.openGraph)||void 0===h?void 0:h.imageHeight)||B&&String(B)||"630"}),o.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),o.default.createElement("meta",{name:"twitter:title",content:(null===(v=w.twitter)||void 0===v?void 0:v.title)||L}),o.default.createElement("meta",{name:"twitter:description",content:C}),o.default.createElement("meta",{name:"twitter:image",content:(null===(y=w.twitter)||void 0===y?void 0:y.image)||T})),("helloSites"===I?a.FAVICONS[J]||[]:a.FAVICONS.marryBaby).map((function(e,t){return"link"===e.type?o.default.createElement("link",{key:"favicon-".concat(t),rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?o.default.createElement("meta",{key:t,name:e.name,content:e.content}):null})),Array.isArray(ee)&&M?ee.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):ee,M&&o.default.createElement("link",{rel:"canonical",href:M}),!w.hasNoAmp&&"vi-VN"!==b&&o.default.createElement("link",{rel:"amphtml",href:"https://".concat(Z).concat(Y).concat($,"?amp=1")}),D&&"undefined"!=typeof window?o.default.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(D,"'});")}}):null)};

package/build/components/molecules/shareContainer/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),t=require("react"),r=require("../../atoms/button/index.js"),n=require("../../atoms/text/index.js"),a=require("../../../hooks/useTranslations.js"),o=require("../../../misc/getSocialList.js"),i=require("../../../misc/theme.js"),l=require("./index.styled.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(t),c=function(){return s.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.default.createElement("path",{d:"M6.86364 10.6666H5.22727C4.86912 10.6666 4.51448 10.5977 4.18359 10.4637C3.8527 10.3296 3.55205 10.1332 3.2988 9.8856C2.78734 9.3855 2.5 8.70722 2.5 7.99998C2.5 7.29274 2.78734 6.61446 3.2988 6.11436C3.81026 5.61426 4.50396 5.33331 5.22727 5.33331H6.86364M9.78374 5.33331H11.7727C12.1309 5.33331 12.4855 5.40229 12.8164 5.5363C13.1473 5.67031 13.4479 5.86674 13.7012 6.11436C13.9545 6.36198 14.1553 6.65596 14.2924 6.97949C14.4295 7.30303 14.5 7.64979 14.5 7.99998C14.5 8.35017 14.4295 8.69693 14.2924 9.02047C14.1553 9.344 13.9545 9.63798 13.7012 9.8856C13.4479 10.1332 13.1473 10.3296 12.8164 10.4637C12.4855 10.5977 12.1309 10.6666 11.7727 10.6666H9.78374",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}),s.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}))};exports.ShareContainer=function(u){var d=u.url,f=u.onCopied,v=u.locale,m=u.siteType,h=a.useTranslations().t,C=o.getSocialList(d||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(v)})),p=t.useMemo((function(){return"undefined"!=typeof window?window.location.href:""}),[]);return s.default.createElement(l.StyledShareContainer,null,s.default.createElement(n.Text,{size:"p3",color:i.theme.colors.gray800},h("shareContainer.title")),s.default.createElement("div",{className:"icon-group"},C.map((function(e,t){return s.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer","data-event-category":"Health Tool","data-event-action":"Social Share - ".concat(e.name),"data-event-label":p},e.icon)})),s.default.createElement(r.Button,{theme:m,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:s.default.createElement(c,null),onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,null===(t=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===t?void 0:t.writeText(d)];case 1:return e.sent(),null==f||f(),[2]}}))}))},"data-event-category":"Health Tool","data-event-action":"Copy Link","data-event-label":p})))};

package/build/components/molecules/shareContainer/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

package/build/components/molecules/shareDrawer/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),t=require("react"),a=require("../../atoms/button/index.js"),r=require("../../atoms/input/index.js"),n=require("../../atoms/text/index.js"),l=require("../../../hooks/useTranslations.js"),i=require("../../../misc/getSocialList.js"),o=require("../../../misc/theme.js"),s=require("./index.styled.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(t),d=function(){return c.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},c.default.createElement("path",{d:"M4 2.5C3.17125 2.5 2.5 3.17125 2.5 4V13.75C2.5 14.164 2.836 14.5 3.25 14.5C3.664 14.5 4 14.164 4 13.75V4H13.75C14.164 4 14.5 3.664 14.5 3.25C14.5 2.836 14.164 2.5 13.75 2.5H4ZM7 5.5C6.17125 5.5 5.5 6.17125 5.5 7V16C5.5 16.8287 6.17125 17.5 7 17.5H16C16.8287 17.5 17.5 16.8287 17.5 16V7C17.5 6.17125 16.8287 5.5 16 5.5H7ZM7 7H16V16H7V7Z",fill:"#595959"}))};exports.ShareDrawer=function(u){var f=u.open,m=u.title,v=u.onClose,h=u.onCopied,p=u.onShared,g=u.url,C=u.locale,E=e.__rest(u,["open","title","onClose","onCopied","onShared","url","locale"]),y=l.useTranslations().t,w=t.useCallback((function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,null===(t=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===t?void 0:t.writeText(g)];case 1:return e.sent(),null==h||h(),[2]}}))}))}),[g,h]),b=i.getSocialList(g||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(C)}));return t.useEffect((function(){f&&navigator.share&&navigator.share({title:null!=m?m:"Read This Post",url:g}).then((function(){null==p||p()})).catch((function(){null==v||v()}))}),[g,m,p,f]),"undefined"!=typeof navigator&&navigator.share?null:c.default.createElement(s.StyledShareDrawer,e.__assign({title:y("share.title"),onClose:v,open:f,placement:"bottom"},E),c.default.createElement("div",{className:"share-container"},c.default.createElement("div",{className:"icon-container"},c.default.createElement(n.Text,{type:"semiBold",size:"s3",color:o.theme.colors.gray600},y("share.title")),c.default.createElement("div",{className:"icon-group"},b.map((function(e,t){return c.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon)})))),c.default.createElement("div",{className:"link-container"},c.default.createElement(n.Text,{type:"semiBold",size:"s3",color:o.theme.colors.gray600},y("share.copyLink")),c.default.createElement("div",{className:"input-group"},c.default.createElement(r.Input,{name:"link",size:"md",value:g,isDisabled:!0}),c.default.createElement(a.Button,{size:"md",type:"button",color:"tertiary",icon:c.default.createElement(d,null),onClick:w})))))};

package/build/components/molecules/shareDrawer/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../externals/tslib/tslib.es6.js'),e=require("../../atoms/drawer/index.js");function p(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,o=p(require("styled-components")).default(e.Drawer)(r||(r=n.__makeTemplateObject(["\n padding-bottom: 24px;\n .share-container {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n .icon-group {\n margin-top: 12px;\n display: flex;\n gap: 16px;\n img {\n border-radius: 8px;\n }\n }\n .input-group {\n margin-top: 8px;\n display: flex;\n gap: 8px;\n button {\n padding: 10px;\n &:hover {\n background-color: ",";\n }\n }\n svg {\n margin: 0;\n }\n a,\n svg:not(.copy) {\n width: 32px;\n height: 32px;\n }\n }\n"],["\n padding-bottom: 24px;\n .share-container {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n .icon-group {\n margin-top: 12px;\n display: flex;\n gap: 16px;\n img {\n border-radius: 8px;\n }\n }\n .input-group {\n margin-top: 8px;\n display: flex;\n gap: 8px;\n button {\n padding: 10px;\n &:hover {\n background-color: ",";\n }\n }\n svg {\n margin: 0;\n }\n a,\n svg:not(.copy) {\n width: 32px;\n height: 32px;\n }\n }\n"])),(function(n){return n.theme.colors.neutral50}));exports.StyledShareDrawer=o;

package/build/components/molecules/sidemenu/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./sideMenu.js"),r=require("./sideHeader.js"),s=require("./userInfo.js"),i=require("./menuLink.js");exports.SideMenu=e.SideMenu,exports.SideHeader=r.SideHeader,exports.UserInfo=s.UserInfo,exports.MenuLink=i.MenuLink;

package/build/components/molecules/sidemenu/menuLink.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../externals/tslib/tslib.es6.js'),e=require("react"),t=require("../../atoms/text/index.js"),i=require("styled-components");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,o=a(e),l=a(i).default.div(r||(r=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: 9px 21px;\n margin-bottom: 4px;\n border-radius: 6px;\n\n &:not([data-is-link-active]) {\n cursor: pointer;\n }\n\n p {\n margin-left: 12px;\n }\n\n &[data-is-link-active] {\n background: ",";\n }\n\n &[data-is-link-collapsed] {\n justify-content: center;\n margin-right: -14px;\n margin-left: -14px;\n }\n"],["\n display: flex;\n align-items: center;\n padding: 9px 21px;\n margin-bottom: 4px;\n border-radius: 6px;\n\n &:not([data-is-link-active]) {\n cursor: pointer;\n }\n\n p {\n margin-left: 12px;\n }\n\n &[data-is-link-active] {\n background: ",";\n }\n\n &[data-is-link-collapsed] {\n justify-content: center;\n margin-right: -14px;\n margin-left: -14px;\n }\n"])),(function(n){return n.theme.colors.primaryBase}));exports.MenuLink=function(n){var e=n.icon,i=n.isActive,a=n.children,r=n.isCollapsed,d=n.activeIcon,s=n.onLinkClick,c=n.textSize,p=void 0===c?"base":c,u=n.textType,x=void 0===u?"bold":u,f=n.textColorActive,m=void 0===f?"#fff":f,v=n.textColor,g=void 0===v?"#595959":v;return o.default.createElement(l,{"data-is-link-active":i||void 0,onClick:s,"data-is-link-collapsed":r||void 0},i&&d?d:e,!r&&o.default.createElement(t.Text,{size:p,type:x,color:i?m:g},a))};

package/build/components/molecules/sidemenu/sideHeader.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),t=require("react"),n=require("../../atoms/logo/index.js"),a=require("styled-components");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r,i,s=o(t),l=o(a),d=l.default.div(r||(r=e.__makeTemplateObject(["\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n\n svg {\n transition: 0.4s ease-in-out;\n }\n"],["\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n\n svg {\n transition: 0.4s ease-in-out;\n }\n"]))),u=l.default.div(i||(i=e.__makeTemplateObject(["\n cursor: pointer;\n &[data-is-collapsed] {\n transform: rotate(180deg);\n }\n"],["\n cursor: pointer;\n &[data-is-collapsed] {\n transform: rotate(180deg);\n }\n"])));exports.SideHeader=function(e){var t=e.isCollapsed,a=e.defaultLogo,o=e.onBackClick,r=e.customIcon;return s.default.createElement(d,null,s.default.createElement(n.Logo,{type:t?"logomark":a||"hellocare",customSize:{width:t?"24px":"77px",height:"24px"}}),s.default.createElement(u,{"data-is-collapsed":t||void 0,onClick:o},r||s.default.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 20 20",width:"20px",height:"20px"},s.default.createElement("path",{d:"M10 .75A9.25 9.25 0 1019.25 10 9.25 9.25 0 0010 .75z",fill:"none",stroke:"#d2d6dc",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),s.default.createElement("path",{d:"M11.44 6.53L8 10l3.48 3.47",fill:"none",stroke:"#737373",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}))))};

package/build/components/molecules/sidemenu/sideMenu.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../externals/tslib/tslib.es6.js'),e=require("react"),t=require("styled-components");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,s=a(e),r=a(t).default.div(i||(i=n.__makeTemplateObject(["\n --menu-width: 240px;\n --menu-spacing: 28px 16px;\n width: var(--menu-width);\n height: 100vh;\n padding: var(--menu-spacing);\n background-color: ",";\n transition: ease-in-out 0.5s;\n\n &[data-is-collapsed] {\n --menu-width: 64px;\n --menu-spacing: 28px 8px;\n }\n"],["\n --menu-width: 240px;\n --menu-spacing: 28px 16px;\n width: var(--menu-width);\n height: 100vh;\n padding: var(--menu-spacing);\n background-color: ",";\n transition: ease-in-out 0.5s;\n\n &[data-is-collapsed] {\n --menu-width: 64px;\n --menu-spacing: 28px 8px;\n }\n"])),(function(n){return n.theme.colors.neutral50}));exports.SideMenu=function(n){var e=n.isCollapsed,t=n.className,a=n.style,i=n.children;return s.default.createElement(r,{style:a,className:t,"data-is-collapsed":e||void 0},i)};

package/build/components/molecules/sidemenu/userInfo.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),n=require("react"),t=require("../doctorInfo/index.js"),a=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r,o=i(n),s=i(a).default.div(r||(r=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-top: 24px;\n margin-bottom: 36px;\n\n figcaption {\n white-space: nowrap;\n }\n\n &[data-is-collapsed='true'] {\n img {\n max-width: 2rem;\n max-height: 2rem;\n }\n }\n"],["\n display: flex;\n align-items: center;\n margin-top: 24px;\n margin-bottom: 36px;\n\n figcaption {\n white-space: nowrap;\n }\n\n &[data-is-collapsed='true'] {\n img {\n max-width: 2rem;\n max-height: 2rem;\n }\n }\n"])));exports.UserInfo=function(e){var n=e.isCollapsed,a=e.userName,i=e.role,r=e.avatar;return o.default.createElement(s,{"data-is-collapsed":n||void 0},o.default.createElement(t.DoctorInfo,{image:r,name:a,description:i,isDescriptionHidden:n}))};

package/build/components/molecules/statisticCard/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);exports.StatisticCard=function(e){var a=e.type,l=e.description,i=e.value,d=e.withIcon,c=e.isInACard,s=e.cardColor,n=e.className;return r.default.createElement(t.StyledStatisticContainer,{className:n,"data-size":a,"data-is-in-card":"big"===a&&c,"data-card-color":s},r.default.createElement(t.StyledDescriptionWrapper,null,"small"===a&&r.default.createElement(t.StyledDot,{"data-color":s}),l),r.default.createElement(t.StyledStatisticNumberWrapper,{"data-size":a},"small"!==a&&d,i))};

package/build/components/molecules/statisticCard/index.styled.js ADDED Viewed

@@ -0,0 +1 @@