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

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

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

Files changed (1760) hide show

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../externals/tslib/tslib.es6.js'),e=require("../../../misc/theme.js"),t=require("styled-components"),i=require("../../../misc/utils.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,l,d,o,p,s,c=r(t),x=c.default.div(a||(a=n.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n gap: 12px;\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n gap: 12px;\n"]))),u=c.default.div(l||(l=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n width: 100%;\n\n "," {\n flex-direction: column;\n gap: 4px;\n align-items: flex-start;\n }\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n width: 100%;\n\n "," {\n flex-direction: column;\n gap: 4px;\n align-items: flex-start;\n }\n"])),i.MediaQueries.mbDown),f=c.default.div(d||(d=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n width: 100%;\n\n .title {\n max-width: 94px;\n width: 100%;\n\n "," {\n max-width: 91px;\n }\n }\n\n "," {\n gap: 2px;\n }\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n width: 100%;\n\n .title {\n max-width: 94px;\n width: 100%;\n\n "," {\n max-width: 91px;\n }\n }\n\n "," {\n gap: 2px;\n }\n"])),i.MediaQueries.mbDown,i.MediaQueries.mbDown),g=c.default.div(o||(o=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 4px;\n width: 100%;\n max-width: fit-content;\n\n .dot {\n height: 4px;\n width: 4px;\n background-color: ",";\n border-radius: 50%;\n display: flex;\n align-self: center;\n }\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 4px;\n width: 100%;\n max-width: fit-content;\n\n .dot {\n height: 4px;\n width: 4px;\n background-color: ",";\n border-radius: 50%;\n display: flex;\n align-self: center;\n }\n"])),e.theme.colors.gray400),m=c.default.div(p||(p=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n .line {\n width: 100%;\n height: 1px;\n background: ",";\n }\n\n .dot {\n height: 8px;\n width: 8px;\n background-color: ",";\n border-radius: 50%;\n display: flex;\n align-self: center;\n }\n\n &[data-isCurrent='true'] {\n .line {\n background: ",";\n }\n .dot {\n background-color: ",";\n }\n }\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n .line {\n width: 100%;\n height: 1px;\n background: ",";\n }\n\n .dot {\n height: 8px;\n width: 8px;\n background-color: ",";\n border-radius: 50%;\n display: flex;\n align-self: center;\n }\n\n &[data-isCurrent='true'] {\n .line {\n background: ",";\n }\n .dot {\n background-color: ",";\n }\n }\n"])),e.theme.colors.neutral200,e.theme.colors.neutral200,e.theme.colors.primaryBase,e.theme.colors.primaryBase),w=c.default.div(s||(s=n.__makeTemplateObject(["\n padding-left: 108px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n width: 100%;\n\n "," {\n padding: 0;\n }\n"],["\n padding-left: 108px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n width: 100%;\n\n "," {\n padding: 0;\n }\n"])),i.MediaQueries.mbDown);exports.StyledCountDoseWrapper=g,exports.StyledCurrentLineWrapper=m,exports.StyledHeaderWrapper=u,exports.StyledRecordsByAgeGroup=x,exports.StyledRecordsWrapper=w,exports.StyledTitleWrapper=f;

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../hooks/useTranslations.js"),r=require("../../../misc/theme.js"),a=require("../../atoms/icons/index.js"),l=require("../../atoms/text/index.js"),n=require("./index.styled.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(e);exports.TimelineBanner=function(e){var s=e.content,i=e.url,c=e.icon,m=e.gender,u=e.className,d=e.siteType,f=t.useTranslations().t;return o.default.createElement(n.StyledTimelineBanner,{className:u,"data-theme":d,"data-gender":m},o.default.createElement("div",{className:"content"},o.default.createElement(l.Text,{size:"p3",color:r.theme.colors.gray800},s),i&&o.default.createElement("a",{className:"read-more",href:i,target:"_blank",rel:"noreferrer"},o.default.createElement("div",null,o.default.createElement(l.Text,{size:"s4",color:r.theme.colors.primaryBase,type:"semiBold"},f("articlePage.readMore"))),o.default.createElement(a.Icon.ArrowRight,{size:20,color:r.theme.colors.primaryBase}))),o.default.createElement("img",{alt:"health-tool-icon",src:c}))};

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

@@ -0,0 +1 @@

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),t=require("react"),l=require("react-hook-form"),a=require("../../atoms/icons/index.js"),n=require("../../atoms/radioImageGroup/index.js"),r=require("../../atoms/text/index.js"),o=require("../../mantine/input/index.js"),i=require("../../../hooks/useHealthToolCache.js"),u=require("../../../hooks/useTranslations.js"),d=require("../../../interfaces/constants/index.js"),s=require("../../../misc/theme.js"),m=require("../../../together/interfaces/constants.js"),c=require("../embeddedHeathToolCards/helpers.js"),h=require("../radioGroup/index.js"),g=require("./index.styled.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=f(t);exports.BmiForm=function(f){var v,p,E,C,j=f.value,y=f.onChange,w=f.onSubmit,q=f.disabled,S=f.bmiGenerated,T=f.bmiUnit,x=f.locale,I=f.isSide,_=t.useState(!1),N=_[0],G=_[1],z=l.useForm(),F=z.control,H=z.handleSubmit,M=z.setValue,k=(0,z.watch)(),B=u.useTranslations().t,L=q||{},O=L.gender,V=void 0!==O&&O,A=L.age,R=void 0!==A&&A,W=L.height,P=void 0!==W&&W,U=L.weight,D=void 0!==U&&U,Y=L.objective,J=void 0===Y||Y,K=i.useHealthToolsCache(x).getHealthToolLink,Q=t.useMemo((function(){return K(m.HEALTH_TOOL_TYPE.OVULATION)}),[K]),X=t.useMemo((function(){return[{value:"male",label:B("gender.male"),content:b.default.createElement(a.Icon.GenderChooseBoy,null)},{value:"female",label:B("gender.female"),content:b.default.createElement(a.Icon.GenderChooseGirl,null)}]}),[]),Z=t.useMemo((function(){return[{value:"lose-weight",label:B("bmi.objective.loseWeight")},{value:"maintain-weight",label:B("bmi.objective.maintainWeight")},{value:"gain-weight",label:B("bmi.objective.gainWeight")}]}),[]),$=function(){G(!0)};return t.useEffect((function(){Object.keys(j||{}).forEach((function(e){M(e,null==j?void 0:j[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[j]),t.useEffect((function(){y&&y(k)}),[k]),b.default.createElement(g.StyledContainer,null,b.default.createElement("form",{onSubmit:H((function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var l,a,n;return e.__generator(this,(function(e){return l=T.heightConvert(t.height),a=T.weightConvert(t.weight),n={gender:t.gender,age:t.age,height:l,weight:a,bmi:c.getBmi({height:l,weight:a})},J||(n.objective=t.objective),$(),w&&w(n),[2]}))}))}),$)},!V&&b.default.createElement(g.FormControl,{"data-is-side":I},b.default.createElement(l.Controller,{name:"gender",control:F,defaultValue:"male",render:function(e){var t=e.field,l=t.name,a=t.value,r=t.onChange,o=e.fieldState.error;return b.default.createElement(g.StyledInput,{size:"md",name:l,label:S.gender.label,CustomInput:b.default.createElement(n.RadioImageGroup,{options:X,value:a,onChange:function(e){return r(e)},className:"bmi--input-radio_gender ".concat(I?"bmi-side-embed":"")}),errorMessage:N?null==o?void 0:o.message:"",className:"bmi--input bmi--input-gender"})}})),b.default.createElement(g.StyledRow,{"data-is-side":I},!R&&b.default.createElement(g.FormControl,null,b.default.createElement(l.Controller,{name:"age",control:F,rules:null===(v=S.age)||void 0===v?void 0:v.rule,render:function(e){var t=e.field,l=t.name,a=t.value,n=t.onChange,i=e.fieldState.error;return b.default.createElement(o.Input.Number,{label:b.default.createElement(r.Text,{size:"label2",type:"bold",color:s.theme.colors.gray600},S.age.label),placeholder:B("healthtool.placeholder.age"),name:l,value:a||0,onChange:n,error:N?null==i?void 0:i.message:"",min:0})}})),!P&&b.default.createElement(g.FormControl,null,b.default.createElement(l.Controller,{name:"height",control:F,rules:null===(p=S.height)||void 0===p?void 0:p.rule,render:function(e){var t=e.field,l=t.name,a=t.value,n=t.onChange,i=e.fieldState.error;return b.default.createElement(o.Input.Number,{label:b.default.createElement(r.Text,{size:"label2",type:"bold",color:s.theme.colors.gray600},S.height.label),placeholder:B("pwg.placeholder.height"),name:l,value:a||0,onChange:n,error:N?null==i?void 0:i.message:"",min:0})}})),!D&&b.default.createElement(g.FormControl,null,b.default.createElement(l.Controller,{name:"weight",control:F,rules:null===(E=S.weight)||void 0===E?void 0:E.rule,render:function(e){var t=e.field,l=t.name,a=t.value,n=t.onChange,i=e.fieldState.error;return b.default.createElement(o.Input.Number,{label:b.default.createElement(r.Text,{size:"label2",type:"bold",color:s.theme.colors.gray600},S.weight.label),placeholder:B("pwg.placeholder.weight"),name:l,value:a||0,onChange:n,error:N?null==i?void 0:i.message:"",precision:1,min:0})}})),!J&&b.default.createElement(g.FormControl,null,b.default.createElement(l.Controller,{name:"objective",control:F,defaultValue:"lose-weight",rules:null===(C=S.objective)||void 0===C?void 0:C.rule,render:function(e){var t=e.field,l=t.name,a=t.value,n=t.onChange,r=e.fieldState.error;return b.default.createElement(g.StyledInput,{size:"md",name:l,label:S.objective.label,CustomInput:b.default.createElement(h.RadioGroup,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:Z,value:a,onChange:n}),errorMessage:N?null==r?void 0:r.message:"",className:"bmi--input bmi--input-objective"})}}))),b.default.createElement("div",{style:{display:"flex"}},b.default.createElement(g.StyledButton,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:"https://".concat(d.domainLocales[x],"/").concat(Q)},B("bmi.submit")))))};

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../externals/tslib/tslib.es6.js'),e=require("../../atoms/button/index.js"),i=require("../../atoms/pureInput/index.js"),t=require("../../../misc/utils.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o=d(require("styled-components")),p=o.default(e.Button)(x||(x=n.__makeTemplateObject(["\n margin: 0 auto 24px;\n "," {\n max-width: 200px;\n margin: 24px auto;\n }\n"],["\n margin: 0 auto 24px;\n "," {\n max-width: 200px;\n margin: 24px auto;\n }\n"])),t.MediaQueries.mbUp),a=o.default(i.PureInput)(c||(c=n.__makeTemplateObject(["\n &.bmi--input {\n + .bmi--input {\n margin-top: 24px;\n }\n .inputLabel {\n display: inline-block;\n margin-bottom: 5px;\n color: #595959;\n font-weight: bold;\n font-size: 12px;\n }\n .errorLabel {\n line-height: 1.3;\n }\n input[type='radio'] {\n padding: 0;\n }\n .bmi--input-radio_gender {\n width: 100%;\n gap: 16px;\n > div {\n "," {\n width: calc(50% - 8px);\n }\n width: calc(33% - 8px);\n }\n & > div > div {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-content: center;\n gap: 8px;\n padding-block: 5px;\n }\n }\n .bmi-side-embed {\n > div {\n "," {\n width: calc(50% - 8px);\n }\n }\n }\n .radio-group-item-heading {\n margin-top: 0;\n }\n }\n\n "," {\n &.bmi--input {\n .bmi--input-radio_gender {\n > div {\n .gender-image {\n width: 40px;\n height: 40px;\n }\n }\n }\n }\n }\n"],["\n &.bmi--input {\n + .bmi--input {\n margin-top: 24px;\n }\n .inputLabel {\n display: inline-block;\n margin-bottom: 5px;\n color: #595959;\n font-weight: bold;\n font-size: 12px;\n }\n .errorLabel {\n line-height: 1.3;\n }\n input[type='radio'] {\n padding: 0;\n }\n .bmi--input-radio_gender {\n width: 100%;\n gap: 16px;\n > div {\n "," {\n width: calc(50% - 8px);\n }\n width: calc(33% - 8px);\n }\n & > div > div {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-content: center;\n gap: 8px;\n padding-block: 5px;\n }\n }\n .bmi-side-embed {\n > div {\n "," {\n width: calc(50% - 8px);\n }\n }\n }\n .radio-group-item-heading {\n margin-top: 0;\n }\n }\n\n "," {\n &.bmi--input {\n .bmi--input-radio_gender {\n > div {\n .gender-image {\n width: 40px;\n height: 40px;\n }\n }\n }\n }\n }\n"])),t.MediaQueries.mbDown,t.MediaQueries.mbUp,t.MediaQueries.mbDown),l=o.default.div(m||(m=n.__makeTemplateObject(["\n width: 100%;\n"],["\n width: 100%;\n"]))),r=o.default.div(u||(u=n.__makeTemplateObject(["\n margin-bottom: 1rem;\n display: flex;\n flex-direction: column;\n gap: 16px;\n input {\n font-size: 12px;\n ::placeholder {\n color: #8c8c8c;\n opacity: 1;\n }\n }\n\n .gender-option {\n gap: 16px;\n > div {\n width: calc(50% - 8px);\n }\n }\n .input-label {\n label {\n display: inline-block;\n margin-bottom: 9px;\n color: #595959;\n font-weight: bold;\n font-size: 12px;\n }\n }\n"],["\n margin-bottom: 1rem;\n display: flex;\n flex-direction: column;\n gap: 16px;\n input {\n font-size: 12px;\n ::placeholder {\n color: #8c8c8c;\n opacity: 1;\n }\n }\n\n .gender-option {\n gap: 16px;\n > div {\n width: calc(50% - 8px);\n }\n }\n .input-label {\n label {\n display: inline-block;\n margin-bottom: 9px;\n color: #595959;\n font-weight: bold;\n font-size: 12px;\n }\n }\n"])));o.default.div(s||(s=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n #thr-dropdown {\n z-index: 10;\n width: 100%;\n min-width: unset;\n max-width: unset;\n color: ",";\n & > ul {\n z-index: 1;\n max-height: 300px;\n overflow-y: scroll;\n }\n }\n"],["\n display: flex;\n flex-direction: column;\n #thr-dropdown {\n z-index: 10;\n width: 100%;\n min-width: unset;\n max-width: unset;\n color: ",";\n & > ul {\n z-index: 1;\n max-height: 300px;\n overflow-y: scroll;\n }\n }\n"])),(function(n){return n.theme.colors.gray800}));var x,c,m,u,s,g,b=o.default.div(g||(g=n.__makeTemplateObject(["\n "," {\n display: flex;\n width: 100%;\n align-items: flex-start;\n justify-content: space-between;\n gap: 16px;\n > div {\n width: 100%;\n }\n &[data-is-side='true'] {\n "," {\n display: flex;\n flex-direction: column;\n gap: 0px;\n }\n }\n }\n "," {\n display: flex;\n flex-direction: column;\n gap: 0px;\n }\n"],["\n "," {\n display: flex;\n width: 100%;\n align-items: flex-start;\n justify-content: space-between;\n gap: 16px;\n > div {\n width: 100%;\n }\n &[data-is-side='true'] {\n "," {\n display: flex;\n flex-direction: column;\n gap: 0px;\n }\n }\n }\n "," {\n display: flex;\n flex-direction: column;\n gap: 0px;\n }\n"])),t.MediaQueries.mbUp,t.MediaQueries.mbUp,t.MediaQueries.mbDown);exports.FormControl=r,exports.StyledButton=p,exports.StyledContainer=l,exports.StyledInput=a,exports.StyledRow=b;

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),t=require("react"),a=require("../../atoms/icons/index.js"),n=require("../../atoms/radioImageGroup/index.js"),l=require("../../atoms/text/index.js"),r=require("../../mantine/input/index.js"),i=require("../../../hooks/useHealthToolCache.js"),o=require("../../../hooks/useTranslations.js"),s=require("../../../interfaces/constants/index.js"),u=require("../../../misc/theme.js"),c=require("../../../together/interfaces/constants.js"),m=require("./index.styled.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=d(t);exports.BmrInputForm=function(d){var h=d.info,f=d.className,b=d.style,p=d.onChange,_=d.errorMessage,E=void 0===_?{}:_,v=d.locale,y=d.onClick,N=d.isSide,C=o.useTranslations().t,I=t.useState({age:!1,height:!1,weight:!1}),x=I[0],T=I[1],j=i.useHealthToolsCache(v).getHealthToolLink,w=t.useMemo((function(){return j(c.HEALTH_TOOL_TYPE.OVULATION)}),[j]),q=t.useState("male"),S=q[0],z=q[1],F=t.useMemo((function(){return[{value:"male",label:C("gender.male"),content:g.default.createElement(a.Icon.GenderChooseBoy,null)},{value:"female",label:C("gender.female"),content:g.default.createElement(a.Icon.GenderChooseGirl,null)}]}),[]),L=function(e,t){""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},k=function(t){var a,n;n=function(t){T((function(t){return e.__assign(e.__assign({},t),{age:!0})}));var a=e.__assign(e.__assign({},h),{age:t});p&&p(a)},""!==(a=t)&&(isNaN(a)||isNaN(parseFloat(a))||a.includes("."))||n(a)};return t.useEffect((function(){p&&p(e.__assign(e.__assign({},h),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),t.useEffect((function(){T({age:!1,height:!1,weight:!1})}),[E]),g.default.createElement(m.StyledContainer,{style:b,className:f},g.default.createElement(m.FormControl,{"data-is-side":N},g.default.createElement(m.StyledInput,{size:"md",name:"gender",label:C("bmi.selectGender"),CustomInput:g.default.createElement(n.RadioImageGroup,{options:F,value:S,onChange:function(e){return z(e)},className:"bmi--input-radio_gender ".concat(N?"bmi-side-embed":"")}),className:"bmi--input bmi--input-gender"})),g.default.createElement(m.StyledRow,{"data-is-side":N},g.default.createElement(m.FormControl,null,g.default.createElement(r.Input.Number,{label:g.default.createElement(l.Text,{size:"label2",type:"bold",color:u.theme.colors.gray600},C("bmi.ageInput")," ",g.default.createElement(l.Text,{size:"label2",type:"bold",color:u.theme.colors.gray300,as:"span"},C("bmi.ageInput.desc"))),placeholder:C("healthtool.placeholder.age"),value:Number(h.age)||0,onChange:function(e){return k(String(e))},error:x.age?"":E.age,min:0})),g.default.createElement(m.FormControl,null,g.default.createElement(r.Input.Number,{label:g.default.createElement(l.Text,{size:"label2",type:"bold",color:u.theme.colors.gray600},C("bmi.heightInput")," ",g.default.createElement(l.Text,{size:"label2",type:"bold",color:u.theme.colors.gray300,as:"span"},C("bmi.heightInput.desc"))),placeholder:C("pwg.placeholder.height"),value:Number(h.height)||0,onChange:function(t){return a=String(t),void L(a,(function(t){T((function(t){return e.__assign(e.__assign({},t),{height:!0})}));var a=e.__assign(e.__assign({},h),{height:t});p&&p(a)}));var a},error:x.height?"":E.height,min:0})),g.default.createElement(m.FormControl,null,g.default.createElement(r.Input.Number,{label:g.default.createElement(l.Text,{size:"label2",type:"bold",color:u.theme.colors.gray600},C("bmi.weightInput")," ",g.default.createElement(l.Text,{size:"label2",type:"bold",color:u.theme.colors.gray300,as:"span"},C("bmi.weightInput.desc"))),placeholder:C("pwg.placeholder.weight"),value:Number(h.weight)||0,onChange:function(t){return a=String(t),T((function(t){return e.__assign(e.__assign({},t),{weight:!0})})),void L(a,(function(t){var a=e.__assign(e.__assign({},h),{weight:t});p&&p(a)}));var a},error:x.weight?"":E.weight,min:0,precision:1}))),g.default.createElement("div",{style:{display:"flex"}},g.default.createElement(m.StyledButton,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:"https://".concat(s.domainLocales[v],"/").concat(w),onClick:function(){y(S)}},C("bmi.submit"))))};

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../externals/tslib/tslib.es6.js'),e=require("../../atoms/button/index.js"),i=require("../../atoms/pureInput/index.js"),t=require("../../../misc/utils.js");function p(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,d,o,l,r,x=p(require("styled-components")),c=x.default(e.Button)(a||(a=n.__makeTemplateObject(["\n margin: 0 auto 24px;\n "," {\n max-width: 200px;\n margin: 24px auto;\n }\n"],["\n margin: 0 auto 24px;\n "," {\n max-width: 200px;\n margin: 24px auto;\n }\n"])),t.MediaQueries.mbUp),m=x.default(i.PureInput)(d||(d=n.__makeTemplateObject(["\n &.bmi--input {\n + .bmi--input {\n margin-top: 24px;\n }\n .inputLabel {\n display: inline-block;\n margin-bottom: 5px;\n color: #595959;\n font-weight: bold;\n font-size: 12px;\n }\n .errorLabel {\n line-height: 1.3;\n }\n input[type='radio'] {\n padding: 0;\n }\n .bmi--input-radio_gender {\n width: 100%;\n gap: 16px;\n > div {\n "," {\n width: calc(50% - 8px);\n }\n width: calc(33% - 8px);\n }\n & > div > div {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-content: center;\n gap: 8px;\n padding-block: 5px;\n }\n }\n .bmi-side-embed {\n > div {\n "," {\n width: calc(50% - 8px);\n }\n }\n }\n .radio-group-item-heading {\n margin-top: 0;\n }\n }\n\n "," {\n &.bmi--input {\n .bmi--input-radio_gender {\n > div {\n .gender-image {\n width: 40px;\n height: 40px;\n }\n }\n }\n }\n }\n"],["\n &.bmi--input {\n + .bmi--input {\n margin-top: 24px;\n }\n .inputLabel {\n display: inline-block;\n margin-bottom: 5px;\n color: #595959;\n font-weight: bold;\n font-size: 12px;\n }\n .errorLabel {\n line-height: 1.3;\n }\n input[type='radio'] {\n padding: 0;\n }\n .bmi--input-radio_gender {\n width: 100%;\n gap: 16px;\n > div {\n "," {\n width: calc(50% - 8px);\n }\n width: calc(33% - 8px);\n }\n & > div > div {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-content: center;\n gap: 8px;\n padding-block: 5px;\n }\n }\n .bmi-side-embed {\n > div {\n "," {\n width: calc(50% - 8px);\n }\n }\n }\n .radio-group-item-heading {\n margin-top: 0;\n }\n }\n\n "," {\n &.bmi--input {\n .bmi--input-radio_gender {\n > div {\n .gender-image {\n width: 40px;\n height: 40px;\n }\n }\n }\n }\n }\n"])),t.MediaQueries.mbDown,t.MediaQueries.mbUp,t.MediaQueries.mbDown),u=x.default.div(o||(o=n.__makeTemplateObject([""],[""]))),s=x.default.div(l||(l=n.__makeTemplateObject(["\n margin-bottom: 1rem;\n display: flex;\n flex-direction: column;\n gap: 16px;\n input {\n font-size: 12px;\n ::placeholder {\n color: #8c8c8c;\n opacity: 1;\n }\n }\n .gender-option {\n gap: 16px;\n > div {\n width: calc(50% - 8px);\n }\n }\n .input-label {\n label {\n display: inline-block;\n margin-bottom: 9px;\n color: #595959;\n font-weight: bold;\n font-size: 12px;\n }\n }\n"],["\n margin-bottom: 1rem;\n display: flex;\n flex-direction: column;\n gap: 16px;\n input {\n font-size: 12px;\n ::placeholder {\n color: #8c8c8c;\n opacity: 1;\n }\n }\n .gender-option {\n gap: 16px;\n > div {\n width: calc(50% - 8px);\n }\n }\n .input-label {\n label {\n display: inline-block;\n margin-bottom: 9px;\n color: #595959;\n font-weight: bold;\n font-size: 12px;\n }\n }\n"]))),g=x.default.div(r||(r=n.__makeTemplateObject(["\n "," {\n display: flex;\n width: 100%;\n align-items: flex-start;\n justify-content: space-between;\n gap: 16px;\n > div {\n width: 100%;\n }\n &[data-is-side='true'] {\n "," {\n display: flex;\n flex-direction: column;\n gap: 0px;\n }\n }\n }\n "," {\n display: flex;\n flex-direction: column;\n gap: 0px;\n }\n"],["\n "," {\n display: flex;\n width: 100%;\n align-items: flex-start;\n justify-content: space-between;\n gap: 16px;\n > div {\n width: 100%;\n }\n &[data-is-side='true'] {\n "," {\n display: flex;\n flex-direction: column;\n gap: 0px;\n }\n }\n }\n "," {\n display: flex;\n flex-direction: column;\n gap: 0px;\n }\n"])),t.MediaQueries.mbUp,t.MediaQueries.mbUp,t.MediaQueries.mbDown);exports.FormControl=s,exports.StyledButton=c,exports.StyledContainer=u,exports.StyledInput=m,exports.StyledRow=g;

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),t=require("react"),a=require("../dropdown/index.js"),n=require("./index.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t),l=function(e){var t=e.LinkComponent,r=e.page,l=e.isLast,d=e.onChangePage,s=r.label,i=r.value,u=r.isDropdown,c=r.dropdownItems,p=r.dataEventCategory,m=r.dataEventAction,f=r.dataEventLabel;return u?o.default.createElement(a.Dropdown,{options:c,placeholder:"...",id:"",placeholderIcon:null,onChange:d,className:"collapsed-breadcrumb"}):o.default.createElement(n.StyledTextLink,{title:"string"!=typeof s?i:s,"data-last":l},t&&o.default.createElement(t,{"data-event-category":p,"data-event-action":m,"data-event-label":f,href:i||"#"},s))};exports.Breadcrumbs=function(a){var r=a.className,d=a.pages,s=a.size,i=a.LinkComponent,u=void 0===i?"a":i,c=a.onChangePage,p=a.separator,m=t.useMemo((function(){return d.map((function(t,a){return d.length>4?a>1&&a<d.length-2?null:1===a?e.__assign(e.__assign({},t),{isDropdown:1===a,dropdownItems:d.slice(1,d.length-2)}):t:t})).filter(Boolean)}),[d]);return o.default.createElement(n.StyledBreadcrumb,{"data-size":s,className:r},m.map((function(e,a){var r=a+1===m.length;return o.default.createElement(t.Fragment,{key:a},o.default.createElement(l,{LinkComponent:u,page:e,isLast:r,onChangePage:c}),!r&&(e.separator||p||o.default.createElement(n.StyledSeparator,{"data-size":s})))})))};

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

@@ -0,0 +1 @@

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),t=require("react"),a=require("keen-slider/react"),l=require("./index.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(t),i=function(e){var t=e.isDisabled,a=e.isLeft,r=e.onClick,i=e.className,s=e.scheme,d=void 0===s?"hellosites":s;return n.default.createElement(l.StyledArrow,{onClick:r,"data-is-disabled":t,"data-is-left":a,className:i},n.default.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a?n.default.createElement("path",{d:"M2.92902 6.00015L6.75002 2.17915C7.16402 1.76515 7.16402 1.09315 6.75002 0.679152C6.33602 0.265152 5.66402 0.265152 5.25002 0.679152L0.636023 5.29315C0.245023 5.68415 0.245023 6.31715 0.636023 6.70715L5.25002 11.3212C5.66402 11.7352 6.33602 11.7352 6.75002 11.3212C7.16402 10.9072 7.16402 10.2352 6.75002 9.82115L2.92902 6.00015Z",fill:"hellosites"===d?"#595959":"#E55C8A"}):n.default.createElement("path",{d:"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z",fill:"hellosites"===d?"#595959":"#E55C8A"})))};exports.Carousel=function(r){for(var s=r.row,d=r.column,o=r.children,c=r.scheme,u=void 0===c?"hellosites":c,f=r.classNameLeftArrow,v=void 0===f?"":f,m=r.classNameRightArrow,h=void 0===m?"":m,p=r.mode,g=void 0===p?"snap":p,C=r.isDotsShown,E=void 0===C||C,w=r.isArrowShown,k=void 0!==w&&w,y=r.dataEventCategory,L=r.dataEventAction,b=r.dataEventLabel,A=r.onChangePage,N=n.default.useState(0),S=N[0],x=N[1],_=t.useState(!1),D=_[0],j=_[1],q=a.useKeenSlider({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){x(e.track.details.rel),A&&A(e.track.details.rel)},created:function(){j(!0)},drag:!0,mode:g,slides:{spacing:12}}),P=q[0],M=q[1],Z=[],B=s*d,F=0;F<o.length;F+=B){var I=o.slice(F,F+B);Z.push(I)}return n.default.createElement(l.StyledCarousel,{row:s,column:d},n.default.createElement("div",{className:"navigation-wrapper"},n.default.createElement("div",{ref:P,className:"keen-slider slides-wrapper"},Z.map((function(e,t){return n.default.createElement("div",{key:t,className:"keen-slider__slide page-items"},e.map((function(e,t){return n.default.createElement("div",{key:t},e)})))}))),D&&M.current&&k&&n.default.createElement(n.default.Fragment,null,n.default.createElement(i,{isLeft:!0,onClick:function(e){var t;return e.stopPropagation()||(null===(t=M.current)||void 0===t?void 0:t.prev())},isDisabled:0===S,scheme:u,className:"left-arrow ".concat(v),"data-event-category":y,"data-event-action":L,"data-event-label":b}),n.default.createElement(i,{isLeft:!1,onClick:function(e){var t;return e.stopPropagation()||(null===(t=M.current)||void 0===t?void 0:t.next())},isDisabled:S===M.current.track.details.slides.length-1,scheme:u,className:"right-arrow ".concat(h),"data-event-category":y,"data-event-action":L,"data-event-label":b}))),D&&M.current&&E&&n.default.createElement("div",{className:"dots"},e.__spreadArray([],Array(M.current.track.details.slides.length),!0).map((function(e,t){return n.default.createElement(l.StyledDot,{key:t,onClick:function(){var e;null===(e=M.current)||void 0===e||e.moveToIdx(t)},"data-is-active":S===t,"data-is-hellosites":"hellosites"===u})}))))};

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

@@ -0,0 +1 @@

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../atoms/text/index.js"),a=require("./index.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e);exports.CategoryCard=function(e){var r=e.imgBanner,l=e.label,d=e.className,s=e.style,c=e.href,o=void 0===c?"":c,i=e.dataEventCategory,u=e.dataEventAction,f=e.dataEventLabel;return n.default.createElement(a.StyledCategoryCard,{"data-event-category":i,"data-event-action":u,"data-event-label":f,className:d,style:s,href:o,onClick:function(e){""===o&&e.preventDefault()}},n.default.createElement("div",{className:"banner"},r),n.default.createElement("div",{className:"content"},n.default.createElement(t.Text,{className:"category_name",size:"sm",type:"bold"},l)))};

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

@@ -0,0 +1 @@

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),a=require("../../atoms/checkbox/index.js"),t=require("./index.styled.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e);exports.CheckboxGroup=function(e){var n=e.name,l=e.values,c=void 0===l?[]:l,r=e.onChanges,s=e.options,o=void 0===s?[]:s,u=e.className,d=e.type,v=void 0===d?"vertical":d,f=e.isDisabled,p=e.isRectangle,b=function(e,a){var t=c.slice();if(a)t.push(e);else{var n=t.findIndex((function(a){return a===e}));t.splice(n,1)}r&&r(t)};return i.default.createElement(t.StyledCheckboxGroup,{className:u,"data-type":v,"data-is-rectangle":p||void 0},o.map((function(e,t){return i.default.createElement(a.Checkbox,{label:e.label,name:n,key:"".concat(t,"-").concat(e.value),checked:c.includes(e.value),value:e.value,isDisabled:f||e.disabled,onChange:!f&&b,isRectangle:p})})))};

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

@@ -0,0 +1 @@

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../hooks/useTranslations.js"),a=require("../../../misc/theme.js"),r=require("../../atoms/heading/index.js"),n=require("../../atoms/icons/index.js"),l=require("../../atoms/marryBabyText/index.js"),d=require("../../atoms/text/index.js"),o=require("../../../misc/utils.js"),i=require("./index.styled.js"),c=require("./menu.js"),u=require("../../../interfaces/types/BabyGrowth.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=s(e),f=function(e,t){if(e)if(e.year<1){if(0===e.month)switch(e.week){case 0:case 1:return t("childCard.age.oneWeek");default:return t("childCard.age.week",{weeks:e.week})}if(1===e.month)return t("childCard.age.oneMonth");if(e.month>1)return t("childCard.age.months",{month:e.month})}else{if(1===e.year)return t("childCard.age.oneYear");if(0===e.month)return t("childCard.age.yearNoMonth",{year:e.year});if(e.month>0)return t("childCard.age.yearMonth",{year:e.year,month:e.month})}};exports.ChildCard=function(s){var y=s.name,h=s.gender,E=s.age,g=s.isLoggedIn,C=void 0!==g&&g,b=s.showMenu,B=void 0!==b&&b,v=s.onEdit,x=s.onSwitch,p=s.onAdd,G=s.onRemove,j=s.className,I=s.siteType,q=t.useTranslations().t,M=e.useState(!1),T=M[0],w=M[1],z="marryBaby"===I;return m.default.createElement(i.StyledChildCard,{className:j,"data-theme":I},z?m.default.createElement(m.default.Fragment,null,m.default.createElement("div",{"data-testid":"gender"},h===u.Gender.Boy?m.default.createElement(n.Icon.BabyBoyMB,{"data-testid":"boy",id:"boy",size:48}):m.default.createElement(n.Icon.BabyGirlMB,{"data-testid":"girl",id:"girl",size:48})),m.default.createElement("div",{className:"information"},m.default.createElement(l.MarryBabyText,{type:"subtitle-1",color:a.theme.mbColors.dark},o.startCase(y)||q("childCard.noName")),m.default.createElement("div",{className:"detail"},m.default.createElement("div",null,h===u.Gender.Boy?m.default.createElement(n.Icon.GenderBoy,{size:14}):m.default.createElement(n.Icon.GenderGirl,{size:14}),m.default.createElement(l.MarryBabyText,{type:"bodytext-2",color:a.theme.mbColors.gray},o.startCase(h))),m.default.createElement("div",null,m.default.createElement(n.Icon.CalendarMB,{size:20}),E&&m.default.createElement(l.MarryBabyText,{type:"bodytext-2",color:a.theme.mbColors.gray},f(E,q)))))):m.default.createElement(m.default.Fragment,null,m.default.createElement("div",{"data-testid":"gender"},h===u.Gender.Boy?m.default.createElement(n.Icon.Boy,{"data-testid":"boy",id:"boy"}):m.default.createElement(n.Icon.Girl,{"data-testid":"girl",id:"girl"})),m.default.createElement("div",{className:"information"},m.default.createElement(r.Heading,{tag:"h5",fontWeight:"bold",color:a.theme.colors.gray800},o.startCase(y)||q("childCard.noName")),m.default.createElement("div",{className:"detail"},m.default.createElement("div",null,h===u.Gender.Boy?m.default.createElement(n.Icon.GenderBoy,null):m.default.createElement(n.Icon.GenderGirl,null),m.default.createElement(d.Text,{size:"p3",color:a.theme.colors.gray800,style:{textTransform:"capitalize"}},h)),m.default.createElement("div",null,m.default.createElement(n.Icon.Calendar,{size:16}),E&&m.default.createElement(d.Text,{size:"p3",color:a.theme.colors.gray800},f(E,q)))))),B&&C&&m.default.createElement(i.StyledOption,null,m.default.createElement(n.Icon.Kebab,{onClick:function(){return w((function(e){return!e}))}}),T&&m.default.createElement(c,{siteType:I,name:y,onClose:function(){return w(!1)},onEdit:function(){w(!1),v()},onSwitch:function(){w(!1),x()},onAdd:function(){w(!1),p()},onRemove:function(){w(!1),G()}})))},exports.renderChildAge=f;

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

@@ -0,0 +1 @@

package/build/components/molecules/childCard/menu.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";var e=require("react"),t=require("../../../hooks/useTranslations.js"),C=require("../../../misc/theme.js"),r=require("../../atoms/text/index.js");require("../../atoms/alert/index.styled.js"),require("../../atoms/avatar/index.styled.js"),require("../../atoms/badge/index.styled.js"),require("../../atoms/borderHeading/index.styled.js"),require("../../atoms/button/index.styled.js"),require("../../atoms/divider/index.styled.js"),require("../../atoms/fileDropdown/index.styled.js"),require("../../atoms/flag/index.styled.js"),require("../../atoms/grid/index.styled.js"),require("../../atoms/heading/index.styled.js"),require("../../atoms/label/index.js"),require("../../atoms/input/index.styled.js"),require("../../atoms/logo/index.styled.js"),require("../../atoms/logo/logoIcon.js"),require("../../atoms/logo/utils.js"),require("../../../misc/utils.js"),require("../../atoms/pagination/index.styled.js"),require("../../atoms/pureInput/index.js"),require("../../atoms/radio/index.styled.js"),require("../../atoms/shadow/index.styled.js"),require("react-range"),require("../../atoms/slider/index.styled.js"),require("../../atoms/tag/index.styled.js"),require("../../atoms/toggle/index.styled.js"),require("../../atoms/underlinedLink/index.styled.js"),require("../../atoms/uploader/index.styled.js"),require("../../atoms/textArea/index.js"),require("../../atoms/container/index.styled.js"),require("../../atoms/checkbox/index.styled.js"),require("../../atoms/textDivider/index.js"),require("../../atoms/rateStars/index.styled.js"),require("../../atoms/icons/Activities.js"),require("../../atoms/icons/ArrowLeft.js"),require("../../atoms/icons/ArrowRight.js"),require("../../atoms/icons/Ask.js"),require("../../atoms/icons/BarChart.js"),require("../../atoms/icons/Booking.js"),require("../../atoms/icons/Bookmark.js"),require("../../atoms/icons/CheckActiveMB.js"),require("../../atoms/icons/Community.js"),require("../../atoms/icons/EditSpecial.js"),require("../../atoms/icons/Family.js"),require("../../atoms/icons/Font.js"),require("../../atoms/icons/FullScreen.js"),require("../../atoms/icons/GroupPeople.js"),require("../../atoms/icons/GroupPeopleSolid.js"),require("../../atoms/icons/Heart.js"),require("../../atoms/icons/Home.js"),require("../../atoms/icons/Like.js"),require("../../atoms/icons/MyCommunity.js"),require("../../atoms/icons/MyHealth.js"),require("../../atoms/icons/PlusSpecial.js"),require("../../atoms/icons/Recalculate.js"),require("../../atoms/icons/Reply.js"),require("../../atoms/icons/Scale.js"),require("../../atoms/icons/Share.js"),require("../../atoms/icons/Stethoscope.js"),require("../../atoms/progress/index.styled.js"),require("@mantine/core"),require("../../atoms/backdrop/index.styled.js"),require("../../atoms/drawer/index.styled.js");var i=require("../../atoms/menu/index.js"),l=require("../../atoms/marryBabyText/index.js");require("../../atoms/radioImageGroup/index.styled.js"),require("../../atoms/authorBadge/index.styled.js"),require("../../atoms/newBabyProfileRadio/index.styled.js"),require("../../atoms/customReferenceDot/index.js"),require("../../atoms/babyGrowthGender/index.styled.js"),require("../../atoms/babyGrowthLegend/index.styled.js"),require("../../atoms/babyGrowthSwitch/index.js"),require("../../atoms/babyGrowthTooltip/index.js"),require("../../atoms/babyGrowthProfileRadio/index.styled.js"),require("dayjs");var s=require("./index.styled.js"),a=require("../../../hooks/useOutsideClick.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../interfaces/types/Locale.js"),require("../../atoms/babyGrowthRecord/index.styled.js");var d=o(e);module.exports=function(o){var n=o.name,u=o.onClose,m=o.onEdit,c=o.onSwitch,f=o.onAdd,h=o.onRemove,q=o.siteType,y=t.useTranslations().t,j="marryBaby"===q,x=e.useRef();return a.useOutsideClick(x,u),d.default.createElement("div",{ref:x},j?d.default.createElement(s.StyledChildCardMenu,{width:250,"data-site":q},d.default.createElement(i.Menu.Item,{onClick:m,icon:d.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.1512 4.29354C13.7553 3.68946 14.5746 3.3501 15.4289 3.3501C17.2078 3.3501 18.65 4.79223 18.65 6.5712C18.65 7.42549 18.3106 8.24479 17.7065 8.84886L16.9689 9.58652C16.9626 9.59307 16.9562 9.5995 16.9496 9.6058L13.7897 12.7657C12.0036 14.5518 9.76564 15.8189 7.31513 16.4315L6.55809 16.6208C5.84616 16.7988 5.20129 16.1539 5.37927 15.442L5.56853 14.6849C6.18116 12.2344 7.44827 9.99647 9.23437 8.21036L12.3943 5.0504C12.4006 5.04388 12.407 5.0375 12.4135 5.03127L13.1512 4.29354ZM12.2667 7.01649L10.1536 9.1296C8.53411 10.7491 7.3852 12.7783 6.82972 15.0002L6.77301 15.227L6.99983 15.1703C9.22177 14.6149 11.251 13.4659 12.8705 11.8464L14.9836 9.73334C14.3478 9.52953 13.7639 9.13743 13.3133 8.68678C12.8626 8.23613 12.4705 7.65226 12.2667 7.01649ZM16.1622 8.55469C15.5984 8.66895 14.8552 8.39025 14.2325 7.76754C13.6098 7.14483 13.3311 6.40165 13.4454 5.83784L14.0704 5.21278C14.4307 4.8525 14.9193 4.6501 15.4289 4.6501C16.4899 4.6501 17.35 5.5102 17.35 6.5712C17.35 7.08071 17.1476 7.56935 16.7873 7.92962L16.1622 8.55469Z",fill:"#3E3F58"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.34998 20.0001C4.34998 19.6411 4.64099 19.3501 4.99998 19.3501H19C19.359 19.3501 19.65 19.6411 19.65 20.0001C19.65 20.3591 19.359 20.6501 19 20.6501H4.99998C4.64099 20.6501 4.34998 20.3591 4.34998 20.0001Z",fill:"#3E3F58"}))},d.default.createElement(l.MarryBabyText,{type:"bodytext-2",color:C.theme.mbColors.gray},y("childCard.menu.edit",{name:n}))),d.default.createElement(i.Menu.Item,{onClick:c,icon:d.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.5951 4.50716C12.8673 4.19494 13.3411 4.16249 13.6533 4.43468L19.4929 9.52559C19.7286 9.73108 19.812 10.0613 19.7023 10.3541C19.5926 10.6469 19.3127 10.8409 19 10.8409H5C4.58579 10.8409 4.25 10.5051 4.25 10.0909C4.25 9.67671 4.58579 9.34092 5 9.34092H16.9984L12.6676 5.56534C12.3554 5.29315 12.3229 4.81938 12.5951 4.50716Z",fill:"#3E3F58"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4049 19.4928C11.1327 19.8051 10.6589 19.8375 10.3467 19.5653L4.50715 14.4744C4.27144 14.2689 4.18796 13.9387 4.29768 13.6459C4.40741 13.3531 4.68729 13.1591 5 13.1591L19 13.1591C19.4142 13.1591 19.75 13.4949 19.75 13.9091C19.75 14.3233 19.4142 14.6591 19 14.6591L7.00161 14.6591L11.3324 18.4347C11.6446 18.7069 11.6771 19.1806 11.4049 19.4928Z",fill:"#3E3F58"}))},d.default.createElement(l.MarryBabyText,{type:"bodytext-2",color:C.theme.mbColors.gray},y("childCard.menu.switch"))),d.default.createElement(i.Menu.Item,{onClick:f,icon:d.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d.default.createElement("path",{d:"M11.8123 22.1251C8.24982 22.1251 5.15607 19.837 4.10577 16.4444C4.01202 16.1441 4.18048 15.8248 4.48077 15.731C4.78107 15.6373 5.1004 15.8057 5.19415 16.106C6.09357 19.0313 8.75665 20.981 11.8123 20.981C14.868 20.981 17.5311 19.0123 18.4305 16.106C18.5242 15.8057 18.8436 15.6373 19.1439 15.731C19.4442 15.8248 19.6126 16.1441 19.5189 16.4444C18.4686 19.837 15.3748 22.1251 11.8123 22.1251Z",fill:"#3E3F58"}),d.default.createElement("path",{d:"M4.3125 16.875C2.75684 16.875 1.5 15.6182 1.5 14.0625C1.5 12.5244 2.73779 11.2881 4.25684 11.25C4.96875 9.33691 6.41309 7.72559 8.26904 6.82471C8.55029 6.69434 8.88721 6.80566 9.01904 7.08691C9.14941 7.36816 9.03809 7.70654 8.75684 7.83691C7.05029 8.66309 5.73779 10.1997 5.19434 12C5.11816 12.2622 4.85596 12.4307 4.57471 12.394C4.46191 12.375 4.38721 12.375 4.3125 12.375C3.375 12.375 2.625 13.125 2.625 14.0625C2.625 15 3.375 15.75 4.3125 15.75C4.38721 15.75 4.46191 15.75 4.55566 15.731C4.85596 15.6943 5.15625 15.8994 5.19434 16.1997C5.23096 16.5 5.02441 16.8003 4.72559 16.8369C4.57471 16.856 4.44434 16.875 4.3125 16.875ZM19.3125 16.875C19.1807 16.875 19.0503 16.856 18.8994 16.8369C18.6006 16.8003 18.375 16.5 18.4307 16.1997C18.4688 15.8994 18.769 15.6753 19.0693 15.731C19.1631 15.75 19.2378 15.75 19.3125 15.75C20.25 15.75 21 15 21 14.0625C21 13.125 20.25 12.375 19.3125 12.375C19.2378 12.375 19.1631 12.375 19.0693 12.394C18.7881 12.4307 18.5244 12.2622 18.4497 12C17.5503 9.07471 14.8872 7.125 11.8315 7.125C10.856 7.125 9.39404 6.46875 9.39404 4.6875C9.39404 4.36816 9.63721 4.125 9.95654 4.125C10.2744 4.125 10.519 4.36816 10.519 4.6875C10.519 5.96191 11.6997 6 11.8315 6C15.2432 6 18.2256 8.10059 19.3872 11.25C20.9062 11.2881 22.144 12.5244 22.144 14.0625C22.125 15.6182 20.8682 16.875 19.3125 16.875Z",fill:"#3E3F58"}),d.default.createElement("circle",{cx:"11.8125",cy:"17.8125",r:"0.9375",fill:"#3E3F58"}),d.default.createElement("path",{d:"M16.0938 13.1694C15.897 13.0702 15.6596 13.1484 15.5592 13.343C15.5561 13.3488 15.2533 13.9219 14.7187 13.9219C14.1841 13.9219 13.8814 13.3488 13.8799 13.3453C13.781 13.148 13.5421 13.069 13.3452 13.1671C13.1483 13.2655 13.0689 13.5048 13.167 13.7017C13.188 13.7434 13.6876 14.7188 14.7187 14.7188C15.7499 14.7188 16.2495 13.7433 16.2705 13.7017C16.3685 13.5056 16.2892 13.2686 16.0938 13.1694Z",fill:"#3E3F58"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.1344 13.0892L16.1346 13.0893C16.3737 13.2108 16.4714 13.5014 16.351 13.7421L16.3509 13.7425C16.3382 13.7675 16.2027 14.0317 15.9361 14.2906C15.6691 14.55 15.2651 14.809 14.7188 14.809C14.1725 14.809 13.7685 14.55 13.5014 14.2906C13.2349 14.0317 13.0994 13.7675 13.0867 13.7424L13.0865 13.742L13.0865 13.742C12.9664 13.5009 13.0635 13.2075 13.305 13.0867L13.3051 13.0867C13.5463 12.9666 13.8392 13.0633 13.9604 13.3051L13.9625 13.3094L13.9625 13.3094C13.9628 13.31 13.9635 13.3112 13.9646 13.313C13.9776 13.3355 14.0457 13.4532 14.1633 13.5717C14.2976 13.707 14.4853 13.8321 14.7188 13.8321C14.9522 13.8321 15.1399 13.707 15.2744 13.5714C15.3411 13.5042 15.3925 13.4366 15.4274 13.3854C15.4448 13.3598 15.458 13.3386 15.4667 13.3238C15.4711 13.3164 15.4744 13.3106 15.4766 13.3068L15.4797 13.3011C15.6028 13.0634 15.8935 12.9678 16.1344 13.0892ZM13.8799 13.3455C13.8814 13.349 14.1841 13.9221 14.7188 13.9221C15.2517 13.9221 15.5543 13.3525 15.5592 13.3432L15.5592 13.3431C15.6597 13.1486 15.897 13.0704 16.0939 13.1696C16.2892 13.2688 16.3686 13.5058 16.2705 13.7019C16.2495 13.7435 15.7499 14.719 14.7188 14.719C13.6877 14.719 13.1881 13.7435 13.167 13.7019C13.069 13.505 13.1484 13.2657 13.3453 13.1672C13.5422 13.0692 13.7811 13.1482 13.8799 13.3455Z",fill:"#3E3F58"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.5094 13.0893L10.5091 13.0892C10.2682 12.9678 9.97759 13.0634 9.85442 13.3011L9.85131 13.3068C9.84916 13.3106 9.84588 13.3164 9.8415 13.3238C9.83273 13.3386 9.81958 13.3598 9.80218 13.3854C9.76727 13.4366 9.71585 13.5042 9.6492 13.5714C9.51469 13.707 9.327 13.8321 9.09355 13.8321C8.86008 13.8321 8.67238 13.707 8.53807 13.5717C8.47152 13.5047 8.42025 13.4372 8.38558 13.3864C8.35996 13.3488 8.34478 13.3223 8.33921 13.3126L8.33682 13.3085L8.33512 13.3051C8.21396 13.0633 7.92186 12.9667 7.68003 13.0866L7.67978 13.0867C7.43828 13.2075 7.34115 13.5009 7.46124 13.742L7.46147 13.7424C7.47414 13.7675 7.60963 14.0317 7.87619 14.2906C8.14326 14.55 8.54722 14.809 9.09355 14.809C9.63987 14.809 10.0438 14.55 10.3109 14.2906C10.5775 14.0317 10.713 13.7675 10.7256 13.7425L10.7258 13.7421C10.8462 13.5014 10.7484 13.2108 10.5094 13.0893ZM9.93396 13.3432L9.934 13.3431C10.0062 13.2033 10.1491 13.1235 10.297 13.1266C10.1492 13.1236 10.0064 13.2033 9.93422 13.3431L9.93419 13.3432C9.92921 13.3526 9.62669 13.9221 9.09377 13.9221C9.08851 13.9221 9.08327 13.9221 9.07806 13.922C9.0832 13.9221 9.08836 13.9221 9.09355 13.9221C9.62649 13.9221 9.92901 13.3525 9.93396 13.3432ZM9.06061 14.7186C8.0518 14.6982 7.56261 13.7431 7.5418 13.7019C7.44375 13.505 7.52313 13.2657 7.72002 13.1672C7.7803 13.1373 7.84434 13.1239 7.90705 13.1253C7.84441 13.1239 7.78045 13.1374 7.72024 13.1672C7.52335 13.2657 7.44397 13.505 7.54203 13.7019C7.56283 13.7431 8.05195 14.6981 9.06061 14.7186Z",fill:"#3E3F58"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.8 2.3999C19.9144 2.3999 20.0071 2.49262 20.0071 2.60698V3.99282H21.3929C21.5073 3.99282 21.6 4.08554 21.6 4.1999C21.6 4.31427 21.5073 4.40698 21.3929 4.40698H20.0071V5.79282C20.0071 5.90719 19.9144 5.9999 19.8 5.9999C19.6856 5.9999 19.5929 5.90719 19.5929 5.79282V4.40698H18.2071C18.0927 4.40698 18 4.31427 18 4.1999C18 4.08554 18.0927 3.99282 18.2071 3.99282H19.5929V2.60698C19.5929 2.49262 19.6856 2.3999 19.8 2.3999Z",fill:"#3E3F58"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.2929 2.60718C19.2929 2.32712 19.5199 2.1001 19.8 2.1001C20.08 2.1001 20.307 2.32712 20.307 2.60718V3.69302H21.3929C21.6729 3.69302 21.9 3.92005 21.9 4.2001C21.9 4.48015 21.6729 4.70718 21.3929 4.70718H20.307V5.79302C20.307 6.07307 20.08 6.3001 19.8 6.3001C19.5199 6.3001 19.2929 6.07307 19.2929 5.79302V4.70718H18.207C17.927 4.70718 17.7 4.48015 17.7 4.2001C17.7 3.92005 17.927 3.69302 18.207 3.69302H19.2929V2.60718Z",fill:"#3E3F58"}))},d.default.createElement(l.MarryBabyText,{type:"bodytext-2",color:C.theme.mbColors.gray},y("childCard.menu.add"))),d.default.createElement(i.Menu.Item,{onClick:h,icon:d.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.6094 2.61873C11.0508 2.44123 11.5233 2.3501 12 2.3501C12.4767 2.3501 12.9491 2.44123 13.3905 2.61873C13.832 2.79625 14.2343 3.05692 14.5741 3.38678C14.9139 3.71668 15.1845 4.10937 15.3695 4.54295C15.4685 4.77508 15.5419 5.01633 15.5887 5.2626H16.9895C18.4406 5.2626 19.65 6.40947 19.65 7.86442V8.01078C19.65 8.89985 19.1605 9.68128 18.4237 10.1037C18.884 10.8243 19.2029 11.64 19.3437 12.5139L19.3813 12.7472C19.5681 13.9067 19.4973 15.0915 19.1738 16.2218L19.0562 16.6329C18.3288 19.1745 16.1665 21.0699 13.5141 21.522C12.5123 21.6928 11.4876 21.6928 10.4858 21.522C7.83339 21.0699 5.67109 19.1745 4.94377 16.6329L4.82611 16.2218C4.50265 15.0915 4.43185 13.9067 4.61867 12.7472L4.65627 12.5139C4.79707 11.64 5.11599 10.8243 5.57625 10.1037C4.83944 9.68128 4.34998 8.89985 4.34998 8.01078V7.86442C4.34998 6.40947 5.55937 5.2626 7.01043 5.2626H8.41124C8.45805 5.01633 8.53144 4.77508 8.63048 4.54295C8.81547 4.10937 9.08608 3.71668 9.42589 3.38678C9.76565 3.05692 10.168 2.79625 10.6094 2.61873ZM9.74907 5.2626L14.2509 5.2626C14.2288 5.19175 14.2031 5.12183 14.1738 5.05312C14.0572 4.77998 13.8859 4.53053 13.6685 4.31952C13.4511 4.10848 13.192 3.94008 12.9055 3.82486C12.619 3.70963 12.3112 3.6501 12 3.6501C11.6887 3.6501 11.381 3.70963 11.0944 3.82486C10.8079 3.94008 10.5488 4.10848 10.3314 4.31952C10.1141 4.53053 9.94273 4.77998 9.8262 5.05311C9.79688 5.12183 9.77115 5.19175 9.74907 5.2626ZM7.01043 6.5626C6.2408 6.5626 5.64998 7.16345 5.64998 7.86442V8.01078C5.64998 8.53694 6.03782 9.01141 6.60612 9.11574C6.65027 9.12384 6.69443 9.13185 6.73861 9.13975C6.73934 9.13988 6.74007 9.14001 6.7408 9.14014C6.9188 9.17198 7.09704 9.20218 7.27549 9.23076C10.5824 9.76029 13.9603 9.73008 17.2592 9.14014C17.2597 9.14004 17.2603 9.13994 17.2608 9.13984C17.3052 9.13191 17.3495 9.12388 17.3938 9.11574C17.9621 9.01141 18.35 8.53694 18.35 8.01078V7.86442C18.35 7.16345 17.7591 6.5626 16.9895 6.5626H7.01043ZM6.89224 10.4854C6.40537 11.1346 6.07257 11.8962 5.93971 12.7207L5.90212 12.954C5.74569 13.9249 5.80489 14.917 6.07594 15.8642L6.19359 16.2753C6.77869 18.3198 8.5277 19.8695 10.7042 20.2405C11.5615 20.3866 12.4385 20.3866 13.2957 20.2405C15.4722 19.8695 17.2212 18.3198 17.8063 16.2753L17.924 15.8642C18.1951 14.917 18.2543 13.9249 18.0978 12.954L18.0602 12.7207C17.9274 11.8962 17.5946 11.1346 17.1077 10.4854C17.0485 10.4953 16.9893 10.5049 16.93 10.5144C13.6061 11.0467 10.2137 11.037 6.89224 10.4854ZM9.34998 16.5918V12.7084C9.34998 12.3495 9.64099 12.0584 9.99998 12.0584C10.359 12.0584 10.65 12.3495 10.65 12.7084V16.5918C10.65 16.9508 10.359 17.2418 9.99998 17.2418C9.64099 17.2418 9.34998 16.9508 9.34998 16.5918ZM14 12.0584C14.359 12.0584 14.65 12.3495 14.65 12.7084V16.5918C14.65 16.9508 14.359 17.2418 14 17.2418C13.641 17.2418 13.35 16.9508 13.35 16.5918V12.7084C13.35 12.3495 13.641 12.0584 14 12.0584Z",fill:"#3E3F58"}))},d.default.createElement(l.MarryBabyText,{type:"bodytext-2",color:C.theme.mbColors.red},y("childCard.menu.remove",{name:n})))):d.default.createElement(s.StyledChildCardMenu,{width:250},d.default.createElement(i.Menu.Item,{onClick:m,icon:d.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d.default.createElement("path",{d:"M12.7812 1.83301C12.2987 1.83301 11.8162 2.01676 11.4479 2.38509L10.6667 3.16634L13.3333 5.83301L14.1146 5.05176C14.8506 4.31576 14.8506 3.12176 14.1146 2.38509C13.7463 2.01676 13.2638 1.83301 12.7812 1.83301ZM9.66667 4.16634L2 11.833V14.4997H4.66667L12.3333 6.83301L9.66667 4.16634Z",fill:"#595959"}))},d.default.createElement(r.Text,{size:"p2",color:C.theme.colors.gray800},y("childCard.menu.edit",{name:n}))),d.default.createElement(i.Menu.Item,{onClick:c,icon:d.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d.default.createElement("path",{d:"M8 2.5C4.9478 2.5 2.4204 4.79359 2.05078 7.7513C2.03763 7.83928 2.04222 7.929 2.06428 8.01518C2.08634 8.10136 2.12542 8.18226 2.17922 8.2531C2.23303 8.32394 2.30046 8.3833 2.37756 8.42768C2.45465 8.47206 2.53985 8.50057 2.62813 8.51152C2.71642 8.52247 2.806 8.51564 2.8916 8.49143C2.9772 8.46723 3.05709 8.42614 3.12657 8.37059C3.19605 8.31503 3.2537 8.24613 3.29615 8.16795C3.33859 8.08978 3.36496 8.00389 3.3737 7.91536C3.66141 5.61307 5.61354 3.83333 8 3.83333C9.34288 3.83333 10.5434 4.39987 11.3919 5.30339L10.0977 6.59766C9.96766 6.72766 9.96766 6.93901 10.0977 7.06901C10.1623 7.13434 10.248 7.16667 10.3333 7.16667H13.3333C13.5101 7.16667 13.6797 7.09643 13.8047 6.9714C13.9298 6.84638 14 6.67681 14 6.5V3.5C14 3.41467 13.967 3.32966 13.9023 3.26432C13.7723 3.13432 13.561 3.13432 13.431 3.26432L12.3359 4.35938C11.2437 3.21415 9.7037 2.5 8 2.5ZM13.2943 8.49089C13.1292 8.48959 12.9695 8.54959 12.8461 8.65928C12.7227 8.76896 12.6444 8.92053 12.6263 9.08464C12.3386 11.3869 10.3865 13.1667 8 13.1667C6.65713 13.1667 5.45884 12.5994 4.60938 11.6953L5.90234 10.4023C6.03234 10.2723 6.03234 10.061 5.90234 9.93099C5.83768 9.86566 5.752 9.83333 5.66667 9.83333H2.66667C2.48986 9.83333 2.32029 9.90357 2.19526 10.0286C2.07024 10.1536 2 10.3232 2 10.5V13.5C2 13.5853 2.03299 13.6703 2.09766 13.7357C2.22766 13.8657 2.43901 13.8657 2.56901 13.7357L3.66536 12.6393C4.75711 13.7836 6.29696 14.5 8 14.5C11.0522 14.5 13.5796 12.2064 13.9492 9.2487C13.9622 9.1548 13.955 9.05922 13.928 8.96833C13.9011 8.87745 13.8552 8.79334 13.7932 8.72163C13.7312 8.64991 13.6546 8.59224 13.5686 8.55245C13.4826 8.51266 13.3891 8.49167 13.2943 8.49089Z",fill:"#595959"}))},d.default.createElement(r.Text,{size:"p2",color:C.theme.colors.gray800},y("childCard.menu.switch"))),d.default.createElement(i.Menu.Item,{onClick:f,icon:d.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.9564 8.56545C15.7745 7.46727 14.9673 6.57273 13.9127 6.26C13.5273 5.44545 12.9818 4.73273 12.32 4.14364C11.1709 3.11818 9.65818 2.5 8 2.5C6.34182 2.5 4.82909 3.11818 3.68 4.14364C3.01091 4.73273 2.46545 5.45273 2.08727 6.26C1.03273 6.57273 0.225455 7.46 0.0436364 8.56545C0.0145455 8.71818 0 8.87818 0 9.04545C0 9.21273 0.0145455 9.37273 0.0436364 9.52545C0.225455 10.6236 1.03273 11.5182 2.08727 11.8309C2.46545 12.6382 3.01091 13.3509 3.66545 13.9327C4.81455 14.9655 6.33455 15.5909 8 15.5909C9.66545 15.5909 11.1855 14.9655 12.3418 13.9327C12.9964 13.3509 13.5418 12.6309 13.92 11.8309C14.9673 11.5182 15.7745 10.6309 15.9564 9.52545C15.9855 9.37273 16 9.21273 16 9.04545C16 8.87818 15.9855 8.71818 15.9564 8.56545ZM6.18182 7.04545C5.67974 7.04545 5.27273 7.45247 5.27273 7.95455C5.27273 8.45662 5.67974 8.86364 6.18182 8.86364C6.6839 8.86364 7.09091 8.45662 7.09091 7.95455C7.09091 7.45247 6.6839 7.04545 6.18182 7.04545ZM9.81818 7.04545C9.3161 7.04545 8.90909 7.45247 8.90909 7.95455C8.90909 8.45662 9.3161 8.86364 9.81818 8.86364C10.3203 8.86364 10.7273 8.45662 10.7273 7.95455C10.7273 7.45247 10.3203 7.04545 9.81818 7.04545ZM5.01821 10.5H10.9818C11.1128 10.5 11.2073 10.6455 11.1491 10.7691C10.5455 11.9109 9.36002 12.6818 8.00002 12.6818C6.64002 12.6818 5.45457 11.9109 4.85093 10.7691C4.78548 10.6455 4.88002 10.5 5.01821 10.5ZM12.9538 10.4875C12.9991 10.4938 13.0435 10.5 13.0909 10.5C13.8909 10.5 14.5455 9.84545 14.5455 9.04545C14.5455 8.24545 13.8909 7.59091 13.0909 7.59091C13.0435 7.59091 12.9991 7.5971 12.9538 7.60343C12.9297 7.60679 12.9053 7.6102 12.88 7.61273C12.7345 7.12545 12.5236 6.67455 12.2545 6.26C11.3455 4.87091 9.78182 3.95455 8 3.95455C6.21818 3.95455 4.65455 4.87091 3.74545 6.26C3.47636 6.67455 3.26545 7.12545 3.12 7.61273C3.09473 7.6102 3.07033 7.60679 3.0462 7.60343C3.0009 7.5971 2.95654 7.59091 2.90909 7.59091C2.10909 7.59091 1.45455 8.24545 1.45455 9.04545C1.45455 9.84545 2.10909 10.5 2.90909 10.5C2.95654 10.5 3.0009 10.4938 3.0462 10.4875C3.07033 10.4841 3.09473 10.4807 3.12 10.4782C3.26545 10.9655 3.47636 11.4164 3.74545 11.8309C4.65455 13.22 6.21818 14.1364 8 14.1364C9.78182 14.1364 11.3455 13.22 12.2545 11.8309C12.5236 11.4164 12.7345 10.9655 12.88 10.4782C12.9053 10.4807 12.9297 10.4841 12.9538 10.4875Z",fill:"#595959"}),d.default.createElement("path",{d:"M2.5 2V1C2.5 0.725 2.275 0.5 2 0.5C1.725 0.5 1.5 0.725 1.5 1V2H0.5C0.225 2 0 2.225 0 2.5C0 2.775 0.225 3 0.5 3H1.5V4C1.5 4.275 1.725 4.5 2 4.5C2.275 4.5 2.5 4.275 2.5 4V3H3.5C3.775 3 4 2.775 4 2.5C4 2.225 3.775 2 3.5 2H2.5Z",fill:"#595959"}))},d.default.createElement(r.Text,{size:"p2",color:C.theme.colors.gray800},y("childCard.menu.add"))),d.default.createElement(i.Menu.Item,{onClick:h,icon:d.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d.default.createElement("path",{d:"M6.66699 1.83301L6.00033 2.49967H3.33366C2.93366 2.49967 2.66699 2.76634 2.66699 3.16634C2.66699 3.56634 2.93366 3.83301 3.33366 3.83301H4.66699H11.3337H12.667C13.067 3.83301 13.3337 3.56634 13.3337 3.16634C13.3337 2.76634 13.067 2.49967 12.667 2.49967H10.0003L9.33366 1.83301H6.66699ZM3.33366 5.16634V13.833C3.33366 14.5663 3.93366 15.1663 4.66699 15.1663H11.3337C12.067 15.1663 12.667 14.5663 12.667 13.833V5.16634H3.33366ZM6.00033 6.49967C6.40033 6.49967 6.66699 6.76634 6.66699 7.16634V13.1663C6.66699 13.5663 6.40033 13.833 6.00033 13.833C5.60033 13.833 5.33366 13.5663 5.33366 13.1663V7.16634C5.33366 6.76634 5.60033 6.49967 6.00033 6.49967ZM10.0003 6.49967C10.4003 6.49967 10.667 6.76634 10.667 7.16634V13.1663C10.667 13.5663 10.4003 13.833 10.0003 13.833C9.60033 13.833 9.33366 13.5663 9.33366 13.1663V7.16634C9.33366 6.76634 9.60033 6.49967 10.0003 6.49967Z",fill:"#F44D2C"}))},d.default.createElement(r.Text,{size:"p2",color:C.theme.colors.red600},y("childCard.menu.remove",{name:n})))))};

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e);exports.CookieAcceptConfirm=function(e){var a=e.className,o=e.policiesUrl,l=e.onAcceptClick,i=e.translations,c=void 0===i?{acceptButton:"Accept",policiesButton:"Our Policies"}:i,d=e.title,r=void 0===d?"":d,u=e.description,s=void 0===u?"":u,p=e.theme,v=void 0===p?"helloSites":p,f=e.isOpen,m=void 0===f||f,y=e.useDefaultPosition,E=void 0===y||y,S=e.trackingAttributes;return n.default.createElement(t.StyledAcceptCardContainer,{className:a,"data-theme":v,"data-is-open":m,"data-default-position":E},n.default.createElement(t.StyledTitleSection,{"data-has-content":!!r},r),n.default.createElement(t.StyledDescription,{dangerouslySetInnerHTML:{__html:s}}),n.default.createElement(t.StyledButtonGroup,null,n.default.createElement(t.StyledAcceptButton,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:l,"data-event-category":null==S?void 0:S.dataEventCategory,"data-event-action":null==S?void 0:S.dataEventAction,"data-event-label":null==S?void 0:S.dataEventLabel},c.acceptButton),n.default.createElement(t.StyledPoliciesButton,{href:o},c.policiesButton)))};

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../externals/tslib/tslib.es6.js'),e=require("../../../misc/utils.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,i,r,a,d,l,p=t(require("styled-components")),s=p.default.div(o||(o=n.__makeTemplateObject(["\n padding: 16px;\n width: 375px;\n word-wrap: break-word;\n word-break: break-word;\n "," {\n width: 100%;\n }\n &[data-theme='helloSites'] {\n background: ",";\n box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);\n }\n &[data-theme='marryBaby'] {\n border: none;\n background: ",";\n border-radius: 12px 12px 0 0;\n }\n &[data-is-open='false'] {\n display: none;\n }\n &[data-default-position='true'] {\n position: fixed;\n z-index: 1000;\n bottom: 0;\n right: 0;\n "," {\n left: 0;\n right: unset;\n }\n }\n"],["\n padding: 16px;\n width: 375px;\n word-wrap: break-word;\n word-break: break-word;\n "," {\n width: 100%;\n }\n &[data-theme='helloSites'] {\n background: ",";\n box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);\n }\n &[data-theme='marryBaby'] {\n border: none;\n background: ",";\n border-radius: 12px 12px 0 0;\n }\n &[data-is-open='false'] {\n display: none;\n }\n &[data-default-position='true'] {\n position: fixed;\n z-index: 1000;\n bottom: 0;\n right: 0;\n "," {\n left: 0;\n right: unset;\n }\n }\n"])),e.MediaQueries.mbDown,(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.mbColors.pink}),e.MediaQueries.mbDown),x=p.default.p(i||(i=n.__makeTemplateObject(["\n position: relative;\n padding-left: 24px;\n color: ",";\n font-size: 14px;\n font-weight: 600;\n line-height: 22px;\n &[data-has-content='true'] {\n ::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 16px;\n height: 16px;\n margin: auto 0;\n content: url(\"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e\");\n }\n }\n"],["\n position: relative;\n padding-left: 24px;\n color: ",";\n font-size: 14px;\n font-weight: 600;\n line-height: 22px;\n &[data-has-content='true'] {\n ::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 16px;\n height: 16px;\n margin: auto 0;\n content: url(\"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e\");\n }\n }\n"])),(function(n){return n.theme.colors.white})),c=p.default.p(r||(r=n.__makeTemplateObject(["\n margin-top: 2px;\n color: ",";\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n a {\n color: ",";\n text-decoration: none;\n text-decoration-line: underline;\n }\n"],["\n margin-top: 2px;\n color: ",";\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n a {\n color: ",";\n text-decoration: none;\n text-decoration-line: underline;\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),u=p.default.div(a||(a=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-top: 8px;\n gap: 16px;\n"],["\n display: flex;\n align-items: center;\n margin-top: 8px;\n gap: 16px;\n"]))),h=p.default.div(d||(d=n.__makeTemplateObject(["\n padding: 7px 28px;\n background: ",";\n border-radius: 6px;\n color: ",";\n cursor: pointer;\n font-size: 12px;\n font-weight: 600;\n line-height: 18px;\n"],["\n padding: 7px 28px;\n background: ",";\n border-radius: 6px;\n color: ",";\n cursor: pointer;\n font-size: 12px;\n font-weight: 600;\n line-height: 18px;\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.secondaryBase})),g=p.default.a(l||(l=n.__makeTemplateObject(["\n color: ",";\n font-size: 12px;\n font-weight: 600;\n line-height: 22px;\n text-decoration: none;\n text-decoration-line: underline;\n"],["\n color: ",";\n font-size: 12px;\n font-weight: 600;\n line-height: 22px;\n text-decoration: none;\n text-decoration-line: underline;\n"])),(function(n){return n.theme.colors.white}));exports.StyledAcceptButton=h,exports.StyledAcceptCardContainer=s,exports.StyledButtonGroup=u,exports.StyledDescription=c,exports.StyledPoliciesButton=g,exports.StyledTitleSection=x;

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.MONTHS_TRANSLATION={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]};

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),t=require("react"),a=require("date-fns"),n=require("react-day-picker/DayPickerInput"),r=require("./helpers.js"),i=require("./index.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(t),o=l(n);exports.DatePicker=function(n){var l=n.alignRight,c=void 0===l||l,s=n.placeholder,d=n.displayDateFormat,f=n.onChange,m=n.customInput,p=n.pickedDate,y=n.className,v=n.isStatic,h=n.disabledDays,k=n.modifiers,D=n.UnHideOnClickOutside,g=n.initialMonth,C=n.locale,E=void 0===C?"en-PH":C,P=t.useRef(!1),O=a.format,w=t.useState(g||new Date),b=w[0],M=w[1],N=t.useRef(null),S=t.useRef(null),q=r.MONTHS_TRANSLATION[E],F=function(e){D||N.current&&N.current.contains(e.target)||S.current&&S.current.hideDayPicker()},R=(new Date).getFullYear(),_=new Date(R-150,0),j=new Date(R+1,0),L=function(e){for(var t=e.date,a=e.onChange,n=e.monthLabels,r=[],l=j.getFullYear();l>=_.getFullYear();l-=1)r.push(l);var o=function(e){var t=e.target.form,n=t.year,r=t.month;a(new Date(n.value,r.value))};return u.default.createElement("div",{className:"DayPicker-Caption"},u.default.createElement(i.StyledCaptionWrapper,null,u.default.createElement("select",{name:"month",onChange:o,value:t.getMonth()},n.map((function(e,t){return u.default.createElement("option",{key:e,value:t},e)}))),u.default.createElement("select",{name:"year",onChange:o,value:t.getFullYear()},r.map((function(e){return u.default.createElement("option",{key:e,value:e},e)})))))};return t.useEffect((function(){return document.addEventListener("mousedown",F,!1),function(){document.removeEventListener("mousedown",F,!1)}}),[]),u.default.createElement(i.StyledPickerContainer,{className:y,"data-align-right":c,ref:N,"data-is-static":v||void 0},u.default.createElement(o.default,{ref:S,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:m&&u.default.forwardRef((function(t,a){return u.default.createElement(m,e.__assign({},t))})),onDayPickerHide:function(){P.current=!1},onDayPickerShow:function(){P.current=!0},dayPickerProps:{month:b,className:"picker",selectedDays:p,canChangeMonth:!0,enableOutsideDaysClick:!v,firstDayOfWeek:1,captionElement:function(e){var t=e.date,a=e.localeUtils,n=null==a?void 0:a.getMonths();return u.default.createElement(L,{date:t,monthLabels:q||n,onChange:M})},disabledDays:h||void 0,modifiers:k},format:d||"yyyy-MM-dd",formatDate:function(e,t){return O(e,t)},hideOnDayClick:!v,placeholder:s||"",onDayChange:function(e){var t;t=e,S.current&&!v&&S.current.hideDayPicker(),f&&f(t)},showOverlay:v}))};

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../externals/tslib/tslib.es6.js');function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,r,a=e(require("styled-components")),i=a.default.div(t||(t=n.__makeTemplateObject(["\n .pickerContainer {\n position: relative;\n padding-top: 0;\n & > div > svg {\n position: absolute;\n top: 36px;\n right: 16px;\n cursor: pointer;\n }\n\n & > :not(:first-child) {\n position: absolute;\n z-index: 2;\n width: 100%;\n }\n }\n\n &[data-is-static] .pickerOverlayWrapper {\n position: static;\n max-width: 250px;\n aspect-ratio: 1 / 1;\n\n > .pickerOverlay {\n padding: 1rem;\n }\n }\n\n .pickerOverlayWrapper {\n min-width: 320px;\n }\n\n &[data-align-right='true'] {\n .pickerOverlayWrapper {\n right: 0;\n }\n }\n\n .pickerOverlay {\n margin-top: 6px;\n background: white;\n border-radius: 6px;\n box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);\n }\n\n .picker {\n width: 100%;\n }\n\n .react-datepicker-popper {\n .react-datepicker {\n display: flex;\n width: 340px;\n height: 305px;\n align-items: center;\n justify-content: center;\n border: none;\n box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)), (-2px 2px 5px rgba(67, 86, 100, 0.123689));\n }\n\n .svg {\n cursor: pointer;\n stroke: ",";\n }\n .react-datepicker__day {\n width: 40px;\n }\n\n .react-datepicker__header {\n border-bottom: 0;\n background-color: white;\n }\n\n .react-datepicker__day--outside-month {\n color: #e9e9e9;\n }\n\n .react-datepicker__day {\n font-weight: ",";\n }\n\n .react-datepicker__day--selected,\n .react-datepicker__day--today,\n .react-datepicker__day--selected:hover,\n .react-datepicker__day--keyboard-selected {\n width: 32px;\n height: 30px;\n margin: 4px;\n margin-bottom: -2px;\n background: ",";\n border-radius: 50%;\n }\n\n .react-datepicker__day-name {\n width: 40px;\n }\n\n .react-datepicker__triangle {\n display: none;\n }\n\n .react-datepicker__header.react-datepicker__header--custom {\n svg {\n stroke: #262626;\n }\n select {\n background: ",";\n text-align: center;\n &:not(:last-child) {\n padding: 8px 10px;\n margin-right: 15px;\n border-radius: 6px;\n }\n }\n }\n }\n\n /* DayPicker styles */\n\n .DayPicker {\n display: inline-block;\n font-size: 1rem;\n }\n\n .DayPicker-wrapper {\n position: relative;\n\n flex-direction: row;\n padding-bottom: 1em;\n\n -webkit-user-select: none;\n\n -moz-user-select: none;\n\n -ms-user-select: none;\n\n user-select: none;\n }\n\n .DayPicker-Months {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .DayPicker-Month {\n display: table;\n margin: 0 16px;\n margin-top: 16px;\n border-collapse: collapse;\n border-spacing: 0;\n\n -webkit-user-select: none;\n\n -moz-user-select: none;\n\n -ms-user-select: none;\n\n user-select: none;\n }\n\n .DayPicker-NavBar {\n position: absolute;\n top: 16px;\n left: 0;\n display: flex;\n width: 100%;\n height: 0;\n align-items: center;\n justify-content: space-between;\n padding: 0 20px;\n }\n\n .DayPicker-NavButton {\n width: 24px;\n height: 24px;\n margin-bottom: -47px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: 16px 16px;\n color: #8b9898;\n cursor: pointer;\n }\n\n .DayPicker-NavButton:hover {\n opacity: 0.8;\n }\n\n .DayPicker-NavButton--prev {\n //left: 2px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n\n .DayPicker-NavButton--next {\n //right: 2px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n\n .DayPicker-NavButton--interactionDisabled {\n display: none;\n }\n\n .DayPicker-Caption {\n display: table-caption;\n width: 100%;\n height: 46px;\n padding: 0 32px;\n }\n\n .DayPicker-Caption select {\n font-size: 16px;\n font-weight: 600;\n line-height: 24px;\n text-align: left;\n }\n\n .DayPicker-Weekdays {\n display: table-header-group;\n margin-top: 1em;\n }\n\n .DayPicker-WeekdaysRow {\n display: table-row;\n }\n\n .DayPicker-Weekday {\n display: table-cell;\n padding: 0.5em;\n color: #8b9898;\n font-size: 0.875em;\n text-align: center;\n }\n\n .DayPicker-Weekday abbr[title] {\n border-bottom: none;\n text-decoration: none;\n }\n\n .DayPicker-Body {\n display: table-row-group;\n }\n\n .DayPicker-Week {\n display: table-row;\n }\n\n .DayPicker-Day {\n display: table-cell;\n\n width: 40px;\n height: 40px;\n border-radius: 50%;\n cursor: pointer;\n text-align: center;\n vertical-align: middle;\n }\n\n .DayPicker-WeekNumber {\n display: table-cell;\n min-width: 1em;\n padding: 0.5em;\n border-right: 1px solid #eaecec;\n color: #8b9898;\n cursor: pointer;\n font-size: 0.75em;\n text-align: right;\n vertical-align: middle;\n }\n\n .DayPicker--interactionDisabled .DayPicker-Day {\n cursor: default;\n }\n\n .DayPicker-Footer {\n padding-top: 0.5em;\n }\n\n .DayPicker-TodayButton {\n border: none;\n background-color: transparent;\n background-image: none;\n box-shadow: none;\n color: #4a90e2;\n cursor: pointer;\n font-size: 0.875em;\n }\n\n /* Default modifiers */\n\n .DayPicker-Day--today {\n color: #d0021b;\n font-weight: 700;\n }\n\n .DayPicker-Day--outside {\n color: #8b9898;\n cursor: default;\n }\n\n .DayPicker-Day--disabled {\n color: #dce0e0;\n cursor: default;\n /* background-color: #eff1f1; */\n }\n\n /* Example modifiers */\n\n .DayPicker-Day--sunday {\n background-color: #f7f8f8;\n }\n\n .DayPicker-Day--sunday:not(.DayPicker-Day--today) {\n color: #dce0e0;\n }\n\n .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {\n position: relative;\n\n background-color: ",";\n color: #f0f8ff;\n font-weight: ",";\n }\n\n .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {\n background-color: #51a0fa;\n }\n\n .DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {\n background-color: #f0f8ff;\n }\n\n /* DayPickerInput */\n\n .DayPickerInput {\n display: inline-block;\n }\n\n .DayPickerInput-OverlayWrapper {\n position: relative;\n }\n\n .DayPickerInput-Overlay {\n position: absolute;\n z-index: 1;\n left: 0;\n\n background: white;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n }\n"],["\n .pickerContainer {\n position: relative;\n padding-top: 0;\n & > div > svg {\n position: absolute;\n top: 36px;\n right: 16px;\n cursor: pointer;\n }\n\n & > :not(:first-child) {\n position: absolute;\n z-index: 2;\n width: 100%;\n }\n }\n\n &[data-is-static] .pickerOverlayWrapper {\n position: static;\n max-width: 250px;\n aspect-ratio: 1 / 1;\n\n > .pickerOverlay {\n padding: 1rem;\n }\n }\n\n .pickerOverlayWrapper {\n min-width: 320px;\n }\n\n &[data-align-right='true'] {\n .pickerOverlayWrapper {\n right: 0;\n }\n }\n\n .pickerOverlay {\n margin-top: 6px;\n background: white;\n border-radius: 6px;\n box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);\n }\n\n .picker {\n width: 100%;\n }\n\n .react-datepicker-popper {\n .react-datepicker {\n display: flex;\n width: 340px;\n height: 305px;\n align-items: center;\n justify-content: center;\n border: none;\n box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)), (-2px 2px 5px rgba(67, 86, 100, 0.123689));\n }\n\n .svg {\n cursor: pointer;\n stroke: ",";\n }\n .react-datepicker__day {\n width: 40px;\n }\n\n .react-datepicker__header {\n border-bottom: 0;\n background-color: white;\n }\n\n .react-datepicker__day--outside-month {\n color: #e9e9e9;\n }\n\n .react-datepicker__day {\n font-weight: ",";\n }\n\n .react-datepicker__day--selected,\n .react-datepicker__day--today,\n .react-datepicker__day--selected:hover,\n .react-datepicker__day--keyboard-selected {\n width: 32px;\n height: 30px;\n margin: 4px;\n margin-bottom: -2px;\n background: ",";\n border-radius: 50%;\n }\n\n .react-datepicker__day-name {\n width: 40px;\n }\n\n .react-datepicker__triangle {\n display: none;\n }\n\n .react-datepicker__header.react-datepicker__header--custom {\n svg {\n stroke: #262626;\n }\n select {\n background: ",";\n text-align: center;\n &:not(:last-child) {\n padding: 8px 10px;\n margin-right: 15px;\n border-radius: 6px;\n }\n }\n }\n }\n\n /* DayPicker styles */\n\n .DayPicker {\n display: inline-block;\n font-size: 1rem;\n }\n\n .DayPicker-wrapper {\n position: relative;\n\n flex-direction: row;\n padding-bottom: 1em;\n\n -webkit-user-select: none;\n\n -moz-user-select: none;\n\n -ms-user-select: none;\n\n user-select: none;\n }\n\n .DayPicker-Months {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .DayPicker-Month {\n display: table;\n margin: 0 16px;\n margin-top: 16px;\n border-collapse: collapse;\n border-spacing: 0;\n\n -webkit-user-select: none;\n\n -moz-user-select: none;\n\n -ms-user-select: none;\n\n user-select: none;\n }\n\n .DayPicker-NavBar {\n position: absolute;\n top: 16px;\n left: 0;\n display: flex;\n width: 100%;\n height: 0;\n align-items: center;\n justify-content: space-between;\n padding: 0 20px;\n }\n\n .DayPicker-NavButton {\n width: 24px;\n height: 24px;\n margin-bottom: -47px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: 16px 16px;\n color: #8b9898;\n cursor: pointer;\n }\n\n .DayPicker-NavButton:hover {\n opacity: 0.8;\n }\n\n .DayPicker-NavButton--prev {\n //left: 2px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n\n .DayPicker-NavButton--next {\n //right: 2px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n\n .DayPicker-NavButton--interactionDisabled {\n display: none;\n }\n\n .DayPicker-Caption {\n display: table-caption;\n width: 100%;\n height: 46px;\n padding: 0 32px;\n }\n\n .DayPicker-Caption select {\n font-size: 16px;\n font-weight: 600;\n line-height: 24px;\n text-align: left;\n }\n\n .DayPicker-Weekdays {\n display: table-header-group;\n margin-top: 1em;\n }\n\n .DayPicker-WeekdaysRow {\n display: table-row;\n }\n\n .DayPicker-Weekday {\n display: table-cell;\n padding: 0.5em;\n color: #8b9898;\n font-size: 0.875em;\n text-align: center;\n }\n\n .DayPicker-Weekday abbr[title] {\n border-bottom: none;\n text-decoration: none;\n }\n\n .DayPicker-Body {\n display: table-row-group;\n }\n\n .DayPicker-Week {\n display: table-row;\n }\n\n .DayPicker-Day {\n display: table-cell;\n\n width: 40px;\n height: 40px;\n border-radius: 50%;\n cursor: pointer;\n text-align: center;\n vertical-align: middle;\n }\n\n .DayPicker-WeekNumber {\n display: table-cell;\n min-width: 1em;\n padding: 0.5em;\n border-right: 1px solid #eaecec;\n color: #8b9898;\n cursor: pointer;\n font-size: 0.75em;\n text-align: right;\n vertical-align: middle;\n }\n\n .DayPicker--interactionDisabled .DayPicker-Day {\n cursor: default;\n }\n\n .DayPicker-Footer {\n padding-top: 0.5em;\n }\n\n .DayPicker-TodayButton {\n border: none;\n background-color: transparent;\n background-image: none;\n box-shadow: none;\n color: #4a90e2;\n cursor: pointer;\n font-size: 0.875em;\n }\n\n /* Default modifiers */\n\n .DayPicker-Day--today {\n color: #d0021b;\n font-weight: 700;\n }\n\n .DayPicker-Day--outside {\n color: #8b9898;\n cursor: default;\n }\n\n .DayPicker-Day--disabled {\n color: #dce0e0;\n cursor: default;\n /* background-color: #eff1f1; */\n }\n\n /* Example modifiers */\n\n .DayPicker-Day--sunday {\n background-color: #f7f8f8;\n }\n\n .DayPicker-Day--sunday:not(.DayPicker-Day--today) {\n color: #dce0e0;\n }\n\n .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {\n position: relative;\n\n background-color: ",";\n color: #f0f8ff;\n font-weight: ",";\n }\n\n .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {\n background-color: #51a0fa;\n }\n\n .DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {\n background-color: #f0f8ff;\n }\n\n /* DayPickerInput */\n\n .DayPickerInput {\n display: inline-block;\n }\n\n .DayPickerInput-OverlayWrapper {\n position: relative;\n }\n\n .DayPickerInput-Overlay {\n position: absolute;\n z-index: 1;\n left: 0;\n\n background: white;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwBold})),o=a.default.form(r||(r=n.__makeTemplateObject(["\n display: flex;\n width: 100%;\n\n height: 46px;\n align-items: center;\n justify-content: space-between;\n & > :first-child {\n margin-right: 10px;\n }\n\n & * {\n height: 46px;\n padding: 10px 10px;\n background: ",";\n border-radius: 6px;\n }\n"],["\n display: flex;\n width: 100%;\n\n height: 46px;\n align-items: center;\n justify-content: space-between;\n & > :first-child {\n margin-right: 10px;\n }\n\n & * {\n height: 46px;\n padding: 10px 10px;\n background: ",";\n border-radius: 6px;\n }\n"])),(function(n){return n.theme.colors.neutral100}));exports.StyledCaptionWrapper=o,exports.StyledPickerContainer=i;

package/build/components/molecules/dateRangePicker/calendar/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../externals/tslib/tslib.es6.js'),t=require("react"),a=require("date-fns"),n=require("date-fns/locale/en-US"),r=require("date-fns/locale/id"),l=require("date-fns/locale/vi"),o=require("date-fns/locale/zh-TW"),u=require("../../../atoms/button/index.js"),s=require("../../../../hooks/useScreenSize.js"),d=require("../../../../hooks/useTranslations.js"),i=require("../../../../misc/gAssets/index.js"),c=require("../utils.js"),f=require("./index.styled.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=m(t),h=m(n),v=m(r),g=m(l),p=m(o),E={"en-PH":h.default,"vi-VN":g.default,"zh-TW":p.default,"id-ID":v.default};function M(e){var n=e.date,r=e.range,l=e.setRange,o=e.onChange,s=e.goToPreviousMonth,m=e.goToNextMonth,h=e.minDate,v=e.maxDate,g=e.close,p=void 0===g?function(){}:g,M=e.autoClose,C=void 0!==M&&M,D=e.hoverDay,S=e.setHoverDay,k=d.useTranslations().locale,q=t.useMemo((function(){var e;return null!==(e=E[k])&&void 0!==e?e:E["en-PH"]}),[k]),b=t.useMemo((function(){return a.format(n,"MMMM",{locale:q})}),[n,q]),W=t.useMemo((function(){return q?[1,2,3,4,5,6,0].map((function(e){return q.localize.day(e,{width:"narrow"})})):[]}),[q]);function _(e,t){if(null===e)return y.default.createElement(f.StyledCalendarDayNumberWrapper,{key:"idx-".concat(t),"data-empty":"true"});var n=e.getDate(),o=a.isToday(e),u=!!r.from&&a.isSameDay(r.from,e),s=!!r.to&&a.isSameDay(r.to,e),d=u||s,i=!1;null!==D&&r.from&&a.isBefore(r.from,D)&&!r.to?i=a.isWithinInterval(e,{start:r.from,end:D}):r.from&&r.to&&(i=a.isWithinInterval(e,{start:r.from,end:r.to}));var m=!1;return h&&v?m=!a.isWithinInterval(e,{start:h,end:v}):h?m=a.isBefore(e,h):v&&(m=a.isAfter(e,v)),y.default.createElement(f.StyledCalendarDayNumberWrapper,{key:n,"data-is-today":o,"data-is-past":!o&&a.isPast(e),"data-is-selected":d,"data-is-disabled":m,"data-in-range":i,"data-is-from":u,"data-is-to":s,onMouseEnter:function(){S(e)},onMouseLeave:function(){return S(null)},onClick:function(){m||l((function(t){return C&&r.from&&!r.to&&p(),c.handleClickDay(e,t)}))}},y.default.createElement(f.StyledCalendarDayNumber,{onClick:function(){}},y.default.createElement("p",null,n)))}return t.useEffect((function(){r.from&&r.to&&o(r)}),[r]),y.default.createElement(f.StyledCalendarWrapper,{className:"calendar-wrapper"},y.default.createElement(f.StyledCalendarHead,null,y.default.createElement(u.Button,{onClick:s,size:"md",color:"ghost",icon:y.default.createElement("img",{src:i.CommonGAssets.getAssetPath("calendarArrowLeft.svg")})}),y.default.createElement("div",{className:"calendar-month"},b,y.default.createElement("strong",null,a.format(n,"yyyy"))),y.default.createElement(u.Button,{onClick:m,size:"md",color:"ghost",icon:y.default.createElement("img",{src:i.CommonGAssets.getAssetPath("calendarArrowRight.svg")})})),y.default.createElement(f.StyledCalendarCellsWrapper,null,y.default.createElement("div",null,y.default.createElement(f.StyledCalendarDaysOfWeek,null,W.map((function(e,t){return y.default.createElement(f.StyledCalendarDayLabel,{key:"".concat(e,"-").concat(t)},e)})))),y.default.createElement("div",null,function(){for(var e=n.getFullYear(),t=n.getMonth(),l=a.getDaysInMonth(n),o=[],u=1;u<=l;u++)o.push(new Date(e,t,u));var s=o[0]?o[0].getDay():0;if(1!==s){var d=0===s?6:s-1;for(u=0;u<d;u++)o.unshift(null)}return y.default.createElement(f.StyledCalendarMonthWrapper,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(r.from&&r.to)},y.default.createElement(f.StyledCalendarDaysWrapper,null,y.default.createElement(f.StyledCalendarDateGrid,null,o.map(_))))}())))}exports.DateRangePickerCalendar=function(n){var r=n.value,l=void 0===r?{from:null,to:null}:r,o=t.useState(null),u=o[0],d=o[1],i=s.useScreenSize().isMobile,c=t.useState((function(){return l})),m=c[0],h=c[1],v=t.useState((function(){var e;return a.startOfMonth(null!==(e=l.from)&&void 0!==e?e:new Date)})),g=v[0],p=v[1],E=t.useMemo((function(){return a.addMonths(g,1)}),[g]),C=e.__assign(e.__assign({},n),{goToNextMonth:function(){p((function(e){return a.addMonths(e,1)}))},goToPreviousMonth:function(){p((function(e){return a.subMonths(e,1)}))},range:m,setRange:h,hoverDay:u,setHoverDay:d});return y.default.createElement(y.default.Fragment,null,y.default.createElement(M,e.__assign({},C,{date:g})),!i&&y.default.createElement(f.StyledCalendarMonthSeparator,null),!i&&y.default.createElement(M,e.__assign({},C,{date:E})))};

package/build/components/molecules/dateRangePicker/calendar/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../../externals/tslib/tslib.es6.js'),e=require("../../../../misc/utils.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a=t(require("styled-components")),r=a.default.div(s||(s=n.__makeTemplateObject(["\n flex: 1;\n"],["\n flex: 1;\n"]))),i=a.default.div(p||(p=n.__makeTemplateObject(["\n padding: 0 10px;\n"],["\n padding: 0 10px;\n"]))),o=a.default.div(c||(c=n.__makeTemplateObject(["\n display: flex;\n height: 80px;\n align-items: center;\n .calendar-month {\n font-size: 16px;\n flex: 1;\n text-align: center;\n strong {\n margin-left: 5px;\n }\n }\n "," {\n height: 70px;\n }\n"],["\n display: flex;\n height: 80px;\n align-items: center;\n .calendar-month {\n font-size: 16px;\n flex: 1;\n text-align: center;\n strong {\n margin-left: 5px;\n }\n }\n "," {\n height: 70px;\n }\n"])),e.MediaQueries.mbDown),l=a.default.div(u||(u=n.__makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n row-gap: 2px;\n"],["\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n row-gap: 2px;\n"]))),d=a.default(l)(f||(f=n.__makeTemplateObject(["\n margin-bottom: 8px;\n"],["\n margin-bottom: 8px;\n"])));a.default.div(g||(g=n.__makeTemplateObject(["\n height: 40px;\n width: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n"],["\n height: 40px;\n width: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));var s,p,c,u,f,g,m,x,h,b,y,k,v,_=a.default.div(m||(m=n.__makeTemplateObject(["\n font-size: 14px;\n display: flex;\n justify-content: center;\n align-items: center;\n color: 1px solid ",";\n font-weight: 300;\n"],["\n font-size: 14px;\n display: flex;\n justify-content: center;\n align-items: center;\n color: 1px solid ",";\n font-weight: 300;\n"])),(function(n){return n.theme.colors.gray800})),j=a.default.div(x||(x=n.__makeTemplateObject(["\n width: 18px;\n position: relative;\n &::before {\n content: '';\n position: absolute;\n inset: 16px 0 0 0;\n width: 1px;\n left: 50%;\n right: 50%;\n background: ",";\n }\n"],["\n width: 18px;\n position: relative;\n &::before {\n content: '';\n position: absolute;\n inset: 16px 0 0 0;\n width: 1px;\n left: 50%;\n right: 50%;\n background: ",";\n }\n"])),(function(n){return n.theme.colors.neutral100})),w=a.default.div(h||(h=n.__makeTemplateObject(["\n margin: 0 auto;\n"],["\n margin: 0 auto;\n"]))),O=a.default.div(b||(b=n.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),C=a.default(l)(y||(y=n.__makeTemplateObject([""],[""]))),S=a.default.div(k||(k=n.__makeTemplateObject(["\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 34px;\n "," {\n height: 38px;\n }\n &[data-is-disabled='true'] {\n opacity: 0.3;\n }\n &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n background-color: ",";\n }\n &:before {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n background-color: ",";\n }\n &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n background-color: transparent;\n &:before {\n content: '';\n left: 50%;\n right: 0;\n }\n }\n\n &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n background-color: transparent;\n &:before {\n content: '';\n left: 0;\n right: 50%;\n }\n }\n"],["\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 34px;\n "," {\n height: 38px;\n }\n &[data-is-disabled='true'] {\n opacity: 0.3;\n }\n &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n background-color: ",";\n }\n &:before {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n background-color: ",";\n }\n &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n background-color: transparent;\n &:before {\n content: '';\n left: 50%;\n right: 0;\n }\n }\n\n &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n background-color: transparent;\n &:before {\n content: '';\n left: 0;\n right: 50%;\n }\n }\n"])),e.MediaQueries.mbUp,(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray100})),T=a.default.div(v||(v=n.__makeTemplateObject(["\n position: relative;\n font-weight: 600;\n "," {\n width: 32px;\n height: 32px;\n }\n "," {\n width: 36px;\n height: 36px;\n }\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n [data-is-disabled='true'] & {\n cursor: not-allowed;\n }\n line-height: 1;\n color: 1px solid ",";\n [data-is-selected='true'] &,\n [data-is-today='true'] &,\n [data-is-selected='false']:hover & {\n border-radius: 32px;\n }\n [data-is-selected='true'] & {\n background-color: ",";\n color: white;\n }\n [data-is-selected='false']:hover & {\n background-color: ",";\n }\n [data-is-today='true'][data-is-selected='false'] & {\n background-color: transparent;\n border-radius: 32px;\n border: 1px solid ",";\n }\n"],["\n position: relative;\n font-weight: 600;\n "," {\n width: 32px;\n height: 32px;\n }\n "," {\n width: 36px;\n height: 36px;\n }\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n [data-is-disabled='true'] & {\n cursor: not-allowed;\n }\n line-height: 1;\n color: 1px solid ",";\n [data-is-selected='true'] &,\n [data-is-today='true'] &,\n [data-is-selected='false']:hover & {\n border-radius: 32px;\n }\n [data-is-selected='true'] & {\n background-color: ",";\n color: white;\n }\n [data-is-selected='false']:hover & {\n background-color: ",";\n }\n [data-is-today='true'][data-is-selected='false'] & {\n background-color: transparent;\n border-radius: 32px;\n border: 1px solid ",";\n }\n"])),e.MediaQueries.mbDown,e.MediaQueries.mbUp,(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}));exports.StyledCalendarCellsWrapper=i,exports.StyledCalendarDateGrid=C,exports.StyledCalendarDayLabel=_,exports.StyledCalendarDayNumber=T,exports.StyledCalendarDayNumberWrapper=S,exports.StyledCalendarDaysOfWeek=d,exports.StyledCalendarDaysWrapper=w,exports.StyledCalendarGrid=l,exports.StyledCalendarHead=o,exports.StyledCalendarMonthSeparator=j,exports.StyledCalendarMonthWrapper=O,exports.StyledCalendarWrapper=r;

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("date-fns"),a=require("../../atoms/pureInput/index.js"),n=require("../../../hooks/useOutsideClick.js"),r=require("../../../misc/gAssets/index.js"),o=require("./calendar/index.js"),u=require("./index.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(e);exports.DateRangePicker=function(l){var s=l.inputSize,c=void 0===s?"md":s,d=l.name,f=void 0===d?"date-range-picker":d,m=l.value,p=l.minDate,v=l.maxDate,g=l.onChange,y=l.className,C=l.autoClose,j=void 0!==C&&C;m||(m={from:null,to:null});var x=e.useState(!1),D=x[0],q=x[1];function k(){q(!1)}var E=e.useRef(null);function P(e){g&&g(e)}function h(e){return t.format(e,"dd/MM/yyyy")}n.useOutsideClick(E,(function(){k()}));var M=e.useMemo((function(){return m.from&&m.to?t.isSameDay(m.from,m.to)?h(m.from):"".concat(h(m.from)," - ").concat(h(m.to)):""}),[m.from,m.to]);return i.default.createElement(u.StyledWrapper,{className:[y,D&&"focused"].filter(Boolean).join(" "),ref:E},i.default.createElement("label",{htmlFor:f},i.default.createElement(a.PureInput,{size:c,value:M,name:f,actionIcon:i.default.createElement("img",{src:r.CommonGAssets.getAssetPath("calendar.svg")}),onFocus:function(){return q(!0)}})),D?i.default.createElement(u.StyledCalendarWrapper,{onMouseDown:function(e){e.stopPropagation()}},i.default.createElement(o.DateRangePickerCalendar,{value:m,onChange:P,minDate:p,maxDate:v,close:k,autoClose:j})):null)};

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

@@ -0,0 +1 @@

package/build/components/molecules/dateRangePicker/utils.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require('./../../../externals/tslib/tslib.es6.js'),e=require("date-fns");exports.handleClickDay=function(r,o){return o.from\|\|o.to?o.from&&o.to?{from:r,to:null}:o.from?e.isBefore(r,o.from)?s.__assign(s.__assign({},o),{from:r}):s.__assign(s.__assign({},o),{to:r}):o:s.__assign(s.__assign({},o),{from:r})};

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),n=require("react"),t=require("../../atoms/text/index.js"),i=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,p=r(n),o=r(i).default.figure(a||(a=e.__makeTemplateObject(["\n display: flex;\n\n > img,\n svg,\n picture {\n width: 40px;\n height: 40px;\n margin-right: 1rem;\n border-radius: 6px;\n object-fit: cover;\n }\n\n > figcaption {\n p + p {\n margin-top: 2px;\n }\n }\n"],["\n display: flex;\n\n > img,\n svg,\n picture {\n width: 40px;\n height: 40px;\n margin-right: 1rem;\n border-radius: 6px;\n object-fit: cover;\n }\n\n > figcaption {\n p + p {\n margin-top: 2px;\n }\n }\n"])));exports.DoctorInfo=function(e){var n=e.name,i=e.description,r=e.image,a=e.isDescriptionHidden;return p.default.createElement(o,null,r,!a&&p.default.createElement("figcaption",null,p.default.createElement(t.Text,{size:"p4",type:"bold"},n),p.default.createElement(t.Text,{size:"p4"},i)))};

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),t=require("react"),a=require("./index.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(t);exports.Dropdown=function(t){var l=t.className,d=t.value,o=t.options,i=t.onChange,u=void 0===i?function(){}:i,r=t.id,c=t.placeholderIcon,s=t.placeholder,v=t.style,f=t.size,p=void 0===f?"lg":f,b=t.groupedWithLabel,m=t.disabled,y=t.dropdownLabelTrackingAttributes,w=void 0===y?{}:y,E=t.isNativeSelect,g=void 0!==E&&E,S=n.default.useState(!1),h=S[0],D=S[1],k=function(){return!m&&D(!h)};return g?n.default.createElement(a.StyledDropdown,{as:"select","data-is-native":"true",value:(null==d?void 0:d.value)||void 0,disabled:m,onChange:function(e){if("string"==typeof e.target.value){var t=o.find((function(t){return t.value===e.target.value}));t&&u(t)}}},s&&n.default.createElement("option",{value:s,disabled:!0,selected:!0},s),o.map((function(e){return n.default.createElement("option",{key:"".concat(r,"-").concat(e.value),value:e.value,disabled:!!e.disabled&&e.disabled},e.label)}))):n.default.createElement(a.StyledDropdown,{className:l,"data-dropdown-open":h||void 0,"data-size":p,id:r,"data-has-icons":!!c,style:v,onBlur:function(){return D(!1)},tabIndex:0,"data-disabled":m},!!b&&n.default.createElement(a.StyledDropdownLabel,null,b),n.default.createElement(a.StyledDropdownName,e.__assign({onClick:k,className:b&&"with-label"},w),c," ",n.default.createElement("span",null,d&&d.value?d.label:s)),h&&n.default.createElement(a.StyledDropdownList,{onClick:k,"data-has-icons":!!c},o.map((function(e){return n.default.createElement(a.StyledDropdownOption,{key:"".concat(r,"-").concat(e.value),"data-selected":d&&d.value===e.value||void 0,onClick:function(){return!e.disabled&&!m&&(null==u?void 0:u(e))},"data-disabled":!!e.disabled&&e.disabled},e.icon&&n.default.createElement(a.StyledIcon,null,e.icon),e.label)}))))};

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

@@ -0,0 +1 @@

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),a=require("react"),t=require("./index.styled.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(a);exports.DropdownSearch=function(n){var o=n.className,d=n.style,r=n.id,i=n.placeholder,u=n.placeholderIcon,c=n.onChange,s=n.value,p=n.options,v=n.dropdownLabelTrackingAttributes,f=n.disabled,h=n.onSearchChange,b=n.useSearchFilter,m=void 0===b||b,g=n.onFocus,S=n.hasIcons,w=void 0===S||S,y=n.keepSearch,C=void 0!==y&&y,_=e.__rest(n,["className","style","id","placeholder","placeholderIcon","onChange","value","options","dropdownLabelTrackingAttributes","disabled","onSearchChange","useSearchFilter","onFocus","hasIcons","keepSearch"]),k=a.useState(""),I=k[0],E=k[1],N=a.useState(!1),D=N[0],L=N[1],T=a.useRef(null);var F=a.useMemo((function(){return I&&m?(e=p,a="".concat(I).toLowerCase(),e.filter((function(e){return"".concat(e.value).toLowerCase().includes(a)||"".concat(e.label).toLowerCase().includes(a)}))):s?p.filter((function(e){return e.value!==s.value})):p;var e,a}),[I,p,s]);return l.default.createElement(t.StyledDropdownSearch,e.__assign({className:o,"data-dropdown-open":D||void 0,id:r,"data-has-icons":!0,"data-is-open":D,ref:T,onBlur:function(e){(!e.relatedTarget||"id"in e.relatedTarget&&e.relatedTarget.id!==r)&&L(!1)},style:d,tabIndex:0},_),l.default.createElement(t.StyledDropdownName,e.__assign({onClick:function(e){var a,t;"true"===(null===(t=null===(a=e.target)||void 0===a?void 0:a.getAttribute)||void 0===t?void 0:t.call(a,"data-is-open"))&&(E(""),c(null,""),null==h||h("")),!f&&L(!0)},"data-is-open":D},v),l.default.createElement(t.StyledPureInput,e.__assign({"data-icon":w,name:"dropdown-input",displayIcon:u,size:"md",onChange:function(e){c(null,e),E(e),null==h||h(I)},placeholder:i,value:s&&s.value?"".concat(s.label):I,isDisabled:f,onFocus:function(){null==g||g()},onBlur:function(){!C&&setTimeout((function(){E("")}),300)}},v))),D&&F.length>0&&l.default.createElement(t.StyledDropdownList,{onClick:function(e){var a,t;"true"===(null===(t=null===(a=e.target)||void 0===a?void 0:a.getAttribute)||void 0===t?void 0:t.call(a,"data-is-open"))&&(E(""),c(null,"")),!f&&L(!D)},className:"dropdown-option","data-has-icons":w},F.map((function(e){return l.default.createElement(t.StyledDropdownOption,{key:"".concat(r,"-").concat(e.value),"data-selected":s&&s.value===e.value||void 0,onClick:function(){!e.disabled&&!f&&(null==c||c(e,e.value))},"data-disabled":!!e.disabled&&e.disabled},e.icon&&l.default.createElement(t.StyledIcon,{className:"option-icon"},e.icon),l.default.createElement("div",{className:"dropdown-label"},e.label))}))))};

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../externals/tslib/tslib.es6.js'),e=require("styled-components"),t=require("../../atoms/pureInput/index.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i=o(e);i.default.img(r||(r=n.__makeTemplateObject(["\n width: 24px;\n height: 24px;\n"],["\n width: 24px;\n height: 24px;\n"])));var r,a,d,p,l,s,x,g=i.default.div(a||(a=n.__makeTemplateObject(["\n position: relative;\n border: 1px solid ",";\n background-position: right 16px center;\n border-radius: 6px;\n\n &[data-has-icons='true'] {\n border: none;\n\n img,\n svg {\n display: inline-block;\n max-width: 16px;\n }\n\n span {\n display: inline-block;\n vertical-align: middle;\n }\n\n &:hover {\n box-shadow: none;\n }\n > div {\n position: relative;\n display: flex;\n width: 100%;\n box-sizing: border-box;\n align-items: center;\n }\n > div::after {\n position: absolute;\n z-index: 0;\n padding: 8px 16px;\n }\n &[data-is-open='false'] {\n > div::after {\n top: 50%;\n right: 0;\n width: 52px;\n height: 36px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99968 11.7259L6.81551 8.54171C6.47051 8.19671 5.91051 8.19671 5.56551 8.54171C5.22051 8.88671 5.22051 9.44671 5.56551 9.79171L9.41051 13.6367C9.73635 13.9625 10.2638 13.9625 10.5888 13.6367L14.4338 9.79171C14.7788 9.44671 14.7788 8.88671 14.4338 8.54171C14.0888 8.19671 13.5288 8.19671 13.1838 8.54171L9.99968 11.7259Z' fill='%23595959'/%3E%3C/svg%3E%0A\");\n background-position: center;\n background-repeat: no-repeat;\n content: '';\n transform: translateY(-50%);\n }\n }\n &[data-is-open='true'] {\n > div::after {\n top: 50%;\n right: 0;\n width: 52px;\n height: 36px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66675 10.0001C1.66675 5.39175 5.39175 1.66675 10.0001 1.66675C14.6084 1.66675 18.3334 5.39175 18.3334 10.0001C18.3334 14.6084 14.6084 18.3334 10.0001 18.3334C5.39175 18.3334 1.66675 14.6084 1.66675 10.0001ZM12.4084 13.5834C12.7334 13.9084 13.2584 13.9084 13.5834 13.5834C13.9001 13.2584 13.9001 12.7251 13.5834 12.4084L11.1751 10.0001L13.5834 7.59175C13.9084 7.26675 13.9084 6.74175 13.5834 6.41675C13.2584 6.09175 12.7334 6.09175 12.4084 6.41675L10.0001 8.82508L7.59175 6.41675C7.26675 6.09175 6.74175 6.09175 6.41675 6.41675C6.2607 6.57244 6.17301 6.78382 6.17301 7.00425C6.17301 7.22468 6.2607 7.43606 6.41675 7.59175L8.82508 10.0001L6.41675 12.4084C6.2607 12.5641 6.17301 12.7755 6.17301 12.9959C6.17301 13.2163 6.2607 13.4277 6.41675 13.5834C6.74175 13.9084 7.26675 13.9084 7.59175 13.5834L10.0001 11.1751L12.4084 13.5834Z' fill='%238C8C8C'/%3E%3C/svg%3E%0A\");\n background-position: center;\n background-repeat: no-repeat;\n content: '';\n transform: translateY(-50%);\n }\n }\n }\n\n &:hover {\n box-shadow: 0 0 2px 2px ",";\n }\n"],["\n position: relative;\n border: 1px solid ",";\n background-position: right 16px center;\n border-radius: 6px;\n\n &[data-has-icons='true'] {\n border: none;\n\n img,\n svg {\n display: inline-block;\n max-width: 16px;\n }\n\n span {\n display: inline-block;\n vertical-align: middle;\n }\n\n &:hover {\n box-shadow: none;\n }\n > div {\n position: relative;\n display: flex;\n width: 100%;\n box-sizing: border-box;\n align-items: center;\n }\n > div::after {\n position: absolute;\n z-index: 0;\n padding: 8px 16px;\n }\n &[data-is-open='false'] {\n > div::after {\n top: 50%;\n right: 0;\n width: 52px;\n height: 36px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99968 11.7259L6.81551 8.54171C6.47051 8.19671 5.91051 8.19671 5.56551 8.54171C5.22051 8.88671 5.22051 9.44671 5.56551 9.79171L9.41051 13.6367C9.73635 13.9625 10.2638 13.9625 10.5888 13.6367L14.4338 9.79171C14.7788 9.44671 14.7788 8.88671 14.4338 8.54171C14.0888 8.19671 13.5288 8.19671 13.1838 8.54171L9.99968 11.7259Z' fill='%23595959'/%3E%3C/svg%3E%0A\");\n background-position: center;\n background-repeat: no-repeat;\n content: '';\n transform: translateY(-50%);\n }\n }\n &[data-is-open='true'] {\n > div::after {\n top: 50%;\n right: 0;\n width: 52px;\n height: 36px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66675 10.0001C1.66675 5.39175 5.39175 1.66675 10.0001 1.66675C14.6084 1.66675 18.3334 5.39175 18.3334 10.0001C18.3334 14.6084 14.6084 18.3334 10.0001 18.3334C5.39175 18.3334 1.66675 14.6084 1.66675 10.0001ZM12.4084 13.5834C12.7334 13.9084 13.2584 13.9084 13.5834 13.5834C13.9001 13.2584 13.9001 12.7251 13.5834 12.4084L11.1751 10.0001L13.5834 7.59175C13.9084 7.26675 13.9084 6.74175 13.5834 6.41675C13.2584 6.09175 12.7334 6.09175 12.4084 6.41675L10.0001 8.82508L7.59175 6.41675C7.26675 6.09175 6.74175 6.09175 6.41675 6.41675C6.2607 6.57244 6.17301 6.78382 6.17301 7.00425C6.17301 7.22468 6.2607 7.43606 6.41675 7.59175L8.82508 10.0001L6.41675 12.4084C6.2607 12.5641 6.17301 12.7755 6.17301 12.9959C6.17301 13.2163 6.2607 13.4277 6.41675 13.5834C6.74175 13.9084 7.26675 13.9084 7.59175 13.5834L10.0001 11.1751L12.4084 13.5834Z' fill='%238C8C8C'/%3E%3C/svg%3E%0A\");\n background-position: center;\n background-repeat: no-repeat;\n content: '';\n transform: translateY(-50%);\n }\n }\n }\n\n &:hover {\n box-shadow: 0 0 2px 2px ",";\n }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.blue200})),h=i.default.div(d||(d=n.__makeTemplateObject(["\n cursor: pointer;\n &[data-dropdown-open] {\n padding: 11px 15px 11px 15px;\n border: 1px solid ",";\n border-radius: 6px;\n box-shadow: 0 0 2px 2px ",";\n }\n"],["\n cursor: pointer;\n &[data-dropdown-open] {\n padding: 11px 15px 11px 15px;\n border: 1px solid ",";\n border-radius: 6px;\n box-shadow: 0 0 2px 2px ",";\n }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),u=i.default.ul(p||(p=n.__makeTemplateObject(["\n position: absolute;\n z-index: 100;\n top: 100%;\n right: 0;\n left: 0;\n display: block;\n max-height: 500px;\n margin-top: 4px;\n background: ",";\n border-radius: 6px;\n box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n cursor: pointer;\n overflow-y: auto;\n\n &[data-has-icons='true'] {\n border: 1px solid ",";\n background: white;\n box-shadow: none;\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n }\n"],["\n position: absolute;\n z-index: 100;\n top: 100%;\n right: 0;\n left: 0;\n display: block;\n max-height: 500px;\n margin-top: 4px;\n background: ",";\n border-radius: 6px;\n box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n cursor: pointer;\n overflow-y: auto;\n\n &[data-has-icons='true'] {\n border: 1px solid ",";\n background: white;\n box-shadow: none;\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),c=i.default.li(l||(l=n.__makeTemplateObject(["\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: flex-start;\n padding: 6px 18px 6px 16px;\n &:hover,\n :active {\n background: ",";\n }\n .dropdown-label {\n line-height: 20px;\n }\n\n &[data-disabled='true'] {\n cursor: not-allowed;\n color: #bfbfbf;\n & > * {\n pointer-events: none;\n }\n }\n"],["\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: flex-start;\n padding: 6px 18px 6px 16px;\n &:hover,\n :active {\n background: ",";\n }\n .dropdown-label {\n line-height: 20px;\n }\n\n &[data-disabled='true'] {\n cursor: not-allowed;\n color: #bfbfbf;\n & > * {\n pointer-events: none;\n }\n }\n"])),(function(n){return n.theme.colors.gray100})),b=i.default.div(s||(s=n.__makeTemplateObject(["\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n"],["\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n"]))),w=i.default(t.PureInput)(x||(x=n.__makeTemplateObject(["\n input[data-icon='true'] {\n padding-right: 36px;\n padding-left: 48px;\n }\n .displayIcon {\n img {\n width: 24px;\n max-width: unset;\n height: 24px;\n }\n }\n"],["\n input[data-icon='true'] {\n padding-right: 36px;\n padding-left: 48px;\n }\n .displayIcon {\n img {\n width: 24px;\n max-width: unset;\n height: 24px;\n }\n }\n"])));exports.StyledDropdownList=u,exports.StyledDropdownName=h,exports.StyledDropdownOption=c,exports.StyledDropdownSearch=g,exports.StyledIcon=b,exports.StyledPureInput=w;

package/build/components/molecules/dueDateCalculator/dueDateFormConception.js ADDED Viewed

@@ -0,0 +1 @@

package/build/components/molecules/dueDateCalculator/dueDateFormIVF.js ADDED Viewed

@@ -0,0 +1 @@

package/build/components/molecules/dueDateCalculator/dueDateFormLastPeriod.js ADDED Viewed

@@ -0,0 +1 @@

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../atoms/text/index.js"),a=require("../../../hooks/useTranslations.js"),l=require("../../../misc/theme.js"),r=require("../dropdown/index.js"),o=require("../weightGainForm/index.styled.js"),u=require("./dueDateFormConception.js"),i=require("./dueDateFormIVF.js"),n=require("./dueDateFormLastPeriod.js"),d=require("./index.styled.js"),s=require("./utils.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var D=c(e);exports.DueDateCalculator=function(c){var p=c.onSubmitDueDate,m=c.locale,f=c.isSide,y=a.useTranslations().t,C=e.useState(s.DueDateCalculatorType.lastPeriod),P=C[0],j=C[1],q=[{value:s.DueDateCalculatorType.lastPeriod,label:y("dueDatePage.lastPeriod")},{value:s.DueDateCalculatorType.conception,label:y("dueDatePage.conceptionDate")},{value:s.DueDateCalculatorType.IVF,label:y("dueDatePage.ivf")}];return D.default.createElement(o.StyledInputWrapper,null,D.default.createElement(d.StyledMethodContainer,{className:"input-form input-section","data-is-side":f},D.default.createElement(t.Text,{size:"n1",type:"bold",color:l.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},y("dueDatePage.calculationMethod")),D.default.createElement(d.StyledMethodSwitcherContainer,{"data-is-side":f},D.default.createElement(r.Dropdown,{options:q,placeholder:y("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:q[P],onChange:function(e){j(e.value)}}))),P===s.DueDateCalculatorType.lastPeriod?D.default.createElement(n.DueDateFormLastPeriod,{locale:m,onClick:p,isSide:f}):null,P===s.DueDateCalculatorType.conception?D.default.createElement(u.DueDateFormConception,{locale:m,onClick:p,isSide:f}):null,P===s.DueDateCalculatorType.IVF?D.default.createElement(i.DueDateFormIVF,{locale:m,onClick:p,isSide:f}):null)};

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

@@ -0,0 +1 @@

package/build/components/molecules/dueDateCalculator/utils.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t,e=require("date-fns");exports.DueDateCalculatorType=void 0,(t=exports.DueDateCalculatorType||(exports.DueDateCalculatorType={}))[t.lastPeriod=0]="lastPeriod",t[t.conception=1]="conception",t[t.IVF=2]="IVF";var a="yyyy-MM-dd";exports.API_DATE_FORMAT=a,exports.DateToInputValue=function(t){return"".concat(t.getFullYear(),"-").concat(String(t.getMonth()+1).padStart(2,"0"),"-").concat(String(t.getDate()).padStart(2,"0"))},exports.getDueDateConception=function(t){var r=new Date(t);return r.setDate(r.getDate()+265),{startDate:t,dueDate:r,otherInfo:{method:exports.DueDateCalculatorType.conception+1,conception_date:e.format(t,a),first_day:null,cycle_length_days:null,ivf_transfer_date:null,days_transfer:null}}},exports.getDueDateIVF=function(t,r){var n=new Date(t);return n.setDate(n.getDate()+265-r),{startDate:t,dueDate:n,otherInfo:{method:exports.DueDateCalculatorType.IVF+1,ivf_transfer_date:e.format(t,a),days_transfer:r,conception_date:null,first_day:null,cycle_length_days:null}}},exports.getDueDateLastPeriod=function(t,r){var n=r-21+272,o=new Date(t);return o.setDate(o.getDate()+n),{startDate:t,dueDate:o,otherInfo:{method:exports.DueDateCalculatorType.lastPeriod+1,first_day:e.format(t,a),cycle_length_days:r,conception_date:null,ivf_transfer_date:null,days_transfer:null}}};

package/build/components/molecules/embeddedHeathToolCards/baby-growth/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../atoms/text/index.js"),r=require("../../../../hooks/useTranslations.js"),n=require("../../../../misc/gAssets/index.js"),a=require("../../../../misc/theme.js"),l=require("../../toolBannerCard/index.js"),o=require("../index.styled.js"),i=require("./index.styled.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(e);exports.BabyGrowthCardEmbed=function(e){var s,u,m=e.isMobile,c=e.className,v=e.onSubmit,b=e.onError,h=e.schema,y=e.babyGrowthContent,w=r.useTranslations().t;return d.default.createElement(o.StyledContainer,{"babyGrowthContent-is-mobile":m},d.default.createElement(l.ToolsBannerCard,{bannerUrl:n.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:n.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:d.default.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==y?void 0:y.featuredImage)||""}),heading:(null==y?void 0:y.title)||"",medicalReview:(null===(s=null==y?void 0:y.reviewBy)||void 0===s?void 0:s.reviewer)&&""!==(null===(u=null==y?void 0:y.reviewBy)||void 0===u?void 0:u.reviewer)?d.default.createElement(t.Text,{size:"p4",color:a.theme.colors.white,className:"embedded-review"},d.default.createElement("span",{dangerouslySetInnerHTML:{__html:w("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat((null==y?void 0:y.reviewBy.link)||"#",'"\n >\n ').concat(y.reviewBy.reviewer.trim(),"\n </a>"),date:y.reviewBy.date})}})):void 0,isMobile:m}),d.default.createElement(i.StyledBabyGrowthWrapper,null,d.default.createElement(i.StyleForm,{schema:h,className:c,onSubmit:v,onError:b})))};

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../../externals/tslib/tslib.es6.js'),e=require("../../../../misc/utils.js"),d=require("styled-components"),i=require("../../babyGrowthForm/index.js"),t=require("../../toolBannerCard/index.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,o,l,p=a(d),s=p.default.div(r||(r=n.__makeTemplateObject(["\n padding: 36px;\n padding-top: 0;\n background-color: white;\n "," {\n padding: 16px;\n padding-top: 0;\n }\n"],["\n padding: 36px;\n padding-top: 0;\n background-color: white;\n "," {\n padding: 16px;\n padding-top: 0;\n }\n"])),e.MediaQueries.mbDown),m=p.default(i)(o||(o=n.__makeTemplateObject(["\n padding-block: 0;\n"],["\n padding-block: 0;\n"])));p.default(t.ToolsBannerCard)(l||(l=n.__makeTemplateObject(["\n padding-inline: 20px;\n\n img.embedded-icon {\n width: 140px;\n margin-left: 50%;\n align-self: center;\n }\n\n "," {\n padding-inline: 0;\n img.embedded-icon {\n width: 125px;\n align-self: end;\n margin-left: 0;\n position: absolute;\n transform: translateY(50%);\n }\n .embedded-review {\n max-width: 200px;\n }\n }\n"],["\n padding-inline: 20px;\n\n img.embedded-icon {\n width: 140px;\n margin-left: 50%;\n align-self: center;\n }\n\n "," {\n padding-inline: 0;\n img.embedded-icon {\n width: 125px;\n align-self: end;\n margin-left: 0;\n position: absolute;\n transform: translateY(50%);\n }\n .embedded-review {\n max-width: 200px;\n }\n }\n"])),e.MediaQueries.mbDown),exports.StyleForm=m,exports.StyledBabyGrowthWrapper=s;

package/build/components/molecules/embeddedHeathToolCards/baby-poop/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@mantine/core"),a=require("../../../atoms/button/index.js"),r=require("../../../atoms/heading/index.js"),i=require("../../../atoms/text/index.js"),o=require("../../../../hooks/useTranslations.js"),s=require("../../../../interfaces/types/Locale.js"),l=require("../../../../misc/gAssets/index.js"),n=require("../../../../misc/theme.js"),d=require("./index.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=c(e);exports.BabyPoopEmbed=function(e){var c=e.babyPoopPage,u=e.onClickFindOut,y=e.locale,f=e.isMobile,p=e.currentUrl,b=e.isSide,g=o.useTranslations().t,E=c.reviewedBy,v=c.reviewedDate;return m.default.createElement(d.StyledBabyPoopHeader,null,m.default.createElement(t.Container,{className:"px-16",style:{height:"100%",display:"".concat(f?"flex":""),flexDirection:"column"}},f&&m.default.createElement(d.StyledBabyPoopHeaderContentImage,{src:l.CommonGAssets.getAssetPath("babyDiaper.png"),alt:c.title}),m.default.createElement(d.StyledBabyPoopHeaderContent,{"data-is-side":b},m.default.createElement(d.StyledBabyPoopHeaderContentText,{"data-is-side":b},m.default.createElement(r.Heading,{tag:"h2",color:"#284A75"},c.title),m.default.createElement(i.Text,{size:"p3",className:"description"},c.description),!!E&&m.default.createElement(d.StyledBabyPoopHeaderReview,{className:"reviewer"},m.default.createElement("img",{src:l.CommonGAssets.getAssetPath("reviewerCheck.svg"),alt:"check",className:"check-icon"}),m.default.createElement(i.Text,{size:"p4",color:n.theme.colors.gray600},g("categoryPage.info.reviewed")," ",m.default.createElement("a",{href:E.profileUrl},E.displayName)," ",g("categoryPage.onDate",{date:v}))),m.default.createElement(a.Button,{color:"primary",size:"md",className:"mt-16 find-out-button",onClick:u,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:p,style:{visibility:Boolean(u)?"visible":"hidden"}},g("babyPoop.findOut"))),!f&&m.default.createElement(d.StyledBabyPoopHeaderContentImage,{src:l.CommonGAssets.getAssetPath("babyDiaper.png"),alt:c.title,"data-is-vietnam":y===s.LOCALE.Vietnam,className:"banner-img"}))))};

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../../externals/tslib/tslib.es6.js'),e=require("../../../../misc/utils.js"),t=require("styled-components");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o=i(t),r=t.css(a||(a=n.__makeTemplateObject(["\n p,\n li {\n margin-top: 8px;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n color: #404040; // gray700\n }\n\n h3 {\n margin-top: 16px;\n font-weight: 700;\n font-size: 16px;\n line-height: 22px;\n }\n\n ul {\n margin-top: 8px;\n padding-left: 16px;\n list-style-type: disc;\n\n li {\n margin-top: 8px;\n }\n }\n\n a {\n color: #1a80e3;\n\n &:not(:hover) {\n text-decoration: none;\n }\n }\n"],["\n p,\n li {\n margin-top: 8px;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n color: #404040; // gray700\n }\n\n h3 {\n margin-top: 16px;\n font-weight: 700;\n font-size: 16px;\n line-height: 22px;\n }\n\n ul {\n margin-top: 8px;\n padding-left: 16px;\n list-style-type: disc;\n\n li {\n margin-top: 8px;\n }\n }\n\n a {\n color: #1a80e3;\n\n &:not(:hover) {\n text-decoration: none;\n }\n }\n"])));o.default.div(p||(p=n.__makeTemplateObject(["\n margin: auto;\n padding-left: 16px;\n padding-right: 16px;\n max-width: calc(744px + 16px * 2);\n &[data-is-vietnam='true'] {\n }\n"],["\n margin: auto;\n padding-left: 16px;\n padding-right: 16px;\n max-width: calc(744px + 16px * 2);\n &[data-is-vietnam='true'] {\n }\n"]))),o.default.div(d||(d=n.__makeTemplateObject(["\n pointer-events: none;\n * {\n pointer-events: none;\n }\n border-radius: 4px;\n padding: 16px;\n cursor: pointer;\n transition: background-color 300ms;\n background-color: ",";\n border: 1px solid ",";\n display: flex;\n flex-direction: column;\n\n &:hover {\n background-color: ",";\n }\n\n img {\n width: 100%;\n max-height: 80px;\n object-fit: cover;\n border-radius: 4px;\n filter: blur(3px);\n }\n\n .item-see-more {\n color: ",";\n font-size: 12px;\n margin-top: auto;\n }\n"],["\n pointer-events: none;\n * {\n pointer-events: none;\n }\n border-radius: 4px;\n padding: 16px;\n cursor: pointer;\n transition: background-color 300ms;\n background-color: ",";\n border: 1px solid ",";\n display: flex;\n flex-direction: column;\n\n &:hover {\n background-color: ",";\n }\n\n img {\n width: 100%;\n max-height: 80px;\n object-fit: cover;\n border-radius: 4px;\n filter: blur(3px);\n }\n\n .item-see-more {\n color: ",";\n font-size: 12px;\n margin-top: auto;\n }\n"])),(function(n){return n.backgroundColor}),(function(n){return n.borderColor}),(function(n){return n.theme.colors.neutral200}),(function(n){return n.theme.colors.primaryBase})),o.default.div(s||(s=n.__makeTemplateObject(["\n width: ","px;\n height: 8px;\n background-color: ",";\n border-radius: 4px;\n flex-shrink: 0;\n"],["\n width: ","px;\n height: 8px;\n background-color: ",";\n border-radius: 4px;\n flex-shrink: 0;\n"])),(function(n){return n.width}),(function(n){return n.signatureColor}));var a,p,d,s,l,c,u,x,g,m,h,b=o.default.div(l||(l=n.__makeTemplateObject(["\n background-image: url(",");\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n background-color: ",";\n min-height: 400px;\n padding: 16px 0;\n\n .find-out-button {\n width: 100%;\n & * {\n pointer-events: none;\n }\n }\n &[data-is-vietnam='true'] {\n background-position: top center;\n min-height: 440px;\n background-size: cover;\n }\n "," {\n &[data-is-vietnam='true'] {\n min-height: 400px;\n background-size: cover;\n background-position: unset;\n }\n }\n"],["\n background-image: url(",");\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n background-color: ",";\n min-height: 400px;\n padding: 16px 0;\n\n .find-out-button {\n width: 100%;\n & * {\n pointer-events: none;\n }\n }\n &[data-is-vietnam='true'] {\n background-position: top center;\n min-height: 440px;\n background-size: cover;\n }\n "," {\n &[data-is-vietnam='true'] {\n min-height: 400px;\n background-size: cover;\n background-position: unset;\n }\n }\n"])),(function(n){return n.backgroundImage}),(function(n){return n.backgroundImage?"transparent":n.theme.colors.blue50}),e.MediaQueries.mbDown),f=o.default.div(c||(c=n.__makeTemplateObject(["\n display: flex;\n gap: 32px;\n padding: 24px 0;\n justify-content: space-between;\n .description {\n margin-top: 16px;\n white-space: pre-wrap;\n }\n .reviewer {\n margin-top: 16px;\n margin-bottom: 32px;\n }\n "," {\n flex-direction: column-reverse;\n }\n &[data-is-side='true'] {\n "," {\n flex-direction: column-reverse;\n .banner-img {\n width: unset;\n height: unset;\n margin: auto;\n }\n }\n }\n &[data-is-vietnam='true'] {\n padding: 0;\n padding-top: 80px;\n .description {\n margin-top: 6px;\n }\n .reviewer {\n margin-bottom: 0;\n }\n\n "," {\n flex-direction: column;\n }\n }\n"],["\n display: flex;\n gap: 32px;\n padding: 24px 0;\n justify-content: space-between;\n .description {\n margin-top: 16px;\n white-space: pre-wrap;\n }\n .reviewer {\n margin-top: 16px;\n margin-bottom: 32px;\n }\n "," {\n flex-direction: column-reverse;\n }\n &[data-is-side='true'] {\n "," {\n flex-direction: column-reverse;\n .banner-img {\n width: unset;\n height: unset;\n margin: auto;\n }\n }\n }\n &[data-is-vietnam='true'] {\n padding: 0;\n padding-top: 80px;\n .description {\n margin-top: 6px;\n }\n .reviewer {\n margin-bottom: 0;\n }\n\n "," {\n flex-direction: column;\n }\n }\n"])),e.MediaQueries.mbDown,e.MediaQueries.mbUp,e.MediaQueries.mbDown),v=o.default.div(u||(u=n.__makeTemplateObject(["\n max-width: 647px;\n\n "," {\n max-width: 50%;\n }\n &[data-is-side='true'] {\n "," {\n max-width: 100%;\n }\n }\n"],["\n max-width: 647px;\n\n "," {\n max-width: 50%;\n }\n &[data-is-side='true'] {\n "," {\n max-width: 100%;\n }\n }\n"])),e.MediaQueries.mbUp,e.MediaQueries.mbUp),w=o.default.img(x||(x=n.__makeTemplateObject(["\n "," {\n width: 100%;\n height: 100%;\n max-width: 320px;\n }\n "," {\n align-self: center;\n max-width: 230px;\n &[data-is-vietnam='true'] {\n margin-top: -80px;\n align-self: end;\n pointer-events: none;\n }\n }\n"],["\n "," {\n width: 100%;\n height: 100%;\n max-width: 320px;\n }\n "," {\n align-self: center;\n max-width: 230px;\n &[data-is-vietnam='true'] {\n margin-top: -80px;\n align-self: end;\n pointer-events: none;\n }\n }\n"])),e.MediaQueries.mbUp,e.MediaQueries.mbDown),k=o.default.div(g||(g=n.__makeTemplateObject(["\n display: flex;\n gap: 4px;\n\n img {\n margin-top: 3px;\n flex-shrink: 0;\n width: 16px;\n height: 16px;\n }\n\n a {\n color: ",";\n font-weight: bold;\n\n &:not(:hover) {\n text-decoration: none;\n }\n }\n"],["\n display: flex;\n gap: 4px;\n\n img {\n margin-top: 3px;\n flex-shrink: 0;\n width: 16px;\n height: 16px;\n }\n\n a {\n color: ",";\n font-weight: bold;\n\n &:not(:hover) {\n text-decoration: none;\n }\n }\n"])),(function(n){return n.theme.colors.gray600}));o.default.div(m||(m=n.__makeTemplateObject(["\n h2 {\n margin-top: 16px;\n font-weight: 700;\n font-size: 22px;\n line-height: 32px;\n color: ",";\n }\n\n ","\n"],["\n h2 {\n margin-top: 16px;\n font-weight: 700;\n font-size: 22px;\n line-height: 32px;\n color: ",";\n }\n\n ","\n"])),(function(n){return n.theme.colors.gray800}),r),o.default.div(h||(h=n.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),r),exports.StyledBabyPoopHeader=b,exports.StyledBabyPoopHeaderContent=f,exports.StyledBabyPoopHeaderContentImage=w,exports.StyledBabyPoopHeaderContentText=v,exports.StyledBabyPoopHeaderReview=k,exports.parsedContentStyle=r;