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/esm/components/molecules/embeddedHeathToolCards/ovulation/ovulation.js ADDED Viewed

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import t from"styled-components";var a,o,e,i,r,s,l,m,d=200,p=t.div(a||(a=n([""],[""]))),f=t.div(o||(o=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"],["\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)}),d,d,d),h=t.div(e||(e=n(["\n position: fixed;\n right: 16px;\n bottom: 40px;\n"],["\n position: fixed;\n right: 16px;\n bottom: 40px;\n"]))),u=t.div(i||(i=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"],["\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"])),d),c=t.div(r||(r=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"],["\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)}),d,d),g=t.div(s||(s=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"],["\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"])),d,d,250,250),x=t.div(l||(l=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"],["\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"])),d,d),y=t.div(m||(m=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"],["\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)}),d);export{p as StyledFloatButtonGroup,f as StyledFloatButtonGroupBackgroundPanel,g as StyledFloatButtonGroupButton,y as StyledFloatButtonGroupButtonIcon,x as StyledFloatButtonGroupButtonLabel,h as StyledFloatButtonGroupContent,u as StyledFloatButtonGroupItemsWrapper,c as StyledFloatButtonGroupToggleIcon,d as TRANSITION_TIMING};

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

	@@ -0,0 +1 @@
1	+ import e from"react";import{StyledIconText as i}from"./index.styled.js";var t=function(t){var o=t.size,r=t.iconPosition,a=t.className,n=t.children,s=t.icon;return e.createElement(i,{className:a,"data-size":o,"data-icon-position":r},"left"===r&&s,n,"right"===r&&s)};export{t as IconText};

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{MediaQueries as t}from"../../../misc/utils.js";import i from"styled-components";var e,o=i.div(e||(e=n(["\n display: flex;\n align-items: center;\n --font-weight-lg: ",";\n --font-weight-md: ",";\n --font-weight-sm: ",";\n\n &[data-icon-position='left'] {\n & > *:first-child {\n margin-right: 8px;\n }\n\n & > *:last-child {\n width: calc(100% - 24px);\n }\n }\n &[data-icon-position='right'] {\n & > *:first-child {\n width: calc(100% - 24px);\n }\n & > *:last-child {\n margin-left: 8px;\n }\n }\n\n "," {\n &[data-size='lg'] {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--font-weight-lg);\n }\n &[data-size='md'] {\n font-size: 14px;\n line-height: 22px;\n font-weight: var(--font-weight-md);\n }\n &[data-size='sm'] {\n font-size: 13px;\n line-height: 20px;\n font-weight: var(----font-weight-sm);\n }\n }\n"],["\n display: flex;\n align-items: center;\n --font-weight-lg: ",";\n --font-weight-md: ",";\n --font-weight-sm: ",";\n\n &[data-icon-position='left'] {\n & > *:first-child {\n margin-right: 8px;\n }\n\n & > *:last-child {\n width: calc(100% - 24px);\n }\n }\n &[data-icon-position='right'] {\n & > *:first-child {\n width: calc(100% - 24px);\n }\n & > *:last-child {\n margin-left: 8px;\n }\n }\n\n "," {\n &[data-size='lg'] {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--font-weight-lg);\n }\n &[data-size='md'] {\n font-size: 14px;\n line-height: 22px;\n font-weight: var(--font-weight-md);\n }\n &[data-size='sm'] {\n font-size: 13px;\n line-height: 20px;\n font-weight: var(----font-weight-sm);\n }\n }\n"])),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular}),t.mbDown);export{o as StyledIconText};

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

@@ -0,0 +1 @@

+ import e from"react";import{Flag as l}from"../../atoms/flag/index.js";import{StyledLanguageChangeLink as o}from"./index.styled.js";import{TooltipSelection as n}from"./tooltipSelection/index.js";var t=function(l){var o,t,r=l.languageOptions,a=l.locale,d=null==r?void 0:r.find((function(e){return e.locale===a}));return(null==r?void 0:r.length)?e.createElement(n,{options:r,selected:d.value,label:e.createElement(i,{locale:a,label:d.label||(null===(t=null===(o=a.split("-"))||void 0===o?void 0:o[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},i=function(n){var t,i,r,a=n.locale,d=n.label,u=n.href;return e.createElement(o,{href:u},e.createElement(l,{country:null===(i=null===(t=null==a?void 0:a.split("-"))||void 0===t?void 0:t[1])||void 0===i?void 0:i.toUpperCase(),width:16,height:16,rounded:!0,language:null===(r=null==a?void 0:a.split("-"))||void 0===r?void 0:r[0]}),e.createElement("span",null,d))};export{i as LanguageLabel,t as LanguageSwitcher};

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import e from"styled-components";var o,r=e.a(o||(o=n(["\n display: inline-flex;\n position: relative;\n flex-direction: row;\n align-items: center;\n padding: 7px 11px;\n gap: 2px;\n\n background: ",";\n border: 1px solid ",";\n border-radius: 20px;\n\n color: ",";\n font-weight: 600;\n font-size: 12px;\n line-height: 18px;\n text-decoration: none;\n\n cursor: pointer;\n"],["\n display: inline-flex;\n position: relative;\n flex-direction: row;\n align-items: center;\n padding: 7px 11px;\n gap: 2px;\n\n background: ",";\n border: 1px solid ",";\n border-radius: 20px;\n\n color: ",";\n font-weight: 600;\n font-size: 12px;\n line-height: 18px;\n text-decoration: none;\n\n cursor: pointer;\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray600}));export{r as StyledLanguageChangeLink};

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import e from"styled-components";var o,t,i,r,d,p=e.div(o||(o=n(["\n position: relative;\n display: inline-block;\n"],["\n position: relative;\n display: inline-block;\n"]))),a=e.div(t||(t=n(["\n position: relative;\n"],["\n position: relative;\n"]))),s=e.div(i||(i=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"],["\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"]))),l=e.div(r||(r=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"],["\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})),h=e.div(d||(d=n(["\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"])));export{s as StyleSelectionPopup,l as StyledOption,h as StyledPopupBackground,p as StyledSelectionContainer,a as StyledSelectionLabel};

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ import{__rest as o,__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t from"react";import{StyledMobileBottomNavigation as i}from"./index.styled.js";import{MobileBottomNavigationIcon as a}from"./MobileBottomNavigationIcon.js";var l=function(a){var l=a.children,r=a.on,m=void 0===r?"":r,d=a.isCollapsed,n=void 0!==d&&d,s=a.template,p=void 0===s?"homepage":s,c=o(a,["children","on","isCollapsed","template"]);return t.createElement(i,e({on:m,"data-is-collapsed":n,"data-template":p},c),l)};l.Icon=a;export{l as MobileBottomNavigation};

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import t,{keyframes as e}from"styled-components";import{theme as i}from"../../../misc/theme.js";import{MediaQueries as a}from"../../../misc/utils.js";var o,r,l,s,p,d,x,c=e(o||(o=n(["\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"]))),m=e(r||(r=n(["\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"]))),h=t.div(l||(l=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"],["\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"])),i.colors.gray600,a.mbDown,i.colors.blue50,i.colors.primaryBase,i.colors.primaryBase),f=t.div(s||(s=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"],["\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"])),i.colors.white,m,c),g=t.span(p||(p=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"],["\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"])),i.colors.green800,i.colors.white);t.div(d||(d=n(["\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"])),i.colors.primaryBase),t.div(x||(x=n(["\n a {\n text-decoration: none;\n }\n"],["\n a {\n text-decoration: none;\n }\n"])));export{g as StyledBadge,f as StyledMobileBottomNavigation,h as StyledMobileBottomNavigationIcon,m as slideOutDown};

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{MediaQueries as t}from"../../../misc/utils.js";import{getDefaultClassWrapper as e}from"../../../misc/defaultClassWrapper.js";import i from"styled-components";var o,a,d,r=i.div(o||(o=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"],["\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})),h="hhgcomp-modal-modal",s=e(r,h),p=i.div(a||(a=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"],["\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"])),h,h,h,h,h,h,t.mbDown,h,t.mbDown,h,t.mbDown),l=i.div(d||(d=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"],["\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}));export{s as StyledModal,h as StyledModalClass,l as StyledModalMask,p as StyledModalWrapper,r as _StyledModal};

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{Pill as p}from"../../atoms/pill/index.js";import{CentralCarousel as r}from"../../mantine/CentralCarousel/index.js";import e from"styled-components";var o,i,d,t=e(p)(o||(o=n(["\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"]))),a=e(r.Slide)(i||(i=n([""],[""]))),l=e(r)(d||(d=n(["\n .centerred-pill-wrapper {\n padding: 16px 0;\n }\n"],["\n .centerred-pill-wrapper {\n padding: 16px 0;\n }\n"])));export{l as StyledCarousel,t as StyledPill,a as StyledSlide};

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

@@ -0,0 +1 @@

+ import e from"react";import{StyledPopup as t,StyledPopupWrapper as a}from"./index.styled.js";var n=function(n){var o=n.type,c=void 0===o?"lead":o,l=n.closeIcon,i=n.isOpen,r=void 0===i||i,m=n.onClose,d=n.children,s=n.className,p=void 0===s?"":s,v=n.enableAnimation,u=void 0===v||v;return e.createElement(e.Fragment,null,e.createElement(t,{"data-open":r,"data-type":c,"data-animation":u},e.createElement("div",{className:"".concat(p||""," popup-content")},!!l&&e.createElement("div",{className:"close-button",onClick:m},l),d)),e.createElement(a,{"data-open":r,onClick:m}))};export{n as Popup};

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{MediaQueries as t}from"../../../misc/utils.js";import i from"styled-components";var o,e,p=i.div(o||(o=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"],["\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.mbDown,t.mbDown,t.mbUp),d=i.div(e||(e=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"],["\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"])));export{p as StyledPopup,d as StyledPopupWrapper};

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import t from"styled-components";var e,r,o,i,s,a,l,c,d,p,u,h,g=t.div(e||(e=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"],["\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"]))),f=t.div(r||(r=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"],["\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})),x=t.div(o||(o=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"],["\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})),m=t.div(i||(i=n(["\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})),b=t.div(s||(s=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"],["\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})),y=t.div(a||(a=n(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),w=t.div(l||(l=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"],["\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=t.div(c||(c=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"],["\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})),k=t.div(d||(d=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"],["\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})),z=t.div(p||(p=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"],["\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})),j=t.div(u||(u=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"],["\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})),B=t.div(h||(h=n(["\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}));export{y as StyledBreadcrumbContainer,w as StyledBreadcrumbWrapper,v as StyledDetailStep,B as StyledDetailStepDescription,k as StyledDetailStepIndicator,z as StyledDetailStepIndicatorExternal,j as StyledDetailStepLabel,g as StyledSlider,f as StyledStep,b as StyledStepLabel,m as StyledTrack,x as StyledTrackContainer};

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import t from"styled-components";var r,a=t.div(r||(r=n(["\n display: flex;\n\n &[data-direction='vertical'] {\n flex-direction: column;\n\n div {\n &[data-type='circle'] {\n margin-bottom: 20px;\n }\n\n &[data-type='rectangle'] {\n margin-bottom: 20px;\n }\n }\n }\n\n &[data-direction='horizontal'] {\n flex-wrap: wrap;\n\n &[data-group='group1'] {\n div {\n &[data-type='rectangle'] {\n flex-wrap: wrap;\n\n &:first-child {\n label {\n border-top-left-radius: 6px;\n border-bottom-left-radius: 6px;\n }\n }\n\n &:last-child {\n label {\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n }\n }\n\n &:not(:last-child) {\n label {\n border-right: unset;\n }\n }\n\n label {\n border-radius: unset;\n }\n }\n }\n }\n\n &[data-group='group2'] {\n div {\n &[data-type='rectangle'] {\n flex-wrap: wrap;\n margin-right: 8px;\n margin-bottom: 8px;\n }\n }\n }\n\n div {\n &[data-type='circle'] {\n margin-right: 25px;\n }\n\n &[data-type='rectangle'] {\n margin-bottom: 20px;\n }\n }\n }\n"],["\n display: flex;\n\n &[data-direction='vertical'] {\n flex-direction: column;\n\n div {\n &[data-type='circle'] {\n margin-bottom: 20px;\n }\n\n &[data-type='rectangle'] {\n margin-bottom: 20px;\n }\n }\n }\n\n &[data-direction='horizontal'] {\n flex-wrap: wrap;\n\n &[data-group='group1'] {\n div {\n &[data-type='rectangle'] {\n flex-wrap: wrap;\n\n &:first-child {\n label {\n border-top-left-radius: 6px;\n border-bottom-left-radius: 6px;\n }\n }\n\n &:last-child {\n label {\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n }\n }\n\n &:not(:last-child) {\n label {\n border-right: unset;\n }\n }\n\n label {\n border-radius: unset;\n }\n }\n }\n }\n\n &[data-group='group2'] {\n div {\n &[data-type='rectangle'] {\n flex-wrap: wrap;\n margin-right: 8px;\n margin-bottom: 8px;\n }\n }\n }\n\n div {\n &[data-type='circle'] {\n margin-right: 25px;\n }\n\n &[data-type='rectangle'] {\n margin-bottom: 20px;\n }\n }\n }\n"])));export{a as StyledRadioGroup};

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import e from"styled-components";var i,t,d=e.div(i||(i=n(["\n display: flex;\n width: 100%;\n\n &[data-direction='vertical'] {\n flex-direction: column;\n }\n\n &[data-direction='horizontal'] {\n flex-wrap: wrap;\n }\n"],["\n display: flex;\n width: 100%;\n\n &[data-direction='vertical'] {\n flex-direction: column;\n }\n\n &[data-direction='horizontal'] {\n flex-wrap: wrap;\n }\n"]))),r=e.div(t||(t=n(["\n display: flex;\n\n padding: 8px;\n\n border-radius: 6px;\n cursor: pointer;\n\n & > div {\n display: flex;\n width: 100%;\n height: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n }\n\n &[data-selected='true'] {\n border: 1px solid #2d87f3;\n background: white;\n\n .radio-group-item-heading {\n color: #2d87f3;\n }\n }\n &[data-selected='false'] {\n border: 1px solid #f2f2f2;\n box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n .radio-group-item-heading {\n color: #262626;\n }\n }\n &[data-disabled='true'] {\n cursor: auto;\n }\n\n .radio-group-item-heading {\n margin-top: 8px;\n text-align: center;\n }\n\n .gender-image {\n width: 23px;\n height: 36px;\n object-fit: contain;\n }\n"],["\n display: flex;\n\n padding: 8px;\n\n border-radius: 6px;\n cursor: pointer;\n\n & > div {\n display: flex;\n width: 100%;\n height: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n }\n\n &[data-selected='true'] {\n border: 1px solid #2d87f3;\n background: white;\n\n .radio-group-item-heading {\n color: #2d87f3;\n }\n }\n &[data-selected='false'] {\n border: 1px solid #f2f2f2;\n box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n .radio-group-item-heading {\n color: #262626;\n }\n }\n &[data-disabled='true'] {\n cursor: auto;\n }\n\n .radio-group-item-heading {\n margin-top: 8px;\n text-align: center;\n }\n\n .gender-image {\n width: 23px;\n height: 36px;\n object-fit: contain;\n }\n"])));export{d as StyledRadioImageGroup,r as StyledRadioImageItem};

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

@@ -0,0 +1 @@

+ import e,{useState as t,useRef as r,useEffect as n}from"react";import a from"lodash/throttle";import{StyledScrollList as l}from"./index.styled.js";var o=function(t){var r=t.status;return"inActive"===r?e.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===r?e.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),e.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===r?e.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.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"}),e.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):e.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"}))},i=function(i){var c=i.row,s=void 0===c?2:c,d=i.column,m=void 0===d?3:d,u=i.isDotsShown,f=void 0===u||u,h=i.isImageGalleryShown,v=void 0!==h&&h,p=i.mode,E=void 0===p?"infinity":p,w=i.type,g=void 0===w?"separated":w,C=i.distanceOverlappedLeft,x=void 0===C?{amount:0,unit:"pixel"}:C,L=i.children,k=i.className,y=i.isProgressShown,_=void 0!==y&&y,B=i.statusChildren,M=i.isArrowShown,D=void 0!==M&&M,N=i.classNameLeftArrow,S=i.classNameRightArrow,b=i.dataEventCategory,F=i.dataEventAction,A=i.dataEventLabel,Z=i.onChangePage,W=i.page,V=i.customPageWidth,T=i.scheme,G=void 0===T?"hellosites":T,O=i.arrowType,j=void 0===O?"Discover":O,H=t("number"==typeof W?W:0),I=H[0],X=H[1],R=[];e.Children.map(L,(function(t,r){r%(s*m)==0&&R.push([]),R[R.length-1].push(e.cloneElement(t))}));var U=r(),Y=r(0),P=function(e){if(U.current){var t=U.current.clientWidth,r=V||t,n="intertwined"===g?"percentage"===x.unit?e*r+x.amount/100*r*e:e*r+x.amount*r*e:e*r;U.current.scrollTo({top:0,left:n,behavior:"smooth"}),Y.current=e,X(e),Z&&Z(e)}};n((function(){"number"==typeof W&&function(e){if(U.current){var t=U.current.clientWidth,r=V||t,n="intertwined"===g?"percentage"===x.unit?e*r+x.amount/100*r*e:e*r+x.amount*r*e:e*r;U.current.scrollTo({top:0,left:n,behavior:"smooth"}),Y.current=e,X(e)}}(W)}),[W]);var q=function(e){if(U.current){var t,r=U.current.clientWidth,n=V||r;t=0===I?0:I*n,"forward"===e&&(t===n*(R.length-1)?(X(R.length-1),t=n*(R.length-1),Z&&Z(R.length-1)):(X(I+1),t+=n,Z&&Z(I+1)),U.current.scrollTo({top:0,left:t,behavior:"smooth"})),"back"===e&&(0===t?(X(0),Z&&Z(0),t=0):(X(I-1),Z&&Z(I-1),t-=n),U.current.scrollTo({top:0,left:t,behavior:"smooth"}))}},z=a((function(){if("infinity"===E){if(!U.current)return;var e=U.current,t=e.clientWidth,r=e.scrollLeft,n=V||t,a=Math.floor(r/n);X(a),Z&&Z(a)}}),400);return n((function(){if("snapped"===E){var e,t,r,n,a,l,o=!1,i=U.current,c=function(l,c){o=!0,r=!1,n=!1,e=l-i.offsetLeft,t=c-i.offsetTop,a=i.scrollLeft},s=function(e){c(e.pageX,e.pageY)},d=function(e){c(e.touches[0].pageX,e.touches[0].pageY)},m=function(){if(o=!1,r=!1,n=!1,U.current){var e=U.current.clientWidth,t=V||e,a="ltr"===l?0!==Y.current?Y.current-1:Y.current:"rtl"===l&&Y.current<R.length-1?Y.current+1:Y.current,i="intertwined"===g?"percentage"===x.unit?a*t+x.amount/100*t*a:a*t+x.amount*t*a:a*t;U.current.scrollTo({top:0,left:i,behavior:"smooth"}),l="none",Y.current!==a&&(Y.current=a,X(a),Z&&Z(a))}},u=function(c,s){if(o){var d=c-i.offsetLeft,m=s-i.offsetTop,u=d-e,f=m-t;r||n||!(f>20||f<-20)||(r=!0),!r&&(u>20||u<-20)&&(n=!0,i.scrollLeft=a-u,u>0&&(l="ltr"),u<0&&(l="rtl"),0===u&&(l="none"))}},f=function(e){n&&e.preventDefault(),u(e.pageX,e.pageY)},h=function(e){n&&e.preventDefault(),u(e.touches[0].pageX,e.touches[0].pageY)};return null==i||i.addEventListener("mousedown",s),null==i||i.addEventListener("touchstart",d),window.addEventListener("mouseup",m),window.addEventListener("touchend",m),null==i||i.addEventListener("mousemove",f),null==i||i.addEventListener("touchmove",h),function(){null==i||i.removeEventListener("mousedown",s),null==i||i.removeEventListener("touchstart",d),window.removeEventListener("mouseup",m),window.removeEventListener("touchend",m),null==i||i.removeEventListener("mousemove",f),null==i||i.removeEventListener("touchmove",h)}}}),[]),e.createElement(l,{className:k,"data-row":s,onScroll:z},D&&I>0&&e.createElement("div",{className:"".concat(N," arrow-left"),onClick:function(){return q("back")},"data-event-category":b,"data-event-action":F,"data-event-label":A},"Care"===j?e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},e.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},e.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"}),e.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"}),e.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"})),e.createElement("defs",null,e.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.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"}),e.createElement("feOffset",{dx:"-2",dy:"2"}),e.createElement("feGaussianBlur",{stdDeviation:"2.5"}),e.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"}),e.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),e.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"}),e.createElement("feOffset",{dx:"-1",dy:"1"}),e.createElement("feGaussianBlur",{stdDeviation:"1"}),e.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"}),e.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):e.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.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"===G?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===G?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===G?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),e.createElement("div",{ref:U,className:"container",style:{overflowX:"snapped"===E||D?"hidden":"scroll"}},R.map((function(t,r){for(var n=0,a=0;a<r;a++)n+=R[a].length;return e.createElement("div",{key:r,className:"section",style:{marginLeft:"intertwined"===g&&0!==r?x.amount+""+("percentage"===x.unit?"%":"px"):"0px"}},1===s&&_&&e.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:"repeat(".concat(m,", 1fr)")}},t.map((function(a,l){var i=n+l,c=B.find((function(e){return e.index===i}));return e.createElement("div",{className:"items-progress",key:l},0===l&&0===r?e.createElement("div",{className:"line",style:{visibility:"hidden"}}):e.createElement("div",{className:"line"}),e.createElement("div",{className:"icon-status"},e.createElement(o,{status:null==c?void 0:c.status})),r===R.length-1&&l===t.length-1?e.createElement("div",{className:"line",style:{visibility:"hidden"}}):e.createElement("div",{className:"line"}))}))),e.createElement("div",{className:"grid-layout","data-index":r,style:{gridTemplateColumns:"repeat(".concat(m,", 1fr)"),gridTemplateRows:"repeat(".concat(s,", 1fr)")}},t.map((function(t,r){return e.createElement(e.Fragment,{key:r},e.createElement("div",{className:"item-grid",key:r},t))}))))}))),D&&I<R.length-1&&e.createElement("div",{className:"".concat(S," arrow-right"),onClick:function(){return q("forward")},"data-event-category":b,"data-event-action":F,"data-event-label":A}," ","Care"===j?e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},e.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},e.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"}),e.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"}),e.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"})),e.createElement("defs",null,e.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.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"}),e.createElement("feOffset",{dx:"-2",dy:"2"}),e.createElement("feGaussianBlur",{stdDeviation:"2.5"}),e.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"}),e.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),e.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"}),e.createElement("feOffset",{dx:"-1",dy:"1"}),e.createElement("feGaussianBlur",{stdDeviation:"1"}),e.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"}),e.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):e.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.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"===G?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===G?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===G?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),f&&e.createElement("ul",{className:"bullet-nav"},R.map((function(t,r){return e.createElement("li",{key:r,className:"bullet-nav__item "},e.createElement("p",{onClick:function(){return P(r)},className:"bullet-nav__link scroll ".concat(I==r?"active":null),"data-scheme":G}))}))),v&&e.createElement("div",{className:"image-gallery-wrapper","data-test":R.length},R.slice(0,3).map((function(t,r){return e.createElement("div",{className:"image-block ".concat(I==r?"active":null),key:r,onClick:function(){return P(r)},"data-scheme":G},t)}))))};export{i as ScrollList};

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import t from"styled-components";var e,i=t.div(e||(e=n(["\n position: relative;\n width: 100%;\n > .container {\n display: flex;\n width: 100%;\n -ms-overflow-style: none;\n overflow-x: auto;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n .section {\n display: flex;\n width: 100%;\n flex-direction: column;\n flex-shrink: 0;\n margin: auto;\n\n > .grid-layout {\n display: grid;\n width: 100%;\n grid-row-gap: 8px;\n\n > .item-grid {\n width: 100%;\n\n > * {\n margin: 0 auto;\n }\n }\n }\n\n .progress-bar {\n display: grid;\n height: 15px;\n margin-bottom: 10px;\n\n .items-progress {\n position: relative;\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n\n .icon-status {\n position: absolute;\n display: flex;\n }\n\n .line {\n width: 50%;\n height: 2px;\n background-color: ",";\n }\n }\n }\n }\n }\n\n .bullet-nav {\n position: absolute;\n z-index: ",";\n bottom: -30px;\n left: 50%;\n display: flex;\n transform: translate(-50%, -50%);\n }\n\n .bullet-nav__link {\n display: block;\n width: 8px;\n height: 8px;\n padding: 0;\n margin-right: 8px;\n backface-visibility: hidden;\n background-color: #e4e8ec;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s;\n }\n\n .bullet-nav__link.active[data-scheme='hellosites'] {\n background-color: ",";\n }\n\n .bullet-nav__link.active[data-scheme='marrybaby'] {\n background-color: ",";\n }\n\n .arrow-left {\n position: absolute;\n z-index: 10;\n top: 50%;\n left: -35px;\n transform: translateY(-50%);\n &[data-event-category] > * {\n pointer-events: none;\n }\n }\n\n .arrow-right {\n position: absolute;\n z-index: 10;\n top: 50%;\n right: -35px;\n transform: translateY(-50%);\n &[data-event-category] > * {\n pointer-events: none;\n }\n }\n\n .image-gallery-wrapper {\n display: flex;\n position: relative;\n margin-top: 16px;\n justify-content: center;\n gap: 16px;\n .image-block {\n display: block;\n width: 100%;\n border: 2px solid transparent;\n border-radius: 4px;\n }\n .image-block.active {\n border-color: ",";\n }\n img {\n height: 40px;\n width: auto;\n max-width: 100%;\n }\n }\n"],["\n position: relative;\n width: 100%;\n > .container {\n display: flex;\n width: 100%;\n -ms-overflow-style: none;\n overflow-x: auto;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n .section {\n display: flex;\n width: 100%;\n flex-direction: column;\n flex-shrink: 0;\n margin: auto;\n\n > .grid-layout {\n display: grid;\n width: 100%;\n grid-row-gap: 8px;\n\n > .item-grid {\n width: 100%;\n\n > * {\n margin: 0 auto;\n }\n }\n }\n\n .progress-bar {\n display: grid;\n height: 15px;\n margin-bottom: 10px;\n\n .items-progress {\n position: relative;\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n\n .icon-status {\n position: absolute;\n display: flex;\n }\n\n .line {\n width: 50%;\n height: 2px;\n background-color: ",";\n }\n }\n }\n }\n }\n\n .bullet-nav {\n position: absolute;\n z-index: ",";\n bottom: -30px;\n left: 50%;\n display: flex;\n transform: translate(-50%, -50%);\n }\n\n .bullet-nav__link {\n display: block;\n width: 8px;\n height: 8px;\n padding: 0;\n margin-right: 8px;\n backface-visibility: hidden;\n background-color: #e4e8ec;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s;\n }\n\n .bullet-nav__link.active[data-scheme='hellosites'] {\n background-color: ",";\n }\n\n .bullet-nav__link.active[data-scheme='marrybaby'] {\n background-color: ",";\n }\n\n .arrow-left {\n position: absolute;\n z-index: 10;\n top: 50%;\n left: -35px;\n transform: translateY(-50%);\n &[data-event-category] > * {\n pointer-events: none;\n }\n }\n\n .arrow-right {\n position: absolute;\n z-index: 10;\n top: 50%;\n right: -35px;\n transform: translateY(-50%);\n &[data-event-category] > * {\n pointer-events: none;\n }\n }\n\n .image-gallery-wrapper {\n display: flex;\n position: relative;\n margin-top: 16px;\n justify-content: center;\n gap: 16px;\n .image-block {\n display: block;\n width: 100%;\n border: 2px solid transparent;\n border-radius: 4px;\n }\n .image-block.active {\n border-color: ",";\n }\n img {\n height: 40px;\n width: auto;\n max-width: 100%;\n }\n }\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.zIndexes.belowHeader}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.colors.primaryBase}));export{i as StyledScrollList};

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ import{__awaiter as e,__generator as t}from'./../../../externals/tslib/tslib.es6.js';import o,{useMemo as n}from"react";import{Button as r}from"../../atoms/button/index.js";import{Text as a}from"../../atoms/text/index.js";import{useTranslations as i}from"../../../hooks/useTranslations.js";import{getSocialList as l}from"../../../misc/getSocialList.js";import{theme as s}from"../../../misc/theme.js";import{StyledShareContainer as c}from"./index.styled.js";var m=function(){return o.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.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"}),o.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}))},d=function(d){var u=d.url,f=d.onCopied,p=d.locale,v=d.siteType,h=i().t,C=l(u||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(p)})),w=n((function(){return"undefined"!=typeof window?window.location.href:""}),[]);return o.createElement(c,null,o.createElement(a,{size:"p3",color:s.colors.gray800},h("shareContainer.title")),o.createElement("div",{className:"icon-group"},C.map((function(e,t){return o.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":w},e.icon)})),o.createElement(r,{theme:v,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:o.createElement(m,null),onClick:function(){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(u)];case 1:return t.sent(),null==f||f(),[2]}}))}))},"data-event-category":"Health Tool","data-event-action":"Copy Link","data-event-label":w})))};export{d as ShareContainer};

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import e from"styled-components";var t,i=e.div(t||(t=n(["\n display: flex;\n gap: 20px;\n width: 100%;\n align-items: center;\n justify-content: center;\n .icon-group {\n display: flex;\n align-items: center;\n gap: 10px;\n a,\n svg {\n width: 32px;\n height: 32px;\n }\n .share {\n width: 32px;\n height: 32px;\n padding: 8px;\n\n &:hover {\n background-color: ",";\n }\n\n svg {\n margin: 0;\n width: 16px;\n height: 16px;\n }\n }\n }\n"],["\n display: flex;\n gap: 20px;\n width: 100%;\n align-items: center;\n justify-content: center;\n .icon-group {\n display: flex;\n align-items: center;\n gap: 10px;\n a,\n svg {\n width: 32px;\n height: 32px;\n }\n .share {\n width: 32px;\n height: 32px;\n padding: 8px;\n\n &:hover {\n background-color: ",";\n }\n\n svg {\n margin: 0;\n width: 16px;\n height: 16px;\n }\n }\n }\n"])),(function(n){return n.theme.colors.neutral50}));export{i as StyledShareContainer};

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

@@ -0,0 +1 @@

+ import{__rest as e,__awaiter as t,__generator as o,__assign as n}from'./../../../externals/tslib/tslib.es6.js';import r,{useCallback as i,useEffect as l}from"react";import{Button as a}from"../../atoms/button/index.js";import{Input as s}from"../../atoms/input/index.js";import{Text as c}from"../../atoms/text/index.js";import{useTranslations as m}from"../../../hooks/useTranslations.js";import{getSocialList as u}from"../../../misc/getSocialList.js";import{theme as d}from"../../../misc/theme.js";import{StyledShareDrawer as p}from"./index.styled.js";var f=function(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},r.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"}))},v=function(v){var h=v.open,g=v.title,C=v.onClose,E=v.onCopied,y=v.onShared,w=v.url,b=v.locale,x=e(v,["open","title","onClose","onCopied","onShared","url","locale"]),j=m().t,k=i((function(){return t(void 0,void 0,void 0,(function(){var e;return o(this,(function(t){switch(t.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(w)];case 1:return t.sent(),null==E||E(),[2]}}))}))}),[w,E]),H=u(w||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(b)}));return l((function(){h&&navigator.share&&navigator.share({title:null!=g?g:"Read This Post",url:w}).then((function(){null==y||y()})).catch((function(){null==C||C()}))}),[w,g,y,h]),"undefined"!=typeof navigator&&navigator.share?null:r.createElement(p,n({title:j("share.title"),onClose:C,open:h,placement:"bottom"},x),r.createElement("div",{className:"share-container"},r.createElement("div",{className:"icon-container"},r.createElement(c,{type:"semiBold",size:"s3",color:d.colors.gray600},j("share.title")),r.createElement("div",{className:"icon-group"},H.map((function(e,t){return r.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon)})))),r.createElement("div",{className:"link-container"},r.createElement(c,{type:"semiBold",size:"s3",color:d.colors.gray600},j("share.copyLink")),r.createElement("div",{className:"input-group"},r.createElement(s,{name:"link",size:"md",value:w,isDisabled:!0}),r.createElement(a,{size:"md",type:"button",color:"tertiary",icon:r.createElement(f,null),onClick:k})))))};export{v as ShareDrawer};

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{Drawer as p}from"../../atoms/drawer/index.js";import o from"styled-components";var r,i=o(p)(r||(r=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"],["\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}));export{i as StyledShareDrawer};

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

	@@ -0,0 +1 @@
1	+ export{SideMenu}from"./sideMenu.js";export{SideHeader}from"./sideHeader.js";export{UserInfo}from"./userInfo.js";export{MenuLink}from"./menuLink.js";

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import i from"react";import{Text as t}from"../../atoms/text/index.js";import e from"styled-components";var o,a=e.div(o||(o=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"],["\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})),r=function(n){var e=n.icon,o=n.isActive,r=n.children,l=n.isCollapsed,d=n.activeIcon,s=n.onLinkClick,p=n.textSize,c=void 0===p?"base":p,m=n.textType,x=void 0===m?"bold":m,f=n.textColorActive,v=void 0===f?"#fff":f,g=n.textColor,k=void 0===g?"#595959":g;return i.createElement(a,{"data-is-link-active":o||void 0,onClick:s,"data-is-link-collapsed":l||void 0},o&&d?d:e,!l&&i.createElement(t,{size:c,type:x,color:o?v:k},r))};export{r as MenuLink};

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as e}from'./../../../externals/tslib/tslib.es6.js';import n from"react";import{Logo as t}from"../../atoms/logo/index.js";import o from"styled-components";var i,s,r=o.div(i||(i=e(["\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"]))),a=o.div(s||(s=e(["\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"]))),l=function(e){var o=e.isCollapsed,i=e.defaultLogo,s=e.onBackClick,l=e.customIcon;return n.createElement(r,null,n.createElement(t,{type:o?"logomark":i||"hellocare",customSize:{width:o?"24px":"77px",height:"24px"}}),n.createElement(a,{"data-is-collapsed":o||void 0,onClick:s},l||n.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 20 20",width:"20px",height:"20px"},n.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"}),n.createElement("path",{d:"M11.44 6.53L8 10l3.48 3.47",fill:"none",stroke:"#737373",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}))))};export{l as SideHeader};

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import e from"react";import i from"styled-components";var t,a=i.div(t||(t=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"],["\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})),s=function(n){var i=n.isCollapsed,t=n.className,s=n.style,o=n.children;return e.createElement(a,{style:s,className:t,"data-is-collapsed":i||void 0},o)};export{s as SideMenu};

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import e from"react";import{DoctorInfo as i}from"../doctorInfo/index.js";import t from"styled-components";var a,r=t.div(a||(a=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"],["\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"]))),o=function(n){var t=n.isCollapsed,a=n.userName,o=n.role,m=n.avatar;return e.createElement(r,{"data-is-collapsed":t||void 0},e.createElement(i,{image:m,name:a,description:o,isDescriptionHidden:t}))};export{o as UserInfo};

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

@@ -0,0 +1 @@

+ import a from"react";import{StyledStatisticContainer as e,StyledDescriptionWrapper as t,StyledDot as r,StyledStatisticNumberWrapper as l}from"./index.styled.js";var c=function(c){var o=c.type,i=c.description,n=c.value,s=c.withIcon,d=c.isInACard,m=c.cardColor,p=c.className;return a.createElement(e,{className:p,"data-size":o,"data-is-in-card":"big"===o&&d,"data-card-color":m},a.createElement(t,null,"small"===o&&a.createElement(r,{"data-color":m}),i),a.createElement(l,{"data-size":o},"small"!==o&&s,n))};export{c as StatisticCard};

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

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import t from"styled-components";var e,i,r,o,a=t.div(e||(e=n(["\n border-radius: 6px;\n ","\n"],["\n border-radius: 6px;\n ","\n"])),(function(n){return n["data-is-in-card"]&&"\n padding: 12px; \n background-color: ".concat(n["data-card-color"],";")})),s=t.div(i||(i=n(["\n width: 13px;\n height: 13px;\n margin-right: 10px;\n background-color: ",";\n border-radius: 50%;\n"],["\n width: 13px;\n height: 13px;\n margin-right: 10px;\n background-color: ",";\n border-radius: 50%;\n"])),(function(n){return n["data-color"]})),d=t.div(r||(r=n(["\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n"],["\n display: flex;\n align-items: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular})),g=t.div(o||(o=n(["\n display: flex;\n align-items: center;\n margin-top: 4px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n\n & > svg {\n width: 24px;\n height: 24px;\n margin-right: 12px;\n }\n\n &[data-size='small'] {\n margin-left: 23px;\n font-size: ",";\n font-weight: ",";\n }\n"],["\n display: flex;\n align-items: center;\n margin-top: 4px;\n color: ",";\n font-size: ",";\n font-weight: ",";\n\n & > svg {\n width: 24px;\n height: 24px;\n margin-right: 12px;\n }\n\n &[data-size='small'] {\n margin-left: 23px;\n font-size: ",";\n font-weight: ",";\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsHeading2}),(function(n){return n.theme.sizes.fwSemiBold}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}));export{d as StyledDescriptionWrapper,s as StyledDot,a as StyledStatisticContainer,g as StyledStatisticNumberWrapper};

package/build/esm/components/molecules/surveyQuestionCard/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{StyledRadio as t}from"../../atoms/radio/index.styled.js";import e from"styled-components";var r,i,o,a,s=e.div(r||(r=n(["\n padding: 1rem;\n background: ",";\n .survey-inner-wrapper {\n padding: 1.25rem 1rem 1.5rem;\n background: ",";\n border-radius: 6px;\n .survey-header {\n border-bottom: 1px solid #dbdfe5;\n margin-bottom: 12px;\n .survey-header-text {\n color: ",";\n }\n }\n\n .survey-contact-submit {\n width: 100%;\n margin-bottom: 1.5rem;\n }\n .term-policy-container {\n width: 70%;\n min-width: 210px;\n max-width: 100%;\n margin: 0 auto 1.5rem;\n text-align: center;\n }\n\n .survey-progress-wrapper {\n width: calc(100% + 2rem);\n height: 4px;\n margin-bottom: 1rem;\n margin-left: -1rem;\n background: #e4e8ec;\n .survey-progress {\n width: 100%;\n height: 100%;\n background: #00b16a;\n transform: scaleX(0);\n transform-origin: left;\n transition: transform ease-in-out 0.3s;\n }\n }\n\n .survey-button-wrapper {\n display: flex;\n justify-content: flex-end;\n button {\n justify-content: center;\n &[data-has-icon='true'] {\n svg {\n width: 10px;\n height: 10px;\n margin-right: 10px;\n vertical-align: unset;\n }\n }\n &.survey-next-button {\n &[data-has-icon='true'] {\n svg {\n margin-right: 0;\n margin-left: 10px;\n }\n }\n }\n }\n &[data-center='true'] {\n justify-content: center;\n button:only-child {\n width: 200px;\n max-width: 80%;\n }\n }\n .survey-prev-button {\n margin-right: 0.5rem;\n }\n }\n }\n"],["\n padding: 1rem;\n background: ",";\n .survey-inner-wrapper {\n padding: 1.25rem 1rem 1.5rem;\n background: ",";\n border-radius: 6px;\n .survey-header {\n border-bottom: 1px solid #dbdfe5;\n margin-bottom: 12px;\n .survey-header-text {\n color: ",";\n }\n }\n\n .survey-contact-submit {\n width: 100%;\n margin-bottom: 1.5rem;\n }\n .term-policy-container {\n width: 70%;\n min-width: 210px;\n max-width: 100%;\n margin: 0 auto 1.5rem;\n text-align: center;\n }\n\n .survey-progress-wrapper {\n width: calc(100% + 2rem);\n height: 4px;\n margin-bottom: 1rem;\n margin-left: -1rem;\n background: #e4e8ec;\n .survey-progress {\n width: 100%;\n height: 100%;\n background: #00b16a;\n transform: scaleX(0);\n transform-origin: left;\n transition: transform ease-in-out 0.3s;\n }\n }\n\n .survey-button-wrapper {\n display: flex;\n justify-content: flex-end;\n button {\n justify-content: center;\n &[data-has-icon='true'] {\n svg {\n width: 10px;\n height: 10px;\n margin-right: 10px;\n vertical-align: unset;\n }\n }\n &.survey-next-button {\n &[data-has-icon='true'] {\n svg {\n margin-right: 0;\n margin-left: 10px;\n }\n }\n }\n }\n &[data-center='true'] {\n justify-content: center;\n button:only-child {\n width: 200px;\n max-width: 80%;\n }\n }\n .survey-prev-button {\n margin-right: 0.5rem;\n }\n }\n }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray500})),d=e(t)(i||(i=n(["\n &[data-type='circle'] {\n padding: 16px 20px;\n border: 0.5px solid transparent;\n background: #fafafa;\n border-radius: 6px;\n &[data-checked='true'] {\n border: 0.5px solid #2d87f3;\n background: #f7f9fc;\n }\n input {\n border: solid 2px #737373;\n margin-right: 0;\n background: white;\n &[type='checkbox'] {\n &:checked {\n border: 0;\n background: ","\n url(\"data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z' fill='%232D87F3' stroke='%232D87F3' stroke-width='2'/%3E%3Cpath d='M15.5714 8L9.67857 14L7 11.2727' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n no-repeat center center;\n &:after {\n display: none;\n }\n }\n }\n }\n\n &[data-has-image='true'] {\n position: relative;\n display: block;\n padding: 12px;\n input {\n position: absolute;\n top: 20px;\n right: 20px;\n }\n .choice-image-wrapper {\n position: relative;\n padding-top: 56.25%;\n margin-bottom: 0.75rem;\n img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 6px;\n object-fit: cover;\n }\n }\n }\n }\n"],["\n &[data-type='circle'] {\n padding: 16px 20px;\n border: 0.5px solid transparent;\n background: #fafafa;\n border-radius: 6px;\n &[data-checked='true'] {\n border: 0.5px solid #2d87f3;\n background: #f7f9fc;\n }\n input {\n border: solid 2px #737373;\n margin-right: 0;\n background: white;\n &[type='checkbox'] {\n &:checked {\n border: 0;\n background: ","\n url(\"data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z' fill='%232D87F3' stroke='%232D87F3' stroke-width='2'/%3E%3Cpath d='M15.5714 8L9.67857 14L7 11.2727' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n no-repeat center center;\n &:after {\n display: none;\n }\n }\n }\n }\n\n &[data-has-image='true'] {\n position: relative;\n display: block;\n padding: 12px;\n input {\n position: absolute;\n top: 20px;\n right: 20px;\n }\n .choice-image-wrapper {\n position: relative;\n padding-top: 56.25%;\n margin-bottom: 0.75rem;\n img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 6px;\n object-fit: cover;\n }\n }\n }\n }\n"])),(function(n){return n.theme.colors.primaryBase})),p=e.div(o||(o=n(["\n position: relative;\n width: 100%;\n padding-top: min(400px, 100%);\n .survey-thankyou-wrapper-inner {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n width: 100%;\n height: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n .survey-thankyou-icon {\n width: 36%;\n max-height: 50%;\n margin-bottom: 1.5rem;\n }\n .survey-thankyou-title {\n margin-bottom: 1rem;\n text-align: center;\n }\n .survey-thankyou-subtitle {\n text-align: center;\n > * {\n text-align: center;\n }\n }\n }\n"],["\n position: relative;\n width: 100%;\n padding-top: min(400px, 100%);\n .survey-thankyou-wrapper-inner {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n width: 100%;\n height: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n .survey-thankyou-icon {\n width: 36%;\n max-height: 50%;\n margin-bottom: 1.5rem;\n }\n .survey-thankyou-title {\n margin-bottom: 1rem;\n text-align: center;\n }\n .survey-thankyou-subtitle {\n text-align: center;\n > * {\n text-align: center;\n }\n }\n }\n"]))),u=e.div(a||(a=n(["\n .survey-question-text-wrapper {\n margin-bottom: 24px;\n .survey-question-title {\n margin-bottom: 4px;\n }\n .survey-question-subtitle,\n .survey-question-description {\n color: ",";\n }\n }\n .survey-question-image {\n width: 100%;\n margin-bottom: 12px;\n border-radius: 6px;\n }\n\n .survey-question-answer-wrapper {\n margin-bottom: 1.5rem;\n .survey-question-options-wrapper {\n display: grid;\n grid-gap: 0.5rem;\n grid-template-columns: 1fr;\n &[data-has-image='true'] {\n grid-gap: 0.8rem;\n grid-template-columns: 1fr 1fr;\n }\n .survey-question-option-item {\n label {\n color: #262626;\n font-size: 16px;\n font-style: normal;\n font-weight: normal;\n line-height: 24px;\n }\n }\n }\n .survey-contact-input {\n margin-bottom: 1rem;\n &:first-child {\n margin-top: 1rem;\n }\n label {\n font-weight: 700;\n }\n input {\n margin-top: 6px;\n }\n }\n }\n"],["\n .survey-question-text-wrapper {\n margin-bottom: 24px;\n .survey-question-title {\n margin-bottom: 4px;\n }\n .survey-question-subtitle,\n .survey-question-description {\n color: ",";\n }\n }\n .survey-question-image {\n width: 100%;\n margin-bottom: 12px;\n border-radius: 6px;\n }\n\n .survey-question-answer-wrapper {\n margin-bottom: 1.5rem;\n .survey-question-options-wrapper {\n display: grid;\n grid-gap: 0.5rem;\n grid-template-columns: 1fr;\n &[data-has-image='true'] {\n grid-gap: 0.8rem;\n grid-template-columns: 1fr 1fr;\n }\n .survey-question-option-item {\n label {\n color: #262626;\n font-size: 16px;\n font-style: normal;\n font-weight: normal;\n line-height: 24px;\n }\n }\n }\n .survey-contact-input {\n margin-bottom: 1rem;\n &:first-child {\n margin-top: 1rem;\n }\n label {\n font-weight: 700;\n }\n input {\n margin-top: 6px;\n }\n }\n }\n"])),(function(n){return n.theme.colors.gray500}));export{s as StyledSurveyQuestionCard,u as StyledSurveyQuestionContent,d as StyledSurveyRadio,p as StyledSurveyThankyouCard};

package/build/esm/components/molecules/surveyQuestionCard/surveyQuestionCard.js ADDED Viewed

@@ -0,0 +1 @@

+ import e,{useState as t,useRef as n}from"react";import{Button as r}from"../../atoms/button/index.js";import{Text as i}from"../../atoms/text/index.js";import{StyledSurveyQuestionCard as o}from"./index.styled.js";import{SurveyQuestionContent as s}from"./surveyQuestionContent.js";var l;!function(e){e[e.UNLIMITED=0]="UNLIMITED",e[e.EXACT_NUMBER=1]="EXACT_NUMBER",e[e.RANGE=2]="RANGE"}(l||(l={}));var a=function(a){var c,m,u,v=a.className,p=a.headerText,d=a.style,f=a.question,x=a.termAndPolicyText,E=a.prevText,g=a.nextText,h=a.isContactForm,C=a.isDisableNext,N=a.isDisablePrev,y=a.onPrevClick,b=a.onNextClick,w=a.isSubmitButton,T=a.isButtonCenter,L=a.progress,D=a.descriptionText,A=t([]),B=A[0],M=A[1],_=f.is_multi_select,k=f.multi_select_option,R=f.from,U=f.to,j=null==f?void 0:f.type,z="checkbox"===j&&(null===(c=f.options)||void 0===c?void 0:c.length)&&(!B||0===B.length||_&&k===l.RANGE&&(B.length<R||B.length>U)||_&&k===l.EXACT_NUMBER&&B.length!==R)||"radio"===j&&(null===(m=f.options)||void 0===m?void 0:m.length)&&(!B||0===B.length)||"textbox"===j&&(null===(u=f.textOptions)||void 0===u?void 0:u.length)&&(B.length<f.textOptions.length||B.some((function(e){return!e.value}))),I="number"==typeof L?L>1?1:L<0?0:Number(L.toFixed(2)):-1,O=n(null),X=function(){return"textbox"!==j||O.current.reportValidity()};return e.createElement(o,{className:v,style:d},e.createElement("div",{className:"survey-inner-wrapper"},p&&e.createElement("div",{className:"survey-header"},e.createElement(i,{className:"survey-header-text",size:"c2"},p)),e.createElement("form",{ref:O,onSubmit:function(e){return e.preventDefault()}},e.createElement(s,{question:f,description:D,onOptionsChange:function(e){M(e)},onTextOptionsChange:function(e){M(e)}})),h&&g&&e.createElement(r,{className:"survey-contact-submit",size:"lg",isDisabled:C||z,onClick:function(){return X()&&b&&b(B)}},g),x&&e.createElement("div",{className:"term-policy-container"},x),"number"==typeof L&&e.createElement("div",{className:"survey-progress-wrapper"},e.createElement("div",{className:"survey-progress",style:{transform:"scaleX(".concat(I,")")}})),(E||g)&&e.createElement("div",{"data-center":T,className:"survey-button-wrapper"},E&&e.createElement(r,{className:"survey-prev-button",size:"lg",color:N?"primary":"secondary",isDisabled:N,icon:e.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M2.44677 4.99999L5.31252 2.13424C5.62302 1.82374 5.62302 1.31974 5.31252 1.00924C5.00202 0.698742 4.49802 0.698742 4.18752 1.00924L0.727018 4.46974C0.433768 4.76299 0.433768 5.23774 0.727018 5.53024L4.18752 8.99074C4.49802 9.30124 5.00202 9.30124 5.31252 8.99074C5.62302 8.68024 5.62302 8.17624 5.31252 7.86574L2.44677 4.99999Z",fill:N?"#fff":"#2D87F3"})),onClick:y},E),!h&&g&&e.createElement(r,{onClick:function(){return X()&&b&&b(B)},className:"survey-next-button",size:"lg",isDisabled:C||z},g," ",w?void 0:e.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M3.80322 5.19994L0.937465 2.33419C0.626965 2.02369 0.626965 1.51969 0.937465 1.20919C1.24796 0.898693 1.75196 0.898693 2.06246 1.20919L5.52297 4.66969C5.81622 4.96294 5.81622 5.43769 5.52297 5.73019L2.06246 9.19069C1.75196 9.50119 1.24796 9.50119 0.937465 9.19069C0.626965 8.88019 0.626965 8.37619 0.937465 8.06569L3.80322 5.19994Z",fill:"#ffffff"}))))))};export{l as NodeMultipleOptions,a as SurveyQuestionCard};

package/build/esm/components/molecules/surveyQuestionCard/surveyQuestionContent.js ADDED Viewed

@@ -0,0 +1 @@

+ import e,{useState as t,useEffect as a}from"react";import{Heading as n}from"../../atoms/heading/index.js";import{Input as i}from"../../atoms/input/index.js";import{Text as o}from"../../atoms/text/index.js";import{TextArea as r}from"../../atoms/textArea/index.js";import{StyledSurveyQuestionContent as s}from"./index.styled.js";import{SurveyRadio as l}from"./surveyRadio.js";var u=function(u){var c=u.question,m=u.description,p=u.onOptionsChange,v=u.onTextOptionsChange,d=u.style,f=u.className,y=c.type,h=c.title,g=c.subtitle,x=c.image,E=c.textOptions,N=c.options,b=c.name,q=c.is_multi_select,k=!!(null==N?void 0:N.some((function(e){return e.image}))),j=t([]),C=j[0],w=j[1],T=t((function(){return(null==E?void 0:E.slice())||[]})),z=T[0],I=T[1];return a((function(){p&&p(C.slice())}),[!!p,C]),a((function(){v&&v(z)}),[!!v,z]),e.createElement(s,{className:f,style:d},e.createElement("div",{className:"survey-question-text-wrapper"},h&&e.createElement(n,{"data-nosubtitle":!g,className:"survey-question-title",tag:"h4"},h),g&&e.createElement(o,{className:"survey-question-subtitle",size:"p2"},g),m&&e.createElement(o,{className:"survey-question-description",size:"p2"},m)),x&&e.createElement("img",{src:x,className:"survey-question-image"}),e.createElement("div",{className:"survey-question-answer-wrapper"},"radio"===y&&e.createElement("div",{"data-has-image":k,className:"survey-question-options-wrapper"},N.map((function(t){var a;return e.createElement(l,{inputType:"radio",label:t.label,name:b,key:"".concat(b,"-").concat(t.value),checked:(null===(a=C[0])||void 0===a?void 0:a.value)===t.value,value:t.value,onChange:function(e){w([N.find((function(t){return t.value===e}))])},className:"survey-question-option-item",image:t.image,hasImage:k})}))),"checkbox"===y&&e.createElement("div",{"data-has-image":k,className:"survey-question-options-wrapper"},N.map((function(t){return e.createElement(l,{inputType:"checkbox",label:t.label,name:b,key:"".concat(b,"-").concat(t.value),checked:!!C.find((function(e){return e.value===t.value})),value:t.value,onChange:function(){var e=C.findIndex((function(e){return e.value===t.value}));w(e>=0?function(t){return t.splice(e,1),t.slice()}:q?function(e){return e.concat(t).slice()}:[t])},className:"survey-question-option-item survey-option-radio",image:t.image,hasImage:k})}))),"textbox"===y&&z.map((function(t,a){return t.isTextArea?e.createElement(r,{key:a,placeholder:t.placeholder,height:"150px",value:t.value,onChange:function(e){return I((function(t){return t[a].value=e,t.slice()}))}}):e.createElement(i,{key:a,value:t.value,name:t.name,size:"md",className:"survey-contact-input",label:t.label,placeholder:t.placeholder,onChange:function(e){I((function(t){return t[a].value=e,t.slice()}))},type:t.type})}))))};export{u as SurveyQuestionContent};

package/build/esm/components/molecules/surveyQuestionCard/surveyRadio.js ADDED Viewed

@@ -0,0 +1 @@

+ import e from"react";import{StyledSurveyRadio as a}from"./index.styled.js";var t=function(t){var c=t.size,n=void 0===c?"small":c,i=t.label,l=t.name,r=t.checked,m=t.value,o=t.className,d=t.isDisabled,s=void 0!==d&&d,p=t.onChange,u=t.hasImage,h=t.inputType,v=t.image;return e.createElement(a,{"data-disabled":s,className:o,"data-type":"circle","data-size":n,"data-checked":r,onClick:function(){p(m)},"data-has-image":u},u&&e.createElement("div",{className:"choice-image-wrapper"},v&&e.createElement("img",{src:v})),e.createElement("label",{onClick:function(e){e.preventDefault()},htmlFor:"".concat(l,"-").concat(m)},i),e.createElement("input",{type:h,checked:r,name:l,id:"".concat(l,"-").concat(m),value:m,readOnly:!0}))};export{t as SurveyRadio};

package/build/esm/components/molecules/surveyQuestionCard/surveyThankyouCard.js ADDED Viewed

@@ -0,0 +1 @@

+ import e from"react";import{Heading as t}from"../../atoms/heading/index.js";import{Text as r}from"../../atoms/text/index.js";import{StyledSurveyQuestionCard as i,StyledSurveyThankyouCard as n}from"./index.styled.js";var o=function(o){var a=o.thankyou,l=o.thankyouSubtitle,s=o.className,C=o.style;return e.createElement(i,{className:s,style:C},e.createElement("div",{className:"survey-inner-wrapper"},e.createElement(n,null,e.createElement("div",{className:"survey-thankyou-wrapper-inner"},e.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},e.createElement("path",{d:"M61.5 122C94.6371 122 121.5 95.1371 121.5 62C121.5 28.8629 94.6371 2 61.5 2C28.3629 2 1.5 28.8629 1.5 62C1.5 95.1371 28.3629 122 61.5 122Z",fill:"#E3F2FF"}),e.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),e.createElement("path",{d:"M82.9048 72.6663H101.5L87.597 40H35.403L21.5 72.6663H40.0952V91H83.0786L82.9048 72.6663Z",fill:"#2C74DF"}),e.createElement("path",{d:"M74.4004 15.0005H39.863C36.9017 15.0005 34.5 17.4022 34.5 20.3635V72.5769C34.5 75.5383 36.9017 77.9399 39.863 77.9399H83.1357C86.097 77.9399 88.4987 75.5383 88.4987 72.5769V29.0988L88.4987 21.0005C88.4987 17.6868 85.8124 15.0005 82.4987 15.0005H74.4004Z",fill:"white"}),e.createElement("path",{d:"M88.8529 80.1077H34.1469C31.8699 80.1077 30.06 78.3036 30.06 76.0338V65.3837C30.06 63.1139 31.8699 61.3098 34.1469 61.3098H88.8529C91.1299 61.3098 92.9398 63.1139 92.9398 65.3837V76.0338C92.9398 78.3036 91.1299 80.1077 88.8529 80.1077Z",fill:"#E4E8EC"}),e.createElement("path",{d:"M90.838 85.4512H32.1618C29.8849 85.4512 28.075 83.6471 28.075 81.3774V70.7272C28.075 68.4575 29.8849 66.6533 32.1618 66.6533H90.7796C93.0566 66.6533 94.8665 68.4575 94.8665 70.7272V81.3774C94.9249 83.6471 93.0566 85.4512 90.838 85.4512Z",fill:"white"}),e.createElement("path",{d:"M103.748 75.4919V105.755C103.748 107.675 102.172 109.247 100.245 109.247H23.0031C21.0764 109.247 19.5 107.675 19.5 105.755V75.4919C19.5 73.5713 21.0764 72 23.0031 72H42.3866C44.3133 72 45.8897 73.5713 45.8897 75.4919V80.8461C45.8897 81.1952 46.1232 81.428 46.4735 81.428H76.7749C77.1253 81.428 77.3588 81.1952 77.3588 80.8461V75.4919C77.3588 73.5713 78.9352 72 80.8618 72H100.245C102.172 72 103.748 73.5713 103.748 75.4919Z",fill:"#45A4FF"}),e.createElement("path",{d:"M51.9541 91.3767V94.4612C51.9541 96.0907 53.2386 97.3711 54.8733 97.3711H67.7179C69.3526 97.3711 70.6371 96.0907 70.6371 94.4612V91.3767",stroke:"#2C74DF",strokeWidth:"3",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M120.5 38.0251C118.5 37.7793 117.25 39.3768 118.125 41.22L118.375 41.9573C119.125 43.8006 118 45.398 116 45.1523L115.25 45.0294C113.25 44.7836 112 46.3811 112.875 48.2244L113.25 48.9616C114 50.8049 112.875 52.4025 110.875 52.1567L110.125 52.0337C108.625 51.9109 107.5 52.7712 107.5 54",stroke:"#FE921D",strokeWidth:"1.9096",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M1.53299 62C1.2644 63.413 2.6745 64.337 4.35323 63.8478L5.02472 63.6304C6.70346 63.087 8.11356 64.0109 7.84496 65.4783L7.7107 66.0217C7.4421 67.4348 8.8522 68.3587 10.5309 67.8696L11.2024 67.6522C12.8812 67.1087 14.2913 68.0326 14.0227 69.5L13.8884 70.0435C13.687 71.1304 14.4256 71.8913 15.5 72",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M118 92C119.381 92 120.5 90.8807 120.5 89.5C120.5 88.1193 119.381 87 118 87C116.619 87 115.5 88.1193 115.5 89.5C115.5 90.8807 116.619 92 118 92Z",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M82.0001 3.18747L83.1875 7.53467L87.5347 6.34727L86.3473 2.00007L82.0001 3.18747Z",stroke:"#00B16A",strokeWidth:"2.1628",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M17.0001 28C18.1046 28 19 27.1045 19 25.9999C19 24.8954 18.1046 24 17.0001 24C15.8955 24 15 24.8954 15 25.9999C15 27.1045 15.8955 28 17.0001 28Z",stroke:"#FE921D",strokeWidth:"2.3278",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M61.5 26.6667C54.136 26.6667 48.1667 32.6361 48.1667 40.0001C48.1667 47.3641 54.136 53.3334 61.5 53.3334C68.864 53.3334 74.8334 47.3641 74.8334 40.0001C74.8334 32.6361 68.864 26.6667 61.5 26.6667ZM69.1094 36.9427L59.776 46.2761C59.516 46.5361 59.1747 46.6667 58.8334 46.6667C58.492 46.6667 58.1507 46.5361 57.8907 46.2761L53.8907 42.2761C53.3694 41.7547 53.3694 40.9121 53.8907 40.3907C54.412 39.8694 55.2547 39.8694 55.776 40.3907L58.8334 43.4481L67.224 35.0574C67.7454 34.5361 68.588 34.5361 69.1094 35.0574C69.6307 35.5787 69.6307 36.4214 69.1094 36.9427Z",fill:"#00CB8A"})),a&&e.createElement(t,{className:"survey-thankyou-title",tag:"h3"},a),l&&e.createElement(r,{className:"survey-thankyou-subtitle",size:"p3"},l)))))};export{o as SurveyThankyouCard};

package/build/esm/components/molecules/table/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export{Table}from"./table.js";export{Cell}from"./tableCell.js";export{Head}from"./tableHead.js";export{Row}from"./tableRow.js";export{Body}from"./tableBody.js";

package/build/esm/components/molecules/table/table.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import t from"react";import i from"styled-components";var e,a=i.table(e||(e=n(["\n --horizontal-spacing: ",";\n --vertical-spacing: ",";\n width: 100%;\n position: relative;\n"],["\n --horizontal-spacing: ",";\n --vertical-spacing: ",";\n width: 100%;\n position: relative;\n"])),(function(n){return n.theme.horizontalPadding||"19px"}),(function(n){return n.theme.verticalPadding||"26px"})),r=function(n){var i=n.children,e=n.className,r=n.style,o=n.horizontalPadding,l=n.verticalPadding;return t.createElement(a,{className:e,style:r,theme:{horizontalPadding:o,verticalPadding:l}},i)};export{r as Table};

package/build/esm/components/molecules/table/tableBody.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import r from"react";import o from"styled-components";var t,e=o.tbody(t||(t=n(["\n position: relative;\n &[data-is-striped] {\n > tr:nth-child(odd) {\n background-color: ",";\n }\n }\n &[data-is-hoverable] {\n > tr:hover {\n background-color: ",";\n }\n }\n"],["\n position: relative;\n &[data-is-striped] {\n > tr:nth-child(odd) {\n background-color: ",";\n }\n }\n &[data-is-hoverable] {\n > tr:hover {\n background-color: ",";\n }\n }\n"])),(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.neutral100})),a=function(n){var o=n.children,t=n.className,a=n.style,i=n.isHoverable,s=n.isStriped;return r.createElement(e,{className:t,style:a,"data-is-striped":s||void 0,"data-is-hoverable":i||void 0},o)};export{a as Body};

package/build/esm/components/molecules/table/tableCell.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as t}from'./../../../externals/tslib/tslib.es6.js';import n from"react";import a from"styled-components";var e,i=a.td(e||(e=t(["\n padding: var(--vertical-spacing) var(--horizontal-spacing);\n vertical-align: middle;\n\n &[data-text-align='left'] {\n text-align: left;\n }\n &[data-text-align='right'] {\n text-align: right;\n }\n &[data-text-align='center'] {\n text-align: center;\n }\n"],["\n padding: var(--vertical-spacing) var(--horizontal-spacing);\n vertical-align: middle;\n\n &[data-text-align='left'] {\n text-align: left;\n }\n &[data-text-align='right'] {\n text-align: right;\n }\n &[data-text-align='center'] {\n text-align: center;\n }\n"]))),l=function(t){var a=t.children,e=t.className,l=t.style,r=t.textAlign,g=t.isTableHead;return n.createElement(i,{className:e,style:l,"data-text-align":r||"left",as:g?"th":"td"},a)};export{l as Cell};

package/build/esm/components/molecules/table/tableHead.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import t from"react";import o from"styled-components";import{Row as e}from"./tableRow.js";var i,r=o.thead(i||(i=n(["\n th {\n padding: var(--vertical-spacing) var(--horizontal-spacing);\n text-align: left;\n\n color: ",";\n font-weight: ",";\n }\n &[data-is-sticky] {\n th {\n position: sticky;\n top: 0;\n background: white;\n border-bottom: 2px solid\n ",";\n }\n }\n"],["\n th {\n padding: var(--vertical-spacing) var(--horizontal-spacing);\n text-align: left;\n\n color: ",";\n font-weight: ",";\n }\n &[data-is-sticky] {\n th {\n position: sticky;\n top: 0;\n background: white;\n border-bottom: 2px solid\n ",";\n }\n }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray200})),a=function(n){var o=n.isSticky,i=n.children,a=n.className,s=n.style;return t.createElement(r,{className:a,"data-is-sticky":o||void 0,style:s},t.createElement(e,null,i))};export{a as Head};

package/build/esm/components/molecules/table/tableRow.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as o}from'./../../../externals/tslib/tslib.es6.js';import t from"react";import r from"styled-components";var e,n=r.tr(e||(e=o(["\n border-bottom: 1px solid ",";\n\n &[data-is-active='true'] {\n background-color: ",";\n }\n"],["\n border-bottom: 1px solid ",";\n\n &[data-is-active='true'] {\n background-color: ",";\n }\n"])),(function(o){return o.theme.colors.gray100}),(function(o){return o.theme.colors.gray200})),c=function(o){var r=o.children,e=o.className,c=o.style,i=o.isActive,a=o.onRowClicked,s=o.rowId;return t.createElement(n,{className:e,"data-is-active":i,style:c,onClick:function(){a&&a(s)}},r)};export{c as Row};

package/build/esm/components/molecules/tabs/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import t,{useState as e,useEffect as a}from"react";import{Text as n}from"../../atoms/text/index.js";import{StyledTabs as o,StyledTab as i,StyledTabContent as r,StyledIcon as l}from"./index.styled.js";import{theme as d}from"../../../misc/theme.js";var c=function(c){var m=c.style,s=c.initialTab,v=c.tabContent,E=c.onChange,y=c.className,b=c.dataEventCategory,f=c.dataEventAction,u=c.dataEventLabel,p=c.id,x=e(s||0),C=x[0],g=x[1];return a((function(){g(s)}),[s]),t.createElement(o,{style:m,className:y,role:"tablist",id:p},v.map((function(e,a){return t.createElement(i,{"data-is-tab-active":C===a||void 0,"aria-selected":C===a,role:"tab",onClick:function(){g(a),E&&E(a)},onKeyDown:function(t){"Enter"===t.key&&(g(a),E&&E(a))},key:a,"data-event-category":e.dataEventCategory||b,"data-event-action":e.dataEventAction||f,"data-event-label":e.dataEventLabel||u,tabIndex:0,"data-testid":e.dataTestid},t.createElement(r,null,e.icon&&t.createElement(l,null,e.icon),t.createElement(n,{size:e.textSize||"sm",type:e.textType||"bold",color:e.textColor||d.colors.gray800,dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name)))})))};export{c as Tabs};