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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

	@@ -0,0 +1 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./table.js"),r=require("./tableCell.js"),l=require("./tableHead.js"),t=require("./tableRow.js"),o=require("./tableBody.js");exports.Table=e.Table,exports.Cell=r.Cell,exports.Head=l.Head,exports.Row=t.Row,exports.Body=o.Body;

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),t=require("react"),n=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,r=i(t),l=i(n).default.table(a||(a=e.__makeTemplateObject(["\n --horizontal-spacing: ",";\n --vertical-spacing: ",";\n width: 100%;\n position: relative;\n"],["\n --horizontal-spacing: ",";\n --vertical-spacing: ",";\n width: 100%;\n position: relative;\n"])),(function(e){return e.theme.horizontalPadding||"19px"}),(function(e){return e.theme.verticalPadding||"26px"}));exports.Table=function(e){var t=e.children,n=e.className,i=e.style,a=e.horizontalPadding,o=e.verticalPadding;return r.default.createElement(l,{className:n,style:i,theme:{horizontalPadding:a,verticalPadding:o}},t)};

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),t=require("react"),n=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o,a=r(t),i=r(n).default.tbody(o||(o=e.__makeTemplateObject(["\n position: relative;\n &[data-is-striped] {\n > tr:nth-child(odd) {\n background-color: ",";\n }\n }\n &[data-is-hoverable] {\n > tr:hover {\n background-color: ",";\n }\n }\n"],["\n position: relative;\n &[data-is-striped] {\n > tr:nth-child(odd) {\n background-color: ",";\n }\n }\n &[data-is-hoverable] {\n > tr:hover {\n background-color: ",";\n }\n }\n"])),(function(e){return e.theme.colors.neutral50}),(function(e){return e.theme.colors.neutral100}));exports.Body=function(e){var t=e.children,n=e.className,r=e.style,o=e.isHoverable,d=e.isStriped;return a.default.createElement(i,{className:n,style:r,"data-is-striped":d||void 0,"data-is-hoverable":o||void 0},t)};

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require('./../../../externals/tslib/tslib.es6.js'),e=require("react"),n=require("styled-components");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var l,i=a(e),r=a(n).default.td(l||(l=t.__makeTemplateObject(["\n padding: var(--vertical-spacing) var(--horizontal-spacing);\n vertical-align: middle;\n\n &[data-text-align='left'] {\n text-align: left;\n }\n &[data-text-align='right'] {\n text-align: right;\n }\n &[data-text-align='center'] {\n text-align: center;\n }\n"],["\n padding: var(--vertical-spacing) var(--horizontal-spacing);\n vertical-align: middle;\n\n &[data-text-align='left'] {\n text-align: left;\n }\n &[data-text-align='right'] {\n text-align: right;\n }\n &[data-text-align='center'] {\n text-align: center;\n }\n"])));exports.Cell=function(t){var e=t.children,n=t.className,a=t.style,l=t.textAlign,d=t.isTableHead;return i.default.createElement(r,{className:n,style:a,"data-text-align":l||"left",as:d?"th":"td"},e)};

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),t=require("react"),r=require("styled-components");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n,a=o(t),c=o(r).default.tr(n||(n=e.__makeTemplateObject(["\n border-bottom: 1px solid ",";\n\n &[data-is-active='true'] {\n background-color: ",";\n }\n"],["\n border-bottom: 1px solid ",";\n\n &[data-is-active='true'] {\n background-color: ",";\n }\n"])),(function(e){return e.theme.colors.gray100}),(function(e){return e.theme.colors.gray200}));exports.Row=function(e){var t=e.children,r=e.className,o=e.style,n=e.isActive,i=e.onRowClicked,s=e.rowId;return a.default.createElement(c,{className:r,"data-is-active":n,style:o,onClick:function(){i&&i(s)}},t)};

package/build/components/molecules/tabs/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"),n=require("../../../misc/theme.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(e);exports.Tabs=function(l){var o=l.style,r=l.initialTab,i=l.tabContent,c=l.onChange,s=l.className,u=l.dataEventCategory,v=l.dataEventAction,y=l.dataEventLabel,E=l.id,b=e.useState(r||0),f=b[0],m=b[1];return e.useEffect((function(){m(r)}),[r]),d.default.createElement(a.StyledTabs,{style:o,className:s,role:"tablist",id:E},i.map((function(e,l){return d.default.createElement(a.StyledTab,{"data-is-tab-active":f===l||void 0,"aria-selected":f===l,role:"tab",onClick:function(){m(l),c&&c(l)},onKeyDown:function(e){"Enter"===e.key&&(m(l),c&&c(l))},key:l,"data-event-category":e.dataEventCategory||u,"data-event-action":e.dataEventAction||v,"data-event-label":e.dataEventLabel||y,tabIndex:0,"data-testid":e.dataTestid},d.default.createElement(a.StyledTabContent,null,e.icon&&d.default.createElement(a.StyledIcon,null,e.icon),d.default.createElement(t.Text,{size:e.textSize||"sm",type:e.textType||"bold",color:e.textColor||n.theme.colors.gray800,dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name)))})))};

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

@@ -0,0 +1 @@

package/build/components/molecules/thrForm/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"),r=require("../../atoms/input/index.js"),s=require("../../atoms/text/index.js"),n=require("../../../hooks/useTranslations.js"),u=require("../../../misc/theme.js"),i=require("../../../together/interfaces/constants.js"),l=require("../datePicker/index.js"),o=require("../dueDateCalculator/utils.js"),d=require("./index.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=c(t);exports.ThrForm=function(c){var m=c.info,p=c.className,g=c.style,_=c.onChange,D=c.errorMessage,y=void 0===D?{}:D,j=c.locale,q=n.useTranslations().t,x=t.useState(new Date),T=x[0],h=x[1],E=t.useState({age:!1,rate:!1}),v=E[0],b=E[1];return t.useEffect((function(){b({age:!1,rate:!1})}),[y]),f.default.createElement(d.StyledContainer,{style:g,className:p},f.default.createElement(r.Input,{className:"input-section due-date-input",label:f.default.createElement(s.Text,{size:"n1",type:"bold",color:u.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},q("targetHeartRate.ageInput")),value:o.DateToInputValue(T),name:"date",size:"md",CustomInput:f.default.createElement(l.DatePicker,{customInput:function(t){return f.default.createElement("input",e.__assign({type:"date",className:"due-date-input"},t,{value:o.DateToInputValue(T)}))},disabledDays:{after:new Date(a.addDays(new Date,0))},locale:j,pickedDate:T,displayDateFormat:i.DUE_DATE_FORMAT,onChange:function(t){!function(t){h(t),b((function(t){return e.__assign(e.__assign({},t),{age:!0})}));var r=e.__assign(e.__assign({},m),{age:a.format(new Date(t),o.API_DATE_FORMAT)});_&&_(r)}(t)},placeholder:"placeholder"}),errorMessage:v.age?"":y.age}))};

package/build/components/molecules/thrForm/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 a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var p=a(require("styled-components")),d=p.default(e.Button)(o||(o=n.__makeTemplateObject(["\n margin: 0 auto 24px;\n width: 100%;\n "," {\n max-width: 200px;\n }\n"],["\n margin: 0 auto 24px;\n width: 100%;\n "," {\n max-width: 200px;\n }\n"])),t.MediaQueries.mbUp);p.default.div(l||(l=n.__makeTemplateObject(["\n display: flex;\n gap: 10px;\n line-height: 1;\n span {\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 2;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n }\n "," {\n padding-right: 16px;\n padding-bottom: 10px;\n flex-wrap: wrap;\n align-items: center;\n &[data-is-side='true'] {\n width: 100%;\n justify-content: unset;\n .label {\n margin-bottom: 9px;\n }\n }\n }\n &[data-is-side='true'] {\n "," {\n width: 100%;\n .label {\n margin-bottom: 9px;\n }\n }\n }\n "," {\n width: 100%;\n .label {\n margin-bottom: 9px;\n }\n }\n"],["\n display: flex;\n gap: 10px;\n line-height: 1;\n span {\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 2;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n }\n "," {\n padding-right: 16px;\n padding-bottom: 10px;\n flex-wrap: wrap;\n align-items: center;\n &[data-is-side='true'] {\n width: 100%;\n justify-content: unset;\n .label {\n margin-bottom: 9px;\n }\n }\n }\n &[data-is-side='true'] {\n "," {\n width: 100%;\n .label {\n margin-bottom: 9px;\n }\n }\n }\n "," {\n width: 100%;\n .label {\n margin-bottom: 9px;\n }\n }\n"])),t.MediaQueries.mbUp,t.MediaQueries.mbDown,t.MediaQueries.mbDown);var o,l,r,x,m,s,b=p.default(i.PureInput)(r||(r=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 width: calc(50% - 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 .radio-group-item-heading {\n margin-top: 0;\n }\n }\n\n "," {\n &.bmi--input {\n .bmi--input-radio_gender {\n > div {\n max-width: 186px;\n }\n }\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 width: calc(50% - 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 .radio-group-item-heading {\n margin-top: 0;\n }\n }\n\n "," {\n &.bmi--input {\n .bmi--input-radio_gender {\n > div {\n max-width: 186px;\n }\n }\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.mbUp,t.MediaQueries.mbDown),u=p.default.div(x||(x=n.__makeTemplateObject([""],[""]))),g=p.default.div(m||(m=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n input {\n font-size: 12px;\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 display: flex;\n flex-direction: column;\n gap: 16px;\n input {\n font-size: 12px;\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"]))),c=p.default.div(s||(s=n.__makeTemplateObject(["\n "," {\n display: flex;\n width: 100%;\n align-items: flex-start;\n justify-content: space-between;\n gap: 16px;\n margin-bottom: 24px;\n > div {\n width: 100%;\n }\n }\n\n "," {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-bottom: 8px;\n }\n &[data-is-side='true'] {\n "," {\n display: flex;\n flex-direction: column-reverse;\n gap: 0px;\n }\n }\n"],["\n "," {\n display: flex;\n width: 100%;\n align-items: flex-start;\n justify-content: space-between;\n gap: 16px;\n margin-bottom: 24px;\n > div {\n width: 100%;\n }\n }\n\n "," {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-bottom: 8px;\n }\n &[data-is-side='true'] {\n "," {\n display: flex;\n flex-direction: column-reverse;\n gap: 0px;\n }\n }\n"])),t.MediaQueries.mbUp,t.MediaQueries.mbDown,t.MediaQueries.mbUp);exports.FormControl=g,exports.StyledButton=d,exports.StyledContainer=u,exports.StyledInput=b,exports.StyledRow=c;

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../atoms/container/index.js"),a=require("../../atoms/heading/index.js"),l=require("../../../misc/theme.js"),r=require("./index.styled.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e);exports.ToolsBannerCard=function(e){var n=e.className,d=e.heading,s=e.isMobile,o=e.bannerUrl,c=e.bannerUrlLarge,u=e.medicalReview,m=e.icon,f=e.isSide,y=e.style,b=s?"h5":"h4",h=s?o:c||o;return i.default.createElement(r.StyledContainer,{"data-is-mobile":s,style:y},i.default.createElement(r.StyledWrapper,{className:n,"data-banner-url":h,"data-is-mobile":s},i.default.createElement(t.Container,{className:"container"},i.default.createElement(r.StyledInner,null,i.default.createElement(r.StyledHeading,{"data-is-side":f},i.default.createElement(r.StyledHeadingWithReviewedStatus,{"data-is-mobile":s},i.default.createElement(a.Heading,{color:l.theme.colors.white,tag:b,as:"h2"},d)),u&&i.default.createElement(r.StyledMedicalReviewed,{"data-is-mobile":s},u)),i.default.createElement(r.StyledIconContainer,null,m)))))};

package/build/components/molecules/toolBannerCard/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/defaultClassWrapper.js"),t=require("../../../misc/utils.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a=i(require("styled-components")),r=a.default.div(o||(o=n.__makeTemplateObject(["\n margin-top: 13px;\n &[data-is-mobile='false'] {\n display: flex;\n width: 60%;\n min-width: 600px;\n align-items: center;\n & > :first-child {\n margin-right: 18px;\n }\n }\n"],["\n margin-top: 13px;\n &[data-is-mobile='false'] {\n display: flex;\n width: 60%;\n min-width: 600px;\n align-items: center;\n & > :first-child {\n margin-right: 18px;\n }\n }\n"])));a.default.div(p||(p=n.__makeTemplateObject(["\n &[data-is-mobile='false'] {\n max-width: 540px;\n }\n "," {\n padding-right: 120px;\n }\n"],["\n &[data-is-mobile='false'] {\n max-width: 540px;\n }\n "," {\n padding-right: 120px;\n }\n"])),t.MediaQueries.tdUp);var o,p,d,l,s,m,x,g,h=a.default.div(d||(d=n.__makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n margin-top: 10px;\n color: ",";\n font-size: ",";\n > img {\n margin-top: 2px;\n margin-right: 4px;\n }\n &[data-is-mobile='false'] {\n margin-top: 12px;\n > img {\n width: 16px;\n height: 16px;\n }\n }\n &[data-is-mobile='true'] {\n > img {\n width: 14px;\n height: 14px;\n }\n }\n"],["\n display: flex;\n align-items: flex-start;\n margin-top: 10px;\n color: ",";\n font-size: ",";\n > img {\n margin-top: 2px;\n margin-right: 4px;\n }\n &[data-is-mobile='false'] {\n margin-top: 12px;\n > img {\n width: 16px;\n height: 16px;\n }\n }\n &[data-is-mobile='true'] {\n > img {\n width: 14px;\n height: 14px;\n }\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fsParagraph4})),c=a.default.div(l||(l=n.__makeTemplateObject(["\n position: absolute;\n z-index: 0;\n right: 0;\n bottom: -50px;\n display: flex;\n\n align-items: center;\n\n "," {\n img {\n width: 190px;\n height: 155px;\n }\n }\n "," {\n width: 70px;\n }\n"],["\n position: absolute;\n z-index: 0;\n right: 0;\n bottom: -50px;\n display: flex;\n\n align-items: center;\n\n "," {\n img {\n width: 190px;\n height: 155px;\n }\n }\n "," {\n width: 70px;\n }\n"])),t.MediaQueries.mbUp,t.MediaQueries.mbDown),u="hhgcomp-toolbanner-iconcontainer",b=e.getDefaultClassWrapper(c,u),f=a.default.div(s||(s=n.__makeTemplateObject(["\n position: relative;\n z-index: 1;\n max-width: 100%;\n "," {\n padding: 23px 40px;\n max-width: calc(100% - 210px);\n &[data-is-side='true'] {\n max-width: calc(100% - 120px);\n }\n }\n"],["\n position: relative;\n z-index: 1;\n max-width: 100%;\n "," {\n padding: 23px 40px;\n max-width: calc(100% - 210px);\n &[data-is-side='true'] {\n max-width: calc(100% - 120px);\n }\n }\n"])),t.MediaQueries.mbUp),w=a.default.div(m||(m=n.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),y="hhgcomp-toolbanner-inner",v=e.getDefaultClassWrapper(w,y),_=a.default.div(x||(x=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n background-color: inherit;\n background-image: url(",");\n background-position: bottom center;\n background-repeat: no-repeat;\n background-size: cover;\n padding-bottom: 23px;\n"],["\n position: relative;\n width: 100%;\n height: 100%;\n background-color: inherit;\n background-image: url(",");\n background-position: bottom center;\n background-repeat: no-repeat;\n background-size: cover;\n padding-bottom: 23px;\n"])),(function(n){return n["data-banner-url"]||"./toolBannerBlue-circle.svg"})),k="hhgcomp-toolbanner-wrapper",j=e.getDefaultClassWrapper(_,k),S=a.default.div(g||(g=n.__makeTemplateObject(["\n width: 100%;\n margin-bottom: 8px;\n "," {\n padding-bottom: 24px;\n }\n "," {\n height: auto;\n ."," {\n ."," {\n display: flex;\n align-items: center;\n "," {\n justify-content: space-between;\n }\n ."," {\n position: relative;\n right: -50px;\n bottom: -20px;\n width: 110px;\n min-width: 0;\n height: auto;\n min-height: 0;\n align-self: flex-end;\n margin-bottom: -20px;\n "," {\n right: unset;\n }\n }\n }\n }\n }\n"],["\n width: 100%;\n margin-bottom: 8px;\n "," {\n padding-bottom: 24px;\n }\n "," {\n height: auto;\n ."," {\n ."," {\n display: flex;\n align-items: center;\n "," {\n justify-content: space-between;\n }\n ."," {\n position: relative;\n right: -50px;\n bottom: -20px;\n width: 110px;\n min-width: 0;\n height: auto;\n min-height: 0;\n align-self: flex-end;\n margin-bottom: -20px;\n "," {\n right: unset;\n }\n }\n }\n }\n }\n"])),t.MediaQueries.mbDown,t.MediaQueries.tdDown,k,y,t.MediaQueries.mbDown,u,t.MediaQueries.mbDown);exports.StyledContainer=S,exports.StyledHeading=f,exports.StyledHeadingWithReviewedStatus=r,exports.StyledIconContainer=b,exports.StyledIconContainerClass=u,exports.StyledInner=v,exports.StyledInnerClass=y,exports.StyledMedicalReviewed=h,exports.StyledWrapper=j,exports.StyledWrapperClass=k,exports._StyledIconContainer=c,exports._StyledInner=w,exports._StyledWrapper=_;

package/build/components/molecules/weightGainForm/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"),n=require("../../atoms/pureInput/index.js"),a=require("../../../hooks/useTranslations.js"),i=require("../../../misc/theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(t);exports.PWGInputForm=function(r){var o=r.info,l=r.onChange,u=r.errorMessage,g=void 0===u?{}:u,c=a.useTranslations().t,h=t.useState({weightBefore:!1,height:!1,weight:!1}),f=h[0],p=h[1],m=t.useState(0),d=m[0],w=m[1],_=t.useRef(null);t.useEffect((function(){w(_.current.clientHeight)}));var y=function(e,t){""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)};return t.useEffect((function(){l&&l(e.__assign({},o))}),[]),t.useEffect((function(){p({weightBefore:!1,height:!1,weight:!1})}),[g]),s.default.createElement(s.default.Fragment,null,s.default.createElement("div",{className:"input-form-pwg"},s.default.createElement(n.PureInput,{placeholder:c("pwg.placeholder.height"),className:"input-section",label:s.default.createElement("span",{style:{color:i.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},className:"label-text"},c("pregnancyWeightGain.heightInput")," ",s.default.createElement("span",{style:{color:"".concat(i.theme.colors.gray300)}},c("bmi.heightInput.desc"))),errorMessage:f.height?"":null==g?void 0:g.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==o?void 0:o.height,onChange:function(t){y(t,(function(t){p((function(t){return e.__assign(e.__assign({},t),{height:!0})}));var n=e.__assign(e.__assign({},o),{height:t});l&&l(n)}))}})),s.default.createElement("div",{className:"input-form-pwg"},s.default.createElement(n.PureInput,{placeholder:c("pwg.placeholder.weight"),className:"input-section",label:s.default.createElement("span",{style:{color:i.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},ref:_,className:"label-text"},c("pregnancyWeightGain.weightBeforeInput")," ",s.default.createElement("span",{style:{color:"".concat(i.theme.colors.gray300)}},c("pregnancyWeightGain.weightInput.desc"))),errorMessage:f.weightBefore?"":null==g?void 0:g.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:function(t){y(t,(function(t){p((function(t){return e.__assign(e.__assign({},t),{weightBefore:!0})}));var n=e.__assign(e.__assign({},o),{weightBefore:t});l&&l(n)}))},value:null==o?void 0:o.weightBefore})),s.default.createElement("div",{className:"input-form-pwg"},s.default.createElement(n.PureInput,{placeholder:c("pwg.placeholder.weight"),className:"input-section",label:s.default.createElement("span",{style:{color:i.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px",minHeight:d},className:"label-text"},c("pregnancyWeightGain.weightInput")," ",s.default.createElement("span",{style:{color:"".concat(i.theme.colors.gray300)}},c("pregnancyWeightGain.weightInput.desc"))),errorMessage:f.weight?"":null==g?void 0:g.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==o?void 0:o.weight,onChange:function(t){y(t,(function(t){p((function(t){return e.__assign(e.__assign({},t),{weight:!0})}));var n=e.__assign(e.__assign({},o),{weight:t});l&&l(n)}))}})))};

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

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../externals/tslib/tslib.es6.js'),t=require("../../../misc/utils.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i=e(require("styled-components"));i.default.div(o||(o=n.__makeTemplateObject(["\n padding: 0;\n background-color: white;\n"],["\n padding: 0;\n background-color: white;\n"]))),i.default.div(l||(l=n.__makeTemplateObject(["\n padding-bottom: 2px;\n margin: auto;\n "," {\n width: 100%;\n padding: 24px;\n }\n"],["\n padding-bottom: 2px;\n margin: auto;\n "," {\n width: 100%;\n padding: 24px;\n }\n"])),t.MediaQueries.mbUp);var a=i.default.div(m||(m=n.__makeTemplateObject(["\n &[data-is-side='true'] {\n width: 100%;\n margin-bottom: 0;\n }\n "," {\n width: 100%;\n margin-bottom: 0;\n }\n\n margin-bottom: 24px;\n\n & > :not(:last-child) {\n margin-bottom: 8px;\n }\n\n .gender-selector {\n & > :not(:last-child) {\n margin-right: 16px;\n }\n\n & > div {\n width: calc(50% - 8px);\n\n "," {\n max-width: 186px;\n justify-self: left;\n }\n }\n }\n"],["\n &[data-is-side='true'] {\n width: 100%;\n margin-bottom: 0;\n }\n "," {\n width: 100%;\n margin-bottom: 0;\n }\n\n margin-bottom: 24px;\n\n & > :not(:last-child) {\n margin-bottom: 8px;\n }\n\n .gender-selector {\n & > :not(:last-child) {\n margin-right: 16px;\n }\n\n & > div {\n width: calc(50% - 8px);\n\n "," {\n max-width: 186px;\n justify-self: left;\n }\n }\n }\n"])),t.MediaQueries.mbDown,t.MediaQueries.mbUp),d=i.default.div(r||(r=n.__makeTemplateObject(["\n margin-bottom: 20px;\n width: 100%;\n\n & > :not(:last-child) {\n margin-bottom: 8px;\n }\n .gender-selector {\n & > div {\n width: calc(50% - 8px);\n }\n }\n"],["\n margin-bottom: 20px;\n width: 100%;\n\n & > :not(:last-child) {\n margin-bottom: 8px;\n }\n .gender-selector {\n & > div {\n width: calc(50% - 8px);\n }\n }\n"]))),p=i.default.div(x||(x=n.__makeTemplateObject(["\n width: 100%;\n display: flex;\n justify-content: center;\n "," {\n padding: 0 16px;\n &[data-is-side='true'] {\n margin-top: 24px;\n }\n }\n\n "," {\n margin-top: 24px;\n }\n & > :not(:last-child) {\n margin-bottom: 8px;\n }\n button {\n width: 100%;\n margin: auto;\n "," {\n max-width: 200px;\n }\n }\n"],["\n width: 100%;\n display: flex;\n justify-content: center;\n "," {\n padding: 0 16px;\n &[data-is-side='true'] {\n margin-top: 24px;\n }\n }\n\n "," {\n margin-top: 24px;\n }\n & > :not(:last-child) {\n margin-bottom: 8px;\n }\n button {\n width: 100%;\n margin: auto;\n "," {\n max-width: 200px;\n }\n }\n"])),t.MediaQueries.mbUp,t.MediaQueries.mbDown,t.MediaQueries.mbUp);i.default.div(g||(g=n.__makeTemplateObject(["\n "," {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n padding-bottom: 60px;\n"],["\n "," {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n padding-bottom: 60px;\n"])),t.MediaQueries.mbUp),i.default.div(s||(s=n.__makeTemplateObject(["\n & > :not(:last-child) {\n margin-bottom: 28px;\n }\n"],["\n & > :not(:last-child) {\n margin-bottom: 28px;\n }\n"]))),i.default.div(b||(b=n.__makeTemplateObject(["\n "," {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n padding-top: 32px;\n\n color: ",";\n text-align: center;\n\n & > :last-child {\n margin-top: 8px;\n }\n"],["\n "," {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n padding-top: 32px;\n\n color: ",";\n text-align: center;\n\n & > :last-child {\n margin-top: 8px;\n }\n"])),t.MediaQueries.mbUp,(function(n){return n.theme.colors.gray800})),i.default.div(c||(c=n.__makeTemplateObject(["\n margin-bottom: 32px;\n\n "," {\n padding-left: 16px;\n padding-right: 16px;\n }\n"],["\n margin-bottom: 32px;\n\n "," {\n padding-left: 16px;\n padding-right: 16px;\n }\n"])),t.MediaQueries.mbUp),i.default.div(h||(h=n.__makeTemplateObject(["\n margin-bottom: 32px;\n\n "," {\n padding-left: 16px;\n padding-right: 16px;\n }\n"],["\n margin-bottom: 32px;\n\n "," {\n padding-left: 16px;\n padding-right: 16px;\n }\n"])),t.MediaQueries.mbUp),i.default.div(u||(u=n.__makeTemplateObject(["\n margin-bottom: 16px;\n\n "," {\n padding-left: 16px;\n padding-right: 16px;\n }\n"],["\n margin-bottom: 16px;\n\n "," {\n padding-left: 16px;\n padding-right: 16px;\n }\n"])),t.MediaQueries.mbUp),i.default.div(f||(f=n.__makeTemplateObject(["\n margin-bottom: 24px;\n\n "," {\n padding-left: 16px;\n padding-right: 16px;\n }\n"],["\n margin-bottom: 24px;\n\n "," {\n padding-left: 16px;\n padding-right: 16px;\n }\n"])),t.MediaQueries.mbUp),i.default.div(w||(w=n.__makeTemplateObject(["\n margin-bottom: 56px;\n line-height: 24px;\n\n & > :first-child {\n margin-bottom: 8px;\n }\n\n "," {\n padding-left: 16px;\n padding-right: 16px;\n }\n"],["\n margin-bottom: 56px;\n line-height: 24px;\n\n & > :first-child {\n margin-bottom: 8px;\n }\n\n "," {\n padding-left: 16px;\n padding-right: 16px;\n }\n"])),t.MediaQueries.mbUp),i.default.div(v||(v=n.__makeTemplateObject(["\n margin-bottom: 56px;\n\n & > :first-child {\n margin-bottom: 8px;\n }\n\n "," {\n padding-left: 16px;\n padding-right: 16px;\n }\n"],["\n margin-bottom: 56px;\n\n & > :first-child {\n margin-bottom: 8px;\n }\n\n "," {\n padding-left: 16px;\n padding-right: 16px;\n }\n"])),t.MediaQueries.mbUp),i.default.div(y||(y=n.__makeTemplateObject(["\n padding-top: 32px;\n\n & > div {\n margin-bottom: 24px;\n }\n\n "," {\n padding-left: 16px;\n padding-right: 16px;\n }\n"],["\n padding-top: 32px;\n\n & > div {\n margin-bottom: 24px;\n }\n\n "," {\n padding-left: 16px;\n padding-right: 16px;\n }\n"])),t.MediaQueries.mbUp),i.default.div(_||(_=n.__makeTemplateObject(["\n padding: 68px 0 56px 0;\n\n "," {\n padding: 84px 0 72px 0;\n }\n"],["\n padding: 68px 0 56px 0;\n\n "," {\n padding: 84px 0 72px 0;\n }\n"])),t.MediaQueries.mbUp),i.default.div(j||(j=n.__makeTemplateObject(["\n display: flex;\n gap: 10px;\n line-height: 1;\n span {\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 2;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n }\n .slider-due-date {\n margin-bottom: 24px;\n width: 100%;\n margin-left: 0px;\n margin-right: 0px;\n }\n "," {\n padding-right: 16px;\n padding-bottom: 10px;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n &[data-is-side='true'] {\n width: 100%;\n margin-bottom: 15px;\n justify-content: unset;\n .label {\n margin-bottom: 9px;\n }\n }\n }\n\n "," {\n width: 100%;\n margin-bottom: 15px;\n\n .label {\n margin-bottom: 9px;\n }\n }\n"],["\n display: flex;\n gap: 10px;\n line-height: 1;\n span {\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 2;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n }\n .slider-due-date {\n margin-bottom: 24px;\n width: 100%;\n margin-left: 0px;\n margin-right: 0px;\n }\n "," {\n padding-right: 16px;\n padding-bottom: 10px;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n &[data-is-side='true'] {\n width: 100%;\n margin-bottom: 15px;\n justify-content: unset;\n .label {\n margin-bottom: 9px;\n }\n }\n }\n\n "," {\n width: 100%;\n margin-bottom: 15px;\n\n .label {\n margin-bottom: 9px;\n }\n }\n"])),t.MediaQueries.mbUp,t.MediaQueries.mbDown);var o,l,m,r,x,g,s,b,c,h,u,f,w,v,y,_,j,k,M,Q,O=i.default.div(k||(k=n.__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n .input-section {\n display: flex;\n flex-direction: column;\n }\n"],["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n .input-section {\n display: flex;\n flex-direction: column;\n }\n"]))),T=i.default.div(M||(M=n.__makeTemplateObject(["\n position: relative;\n width: calc(50% - 8px);\n\n &[data-is-side='true'] {\n .label {\n margin-bottom: 9px;\n }\n }\n "," {\n .label {\n margin-bottom: 9px;\n }\n }\n margin-bottom: 24px;\n #weight-gain-dropdown {\n z-index: 9;\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 position: relative;\n width: calc(50% - 8px);\n\n &[data-is-side='true'] {\n .label {\n margin-bottom: 9px;\n }\n }\n "," {\n .label {\n margin-bottom: 9px;\n }\n }\n margin-bottom: 24px;\n #weight-gain-dropdown {\n z-index: 9;\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"])),t.MediaQueries.mbDown,(function(n){return n.theme.colors.gray800})),U=i.default.div(Q||(Q=n.__makeTemplateObject(["\n margin-bottom: 24px;\n width: 100%;\n\n "," {\n padding: 0 16px;\n }\n .card {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n & > :not(:last-child) {\n margin-bottom: 8px;\n }\n\n .gender-selector {\n row-gap: 12px;\n\n & > :not(:last-child) {\n margin-right: 16px;\n }\n\n & > div {\n "," {\n width: calc(18% - 4px);\n max-width: 186px;\n justify-self: left;\n }\n\n "," {\n width: calc(31% - 8px);\n max-width: 109px;\n justify-self: left;\n }\n }\n }\n\n .gender-image {\n width: 23px;\n height: 36px;\n object-fit: contain;\n }\n }\n .note {\n display: flex;\n align-items: center;\n padding-top: 8px;\n padding-bottom: 16px;\n }\n"],["\n margin-bottom: 24px;\n width: 100%;\n\n "," {\n padding: 0 16px;\n }\n .card {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n & > :not(:last-child) {\n margin-bottom: 8px;\n }\n\n .gender-selector {\n row-gap: 12px;\n\n & > :not(:last-child) {\n margin-right: 16px;\n }\n\n & > div {\n "," {\n width: calc(18% - 4px);\n max-width: 186px;\n justify-self: left;\n }\n\n "," {\n width: calc(31% - 8px);\n max-width: 109px;\n justify-self: left;\n }\n }\n }\n\n .gender-image {\n width: 23px;\n height: 36px;\n object-fit: contain;\n }\n }\n .note {\n display: flex;\n align-items: center;\n padding-top: 8px;\n padding-bottom: 16px;\n }\n"])),t.MediaQueries.mbUp,t.MediaQueries.mbUp,t.MediaQueries.mbDown);exports.StyledActive=U,exports.StyledFormInput=T,exports.StyledInputForm=d,exports.StyledInputWrapper=O,exports.StyledSubmitButton=p,exports.StyledTwins=a;

package/build/components/organisms/babyGrowthChart/chartConfig.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require('./../../../externals/tslib/tslib.es6.js'),e=require("lodash/chunk"),t=require("../../../misc/theme.js"),n=require("../../../interfaces/types/BabyGrowth.js"),o=require("../../../interfaces/types/Locale.js");function i(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}function a(r){return Object.freeze({__proto__:null,default:r})}var u,s,h,y,c,l,f,b,w,G,B,j,C,m,g,I,p,v,D,_,H,q,S=i(e),P=((u={})[n.Gender.Boy]=((s={})[n.BabyGrowthChartType.Weight]=((h={})[n.BabyGrowthChartDuration.Weekly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/WEIGHT_BOYS.percentile.weekly.json.js"))}))},h[n.BabyGrowthChartDuration.Monthly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/WEIGHT_BOYS.percentile.monthly.json.js"))}))},h[n.BabyGrowthChartDuration.Yearly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/WEIGHT_BOYS.percentile.yearly.json.js"))}))},h),s[n.BabyGrowthChartType.Height]=((y={})[n.BabyGrowthChartDuration.Weekly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEIGHT_BOYS.percentile.weekly.json.js"))}))},y[n.BabyGrowthChartDuration.Monthly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEIGHT_BOYS.percentile.monthly.json.js"))}))},y[n.BabyGrowthChartDuration.Yearly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEIGHT_BOYS.percentile.yearly.json.js"))}))},y),s[n.BabyGrowthChartType.Head]=((c={})[n.BabyGrowthChartDuration.Weekly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEAD CIRCUM_BOYS.percentile.weekly.json.js"))}))},c[n.BabyGrowthChartDuration.Monthly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEAD CIRCUM_BOYS.percentile.monthly.json.js"))}))},c[n.BabyGrowthChartDuration.Yearly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEAD CIRCUM_BOYS.percentile.yearly.json.js"))}))},c),s[n.BabyGrowthChartType.BMI]=((l={})[n.BabyGrowthChartDuration.Weekly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/BMI_BOYS.percentile.weekly.json.js"))}))},l[n.BabyGrowthChartDuration.Monthly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/BMI_BOYS.percentile.monthly.json.js"))}))},l[n.BabyGrowthChartDuration.Yearly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/BMI_BOYS.percentile.yearly.json.js"))}))},l),s),u[n.Gender.Girl]=((f={})[n.BabyGrowthChartType.Weight]=((b={})[n.BabyGrowthChartDuration.Weekly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/WEIGHT_GIRLS.percentile.weekly.json.js"))}))},b[n.BabyGrowthChartDuration.Monthly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/WEIGHT_GIRLS.percentile.monthly.json.js"))}))},b[n.BabyGrowthChartDuration.Yearly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/WEIGHT_GIRLS.percentile.yearly.json.js"))}))},b),f[n.BabyGrowthChartType.Height]=((w={})[n.BabyGrowthChartDuration.Weekly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEIGHT_GIRLS.percentile.weekly.json.js"))}))},w[n.BabyGrowthChartDuration.Monthly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEIGHT_GIRLS.percentile.monthly.json.js"))}))},w[n.BabyGrowthChartDuration.Yearly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEIGHT_GIRLS.percentile.yearly.json.js"))}))},w),f[n.BabyGrowthChartType.Head]=((G={})[n.BabyGrowthChartDuration.Weekly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEAD CIRCUM_GIRLS.percentile.weekly.json.js"))}))},G[n.BabyGrowthChartDuration.Monthly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEAD CIRCUM_GIRLS.percentile.monthly.json.js"))}))},G[n.BabyGrowthChartDuration.Yearly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEAD CIRCUM_GIRLS.percentile.yearly.json.js"))}))},G),f[n.BabyGrowthChartType.BMI]=((B={})[n.BabyGrowthChartDuration.Weekly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/BMI_GIRLS.percentile.weekly.json.js"))}))},B[n.BabyGrowthChartDuration.Monthly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/BMI_GIRLS.percentile.monthly.json.js"))}))},B[n.BabyGrowthChartDuration.Yearly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/BMI_GIRLS.percentile.yearly.json.js"))}))},B),f),u),d=((j={})[n.Gender.Boy]=((C={})[n.BabyGrowthChartType.Weight]=((m={})[n.BabyGrowthChartDuration.Weekly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/WEIGHT_BOYS.zscore.weekly.json.js"))}))},m[n.BabyGrowthChartDuration.Monthly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/WEIGHT_BOYS.zscore.monthly.json.js"))}))},m[n.BabyGrowthChartDuration.Yearly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/WEIGHT_BOYS.zscore.yearly.json.js"))}))},m),C[n.BabyGrowthChartType.Height]=((g={})[n.BabyGrowthChartDuration.Weekly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEIGHT_BOYS.zscore.weekly.json.js"))}))},g[n.BabyGrowthChartDuration.Monthly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEIGHT_BOYS.zscore.monthly.json.js"))}))},g[n.BabyGrowthChartDuration.Yearly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEIGHT_BOYS.zscore.yearly.json.js"))}))},g),C[n.BabyGrowthChartType.Head]=((I={})[n.BabyGrowthChartDuration.Weekly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEAD CIRCUM_BOYS.zscore.weekly.json.js"))}))},I[n.BabyGrowthChartDuration.Monthly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEAD CIRCUM_BOYS.zscore.monthly.json.js"))}))},I[n.BabyGrowthChartDuration.Yearly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEAD CIRCUM_BOYS.zscore.yearly.json.js"))}))},I),C[n.BabyGrowthChartType.BMI]=((p={})[n.BabyGrowthChartDuration.Weekly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/BMI_BOYS.zscore.weekly.json.js"))}))},p[n.BabyGrowthChartDuration.Monthly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/BMI_BOYS.zscore.monthly.json.js"))}))},p[n.BabyGrowthChartDuration.Yearly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/BMI_BOYS.zscore.yearly.json.js"))}))},p),C),j[n.Gender.Girl]=((v={})[n.BabyGrowthChartType.Weight]=((D={})[n.BabyGrowthChartDuration.Weekly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/WEIGHT_GIRLS.zscore.weekly.json.js"))}))},D[n.BabyGrowthChartDuration.Monthly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/WEIGHT_GIRLS.zscore.monthly.json.js"))}))},D[n.BabyGrowthChartDuration.Yearly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/WEIGHT_GIRLS.zscore.yearly.json.js"))}))},D),v[n.BabyGrowthChartType.Height]=((_={})[n.BabyGrowthChartDuration.Weekly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEIGHT_GIRLS.zscore.weekly.json.js"))}))},_[n.BabyGrowthChartDuration.Monthly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEIGHT_GIRLS.zscore.monthly.json.js"))}))},_[n.BabyGrowthChartDuration.Yearly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEIGHT_GIRLS.zscore.yearly.json.js"))}))},_),v[n.BabyGrowthChartType.Head]=((H={})[n.BabyGrowthChartDuration.Weekly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEAD CIRCUM_GIRLS.zscore.weekly.json.js"))}))},H[n.BabyGrowthChartDuration.Monthly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEAD CIRCUM_GIRLS.zscore.monthly.json.js"))}))},H[n.BabyGrowthChartDuration.Yearly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/HEAD CIRCUM_GIRLS.zscore.yearly.json.js"))}))},H),v[n.BabyGrowthChartType.BMI]=((q={})[n.BabyGrowthChartDuration.Weekly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/BMI_GIRLS.zscore.weekly.json.js"))}))},q[n.BabyGrowthChartDuration.Monthly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/BMI_GIRLS.zscore.monthly.json.js"))}))},q[n.BabyGrowthChartDuration.Yearly]=function(){return Promise.resolve().then((function(){return a(require("../../../interfaces/baby-growth/BMI_GIRLS.zscore.yearly.json.js"))}))},q),v),j);exports.BabyGrowthChartPercentile=P,exports.BabyGrowthChartZScore=d,exports.divideChartData=function(r,e){var t=S.default(e,Math.ceil(e.length/2)),n=t[0],o=t[1],i=n.map((function(r){return r.name})),a=o.map((function(r){return r.name}));return i.includes(r)?{data:n,status:"first-half"}:a.includes(r)?{data:o,status:"second-half"}:{data:e,status:"full"}},exports.generateGrowthChart=function(r,e,t,n){return n===o.LOCALE.Indonesia?d[r][e][t]():P[r][e][t]()},exports.generateXAxisTicks=function(r,e){return void 0===e&&(e=0),Array.from({length:r-e+1},(function(r,t){return t+e}))},exports.getAxisYDomain=function(r,e,t,n,o){var i=r.slice(e-1,t),a=[i[0][n],i[0][n]],u=a[0],s=a[1];return i.forEach((function(r){r[n]>s&&(s=r[n]),r[n]<u&&(u=r[n])})),[(0|u)-o,(0|s)+o]},exports.paintAxis=function(){var r,e=null===(r=document.getElementsByClassName("recharts-cartesian-grid-vertical"))||void 0===r?void 0:r[0];if(console.log(e),e)for(var n=e.getElementsByTagName("line"),o=0;o<n.length;o++){if(o%2!=0){var i=n[o],a=n[o+1],u=i.getAttribute("x1"),s=i.getAttribute("y"),h=i.getAttribute("height"),y=i.getAttribute("x1"),c=a.getAttribute("x1");console.log({oddLine:i,nextLine:a});var l=document.createElementNS("http://www.w3.org/1999/xhtml","rect");l.setAttribute("stroke",t.theme.colors.blue50),l.setAttribute("fill",t.theme.colors.blue50),l.setAttribute("x",u),l.setAttribute("y",s),l.setAttribute("height",h),l.setAttribute("width",String(Number(c)-Number(y))),e.appendChild(i),e.appendChild(l)}else e.appendChild(n[o]);console.log(e)}},exports.refineDataWithDot=function(e,t,n,o,i){return r.__spreadArray(r.__spreadArray([],e,!0),[{name:o,history:i,risk:t,toolTipLabel:n}],!1).sort((function(r,e){return r.name-e.name}))},exports.refineDataWithLine=function(e,t){return r.__spreadArray(r.__spreadArray([],e,!0),t.map((function(r){return{name:r.name,history:r.history,risk:r.risk,toolTipLabel:r.toolTipLabel}})),!0).sort((function(r,e){return r.name-e.name}))},exports.transformDataToChart=function(r,e){void 0===e&&(e=0);var t=[],n=function(n){r[n].forEach((function(r,o){var i;t[o]?t[o][n]=r:t[o]=((i={name:o+e})[n]=r,i)}))};for(var o in r)n(o);return t};

package/build/components/organisms/babyGrowthChart/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),t=require("react"),r=require("recharts"),a=require("../../atoms/customReferenceDot/index.js"),o=require("../../../hooks/useOutsideClick.js"),n=require("../../../hooks/useTranslations.js"),l=require("../../../misc/theme.js"),i=require("../../atoms/babyGrowthTooltip/index.js"),s=require("../../atoms/text/index.js"),c=require("./chartConfig.js"),u=require("./index.styled.js"),h=require("../../../interfaces/types/Locale.js"),m=require("../../../interfaces/types/BabyGrowth.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=d(t),y=[{name:"-3SD",label:"-3",color:l.theme.colors.red600},{name:"-2SD",label:"-2",color:l.theme.colors.yellow600},{name:"0Median",label:"0",color:l.theme.colors.green600},{name:"2SD",label:"2",color:l.theme.colors.yellow600},{name:"3SD",label:"3",color:l.theme.colors.red600},{name:"history",color:l.theme.colors.primaryBase}],g=[{name:"3rd",color:l.theme.colors.red600},{name:"15th",color:l.theme.colors.yellow600},{name:"50th",color:l.theme.colors.green600},{name:"85th",color:l.theme.colors.yellow600},{name:"97th",color:l.theme.colors.red600},{name:"history",color:l.theme.colors.primaryBase}],b=function(e){var t=e.x,r=e.y,a=e.last,o=e.index,n=e.name;return a===o?f.default.createElement("text",{x:t,y:r,dx:16,fill:l.theme.colors.gray500,fontSize:12,textAnchor:"middle"},n):null};exports.BabyGrowthChart=function(d){var k=d.gender,p=d.type,E=d.duration,v=d.xLabel,x=d.x,w=d.y,C=d.toolTipLabel,L=void 0===C?[]:C,D=d.isDivide,T=void 0===D||D,S=d.onIsPrevious,A=d.locale,B=d.riskLevel,G=d.withLine,_=void 0!==G&&G,j=d.lineData,q=void 0===j?[]:j,M=t.useState([]),I=M[0],N=M[1],O=t.useRef([]),R=n.useTranslations().t;t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var t,r,a,o;return e.__generator(this,(function(n){switch(n.label){case 0:return[4,c.generateGrowthChart(k,p,E,A)];case 1:if(t=n.sent().default,r=E===m.BabyGrowthChartDuration.Weekly?0:1,a=c.transformDataToChart(t,r),Array.isArray(a)&&0===a.length)return null==S||S(),[2];o={data:a.map((function(t,r){return e.__assign(e.__assign({},t),{name:r})})),status:"full"};try{o=T?c.divideChartData(x||r,a):{data:a,status:"full"}}catch(e){}if(T)switch(o.status){case"first-half":O.current=c.generateXAxisTicks(o.data.length-1+r,r);break;case"second-half":O.current=c.generateXAxisTicks(t.length,o.data.length);break;default:O.current=c.generateXAxisTicks(a.length-1+r,r)}else O.current=c.generateXAxisTicks(a.length-1+r,r);return N(o.data),[2]}}))}))}),[k,p,E,A,S]);var W=t.useState(!1),z=W[0],F=W[1],P=t.useMemo((function(){return _&&Array.isArray(I)&&I.length>0?c.refineDataWithLine(I,q):c.refineDataWithDot(I,B,L,x,w)}),[_,q,I]),X=t.useRef(null);o.useOutsideClick(X,(function(){return F(!1)}));return f.default.createElement(u.StyledBabyGrowthChart,null,f.default.createElement("div",{className:"custom-chart-label"},f.default.createElement(s.Text,{size:"n1",color:l.theme.colors.gray500},function(){switch(p){case m.BabyGrowthChartType.Weight:return R("babyGrowth.weight");case m.BabyGrowthChartType.Height:return R("babyGrowth.height");case m.BabyGrowthChartType.Head:return R("babyGrowth.headCircumference");case m.BabyGrowthChartType.BMI:return"BMI";default:return""}}()),f.default.createElement(s.Text,{size:"n1",color:l.theme.colors.gray500},A===h.LOCALE.Indonesia?"Z-Score":R("babyGrowth.percentiles"))),Array.isArray(P)&&P.length>0&&f.default.createElement(r.ResponsiveContainer,{height:388,className:"chart"},f.default.createElement(r.LineChart,{data:P,margin:{top:16,right:28,bottom:8,left:0}},f.default.createElement(r.CartesianGrid,{stroke:l.theme.colors.neutral100}),f.default.createElement(r.Tooltip,{trigger:"click",content:function(t){return f.default.createElement(i.BabyGrowthTooltip,e.__assign({active:!_&&z&&void 0!==x&&void 0!==w,locale:A},t))}}),f.default.createElement(r.XAxis,{type:"number",scale:"linear",ticks:O.current,dataKey:"name",tickLine:!1,tickMargin:12,tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:l.theme.colors.gray800},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},allowDecimals:!0}),f.default.createElement(r.YAxis,{domain:[function(e){return Math.min(e,w||e)},function(e){return Math.max(e,w||e)}],tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:l.theme.colors.gray800}}),(A===h.LOCALE.Indonesia?y:g).map((function(e,t){return f.default.createElement(f.default.Fragment,null,"history"===e.name?f.default.createElement(r.Line,{key:t,connectNulls:!0,type:"linear",dataKey:"history",stroke:e.color,strokeWidth:2,dot:{stroke:e.color,fill:e.color,strokeWidth:1,r:4,strokeDasharray:""},activeDot:!0,color:e.color}):f.default.createElement(r.Line,{key:e.name,type:"linear",dataKey:e.name,stroke:e.color,dot:!1,activeDot:!1,connectNulls:!0,label:f.default.createElement(b,{last:(null==P?void 0:P.length)?P.length-1:0,name:(null==e?void 0:e.label)||e.name}),tooltipType:"none"}))})),void 0!==x&&void 0!==w&&f.default.createElement(r.ReferenceDot,{onClick:function(){return F(!0)},x:0===x?1:x,y:w,r:4,shape:f.default.createElement(a.CustomReferenceDot,{ref:X,r:4}),fill:l.theme.colors.primaryBase,stroke:l.theme.colors.primaryBase}))),f.default.createElement("div",{className:"custom-chart-label"},f.default.createElement("i",null),f.default.createElement(s.Text,{size:"n1",color:l.theme.colors.gray500},v)))},exports.LABELS_PERCENTILE=g,exports.LABELS_Z_SCORE=y;

package/build/components/organisms/babyGrowthChart/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js');function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n,i=t(require("styled-components")).default.div(n||(n=e.__makeTemplateObject(["\n position: relative;\n .custom-chart-label {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n margin-top: 8px;\n }\n"],["\n position: relative;\n .custom-chart-label {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n margin-top: 8px;\n }\n"])));exports.StyledBabyGrowthChart=i;

package/build/components/organisms/footer/discoverFooter/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../atoms/button/index.js"),a=require("../../../atoms/container/index.js"),l=require("../../../atoms/text/index.js"),n=require("../../../../interfaces/constants/index.js"),o=require("../../../../misc/theme.js"),i=require("../../../../hooks/useTranslations.js"),r=require("./index.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e),u=function(e){var t=e.url,a=e.isMobile,l=e.dataEventCategory,n=e.dataEventAction,o=e.dataEventLabel,i=e.isAmp;return d.default.createElement(r.StyledFlag,{"data-is-mobile":a},i?d.default.createElement("amp-img",{className:"country-flag",src:t,alt:"Country Flag","data-event-category":l,"data-event-action":n,"data-content-label":o}):d.default.createElement("img",{loading:"lazy",className:"country-flag",src:t,alt:"Country Flag","data-event-category":l,"data-event-action":n,"data-content-label":o}))};exports.DiscoverFooter=function(e){var c,s,m,v,f,g,E,y,p,h,N,b,F,x,T,k,z,L,w,C,A,M,j,q,S,H,_,B,I,D,G=e.className,P=e.type,O=void 0===P?"main":P,U=e.footerInfo,V=e.isMobile,J=e.locale,K=e.isAmp,Q=i.useTranslations().t,R=null==U?void 0:U.menu,W=(null===(s=null===(c=null==U?void 0:U.general)||void 0===c?void 0:c.verified)||void 0===s?void 0:s.filter(Boolean))||[];return d.default.createElement(r.StyledFooter,{as:K&&"mini"===O?"div":"footer",className:G,style:"mini"===O?{backgroundColor:o.theme.colors.neutral50}:{},"next-page-hide":!0},d.default.createElement(a.Container,null,d.default.createElement("div",{className:"inner","data-type":O,"next-page-hide":""},"main"===O?d.default.createElement(d.default.Fragment,null,d.default.createElement("a",{href:"/"},K?(null===(v=null==U?void 0:U.general)||void 0===v?void 0:v.logo)?d.default.createElement("amp-img",{src:null===(f=null==U?void 0:U.general)||void 0===f?void 0:f.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:d.default.createElement("img",{loading:"lazy",className:"footer-logo",src:null===(m=null==U?void 0:U.general)||void 0===m?void 0:m.logo,alt:"Logo","data-is-sehat":"id-ID"===J})),d.default.createElement("div",{className:"columns"},d.default.createElement("div",{className:"newsletter"},d.default.createElement(l.Text,{size:"p1",type:"bold"},null===(g=null==U?void 0:U.general)||void 0===g?void 0:g.content),d.default.createElement(t.Button,{className:"signupButton",color:"primary",size:"lg"},Q("footer.signUp")),d.default.createElement("div",{className:"social"},d.default.createElement(l.Text,{size:"sm",type:"regular"},null===(E=null==U?void 0:U.social)||void 0===E?void 0:E.title),d.default.createElement("div",{className:"icons"},null===(p=null===(y=null==U?void 0:U.social)||void 0===y?void 0:y.socials)||void 0===p?void 0:p.map((function(e,t){return d.default.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},K?d.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):d.default.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",className:"social-icon"}))}))),d.default.createElement("hr",{className:"hrMobile"}))),d.default.createElement("div",null,R&&d.default.createElement(d.default.Fragment,null,d.default.createElement("div",{className:"biglinks"},null===(N=null===(h=R[0])||void 0===h?void 0:h.items)||void 0===N?void 0:N.map((function(e,t){return d.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(n.domainLocales[J]).concat(e.url),className:"bigLink",key:t,href:e.url},e.title)}))),d.default.createElement("hr",{className:"hrMobile"}),d.default.createElement("div",{className:"mHalf"},d.default.createElement(l.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(b=R[1])||void 0===b?void 0:b.menu_title),null===(x=null===(F=R[1])||void 0===F?void 0:F.items)||void 0===x?void 0:x.map((function(e,t){return d.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(n.domainLocales[J]).concat(e.url),className:"link",href:e.url,key:t},d.default.createElement(l.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(n.domainLocales[J]).concat(e.url)},e.title))}))),d.default.createElement("div",{className:"mHalf"},d.default.createElement(l.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(T=R[2])||void 0===T?void 0:T.menu_title),null===(z=null===(k=R[2])||void 0===k?void 0:k.items)||void 0===z?void 0:z.map((function(e,t){return e.url&&d.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url,className:"link",href:e.url,key:t},d.default.createElement(l.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))})))),!K&&d.default.createElement(d.default.Fragment,null,d.default.createElement("hr",{className:"hrMobile"}),d.default.createElement("div",{className:"otherSites"},d.default.createElement(l.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(L=null==U?void 0:U.branch)||void 0===L?void 0:L.title),d.default.createElement("div",{className:"flags"},null===(C=null===(w=null==U?void 0:U.branch)||void 0===w?void 0:w.branch)||void 0===C?void 0:C.map((function(e,t){return d.default.createElement("a",{className:"link",href:e.url,key:t,"data-event-category":"Footer","data-event-action":e.name,"data-event-label":e.url},d.default.createElement(u,{url:e.flag,isMobile:V,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url,isAmp:K}))}))))))),d.default.createElement("hr",null),d.default.createElement("div",{className:"copyright","data-is-amp":K||void 0},d.default.createElement("div",{className:"copyright-image-wrapper"},W.length?W.map((function(e,t){return d.default.createElement("a",{href:e.url,key:t,className:"copyright-image"},K?d.default.createElement("amp-img",{src:e.image,alt:"DMCA Icon",width:"100",height:"36"}):d.default.createElement("img",{loading:"lazy",src:e.image,alt:"DMCA Icon"}))})):null),d.default.createElement(l.Text,{size:"xs",type:"regular",className:"copyright-content"},null===(A=null==U?void 0:U.general)||void 0===A?void 0:A.copyright)),"vi-VN"===J&&d.default.createElement(l.Text,{className:"copyright-certificate",size:"xs",type:"regular",color:"white"},"Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số 529/GP-BTTTT, HN ngày 03/12/2019")):d.default.createElement(d.default.Fragment,null,(null==U?void 0:U.menu)&&d.default.createElement("div",{className:"columns"},d.default.createElement("div",{className:"mHalf"},d.default.createElement(l.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(M=null==U?void 0:U.menu[1])||void 0===M?void 0:M.menu_title),null===(q=null===(j=null==U?void 0:U.menu[1])||void 0===j?void 0:j.items)||void 0===q?void 0:q.map((function(e){return d.default.createElement("a",{className:"link",href:e.url,key:e.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":e.title,"data-content-id":"https://".concat(n.domainLocales[J]).concat(e.url),"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(n.domainLocales[J]).concat(e.url)},d.default.createElement(l.Text,{dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(n.domainLocales[J]).concat(e.url),size:"sm",type:"regular",style:{color:o.theme.colors.gray800}},e.title))}))),d.default.createElement("div",{className:"mHalf"},d.default.createElement(l.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(S=null==U?void 0:U.menu[2])||void 0===S?void 0:S.menu_title),null===(_=null===(H=null==U?void 0:U.menu[2])||void 0===H?void 0:H.items)||void 0===_?void 0:_.map((function(e,t){return d.default.createElement("a",{className:"link",href:e.url,key:t,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":e.title,"data-content-id":e.url,"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url},d.default.createElement(l.Text,{size:"sm",type:"regular",style:{color:o.theme.colors.gray800},dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))}))),!K&&"mini"!==O&&d.default.createElement("hr",{className:"hrMobile"}),d.default.createElement("div",{className:"newsletter"},d.default.createElement("div",{className:"social"},d.default.createElement(l.Text,{size:"sm",type:"regular"},null===(B=null==U?void 0:U.social)||void 0===B?void 0:B.title),d.default.createElement("div",{className:"icons"},null===(D=null===(I=null==U?void 0:U.social)||void 0===I?void 0:I.socials)||void 0===D?void 0:D.map((function(e,t){return d.default.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},K?d.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):d.default.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",loading:"lazy",className:"social-icon"}))}))))))))))};

package/build/components/organisms/footer/discoverFooter/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require('./../../../../externals/tslib/tslib.es6.js'),i=require("../../../../misc/utils.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e,o,r=t(require("styled-components")),a=r.default.footer(e||(e=n.__makeTemplateObject(["\n background-color: #1b3250;\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 24px 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n max-height: 32px;\n margin-bottom: 24px;\n &[data-is-sehat='true'] {\n max-width: 250px;\n }\n\n img {\n object-fit: contain;\n }\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n p {\n font-size: 13px;\n }\n }\n\n "," {\n p {\n font-size: 12px;\n }\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n\n .social-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n .copyright-content {\n width: 90%;\n color: ",";\n font-size: 12px;\n }\n\n .copyright-image-wrapper {\n flex-shrink: 0;\n flex-wrap: wrap;\n display: flex;\n max-width: 35%;\n justify-content: flex-end;\n "," {\n justify-content: flex-start;\n max-width: unset;\n }\n .copyright-image {\n &:not(:last-child) {\n margin-right: 0.5rem;\n }\n align-self: flex-start;\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n }\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .copyright-certificate {\n color: ",";\n "," {\n font-size: 11px;\n }\n "," {\n font-size: 12px;\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 14px;\n font-weight: ",";\n text-decoration: none;\n word-break: break-word;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n color: ",";\n\n "," {\n margin-bottom: 8px;\n font-size: 13px;\n line-height: 20px;\n }\n "," {\n margin-bottom: 12px;\n font-size: 14px;\n }\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n font-size: 12px;\n "," {\n font-size: 13px;\n }\n "," {\n font-size: 13px;\n }\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n word-break: break-word;\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div:not(:last-child) {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"],["\n background-color: #1b3250;\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 24px 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n max-height: 32px;\n margin-bottom: 24px;\n &[data-is-sehat='true'] {\n max-width: 250px;\n }\n\n img {\n object-fit: contain;\n }\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n p {\n font-size: 13px;\n }\n }\n\n "," {\n p {\n font-size: 12px;\n }\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n\n .social-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n .copyright-content {\n width: 90%;\n color: ",";\n font-size: 12px;\n }\n\n .copyright-image-wrapper {\n flex-shrink: 0;\n flex-wrap: wrap;\n display: flex;\n max-width: 35%;\n justify-content: flex-end;\n "," {\n justify-content: flex-start;\n max-width: unset;\n }\n .copyright-image {\n &:not(:last-child) {\n margin-right: 0.5rem;\n }\n align-self: flex-start;\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n }\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .copyright-certificate {\n color: ",";\n "," {\n font-size: 11px;\n }\n "," {\n font-size: 12px;\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 14px;\n font-weight: ",";\n text-decoration: none;\n word-break: break-word;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n color: ",";\n\n "," {\n margin-bottom: 8px;\n font-size: 13px;\n line-height: 20px;\n }\n "," {\n margin-bottom: 12px;\n font-size: 14px;\n }\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n font-size: 12px;\n "," {\n font-size: 13px;\n }\n "," {\n font-size: 13px;\n }\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n word-break: break-word;\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div:not(:last-child) {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"])),i.MediaQueries.mbDown,i.MediaQueries.mbDown,i.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.neutral500}),i.MediaQueries.mbUp,i.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),i.MediaQueries.mbUp,i.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),i.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),i.MediaQueries.mbDown,i.MediaQueries.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),i.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),i.MediaQueries.mbDown,i.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),i.MediaQueries.mbDown,i.MediaQueries.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),i.MediaQueries.mbUp),p=r.default.div(o||(o=n.__makeTemplateObject(["\n width: 32px;\n height: 32px;\n margin-right: 10px;\n\n &[data-is-mobile='true'] {\n width: 24px;\n height: 24px;\n }\n\n .country-flag {\n width: 100%;\n height: 100%;\n }\n"],["\n width: 32px;\n height: 32px;\n margin-right: 10px;\n\n &[data-is-mobile='true'] {\n width: 24px;\n height: 24px;\n }\n\n .country-flag {\n width: 100%;\n height: 100%;\n }\n"])));exports.StyledFlag=p,exports.StyledFooter=a;

package/build/components/organisms/footer/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),o=require("./discoverFooter/index.js"),r=require("./maryBabyFooter/index.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(e);exports.Footer=function(e){var t=e.type,a=e.isMobile,n=void 0===a||a,u=e.locale,l=e.footerInfo,s=e.isAmp,c=e.siteType,f=e.background;return"helloSites"===c?i.default.createElement(o.DiscoverFooter,{isAmp:s,isMobile:n,type:t,locale:u,footerInfo:l||{}}):i.default.createElement(r.MarryBabyFooter,{footerMenu:l,background:f})};

package/build/components/organisms/footer/maryBabyFooter/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../atoms/container/index.js"),a=require("../../../atoms/logo/index.js"),l=require("../../../../misc/theme.js"),r=require("../../../atoms/marryBabyText/index.js"),n=require("./index.styled.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=o(e);exports.MarryBabyFooter=function(e){var o,u=e.logoType,i=void 0===u?"marryBaby":u,d=e.footerMenu,m=e.background;if(!d)return null;var y=d.general,s=d.menu,f=d.socials;return c.default.createElement(n.StyledFooterContainer,{style:{backgroundColor:m||"none"}},c.default.createElement(n.StyledContainer,null,c.default.createElement(t.Container,null,c.default.createElement(n.StyledMenuContainer,null,null==s?void 0:s.map((function(e,t){var a=e.menu_title,o=e.items;return c.default.createElement(n.StyledWrapMenuItem,{key:"mbf".concat(t)},c.default.createElement(r.MarryBabyText,{className:"title",type:"subtitle-1",color:l.theme.mbColors.pink},a),null==o?void 0:o.map((function(e,t){var a=e.title,o=e.url;return c.default.createElement("a",{"data-event-category":"Footer","data-event-action":"Click","data-event-label":"".concat(o),className:"link",href:o,key:"footer-links-".concat(t)},c.default.createElement(n.StyledWrapItems,{key:"mbitem".concat(t)},c.default.createElement(r.MarryBabyText,{type:"bodytext-2",color:l.theme.mbColors.gray},a)))})))})))),c.default.createElement(t.Container,null,c.default.createElement(n.StyledWrapInfo,null,c.default.createElement(a.Logo,{className:"logo",type:i}),c.default.createElement("div",{className:"content"},c.default.createElement(r.MarryBabyText,{type:"bodytext-2",color:l.theme.mbColors.gray},null==y?void 0:y.content)),c.default.createElement("div",{className:"social-link"},null==f?void 0:f.map((function(e,t){var a=e.icon,l=e.name,r=e.url;return c.default.createElement("a",{key:"social".concat(t),target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - ".concat(l),"data-content-label":l,href:r},c.default.createElement("img",{loading:"lazy",src:a,alt:l}))}))))),c.default.createElement(n.StyledWrapCopyRight,null,c.default.createElement(t.Container,null,c.default.createElement("div",{className:"content"},c.default.createElement(r.MarryBabyText,{type:"bodytext-3",color:l.theme.colors.white},null==y?void 0:y.copyright),c.default.createElement("div",{className:"verify"},null===(o=null==y?void 0:y.verified)||void 0===o?void 0:o.map((function(e,t){var a=e.image,l=e.url;return c.default.createElement("img",{loading:"lazy",key:"imgMbFt".concat(t),src:a,alt:l})}))))))))};

package/build/components/organisms/footer/maryBabyFooter/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 i,a,o,p,r,l,s,d=t(require("styled-components")),x=d.default.footer(i||(i=n.__makeTemplateObject(["\n position: relative;\n overflow: hidden;\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n }\n\n a {\n text-decoration: none;\n }\n a :hover {\n color: ",";\n }\n"],["\n position: relative;\n overflow: hidden;\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n }\n\n a {\n text-decoration: none;\n }\n a :hover {\n color: ",";\n }\n"])),(function(n){return n.theme.mbColors.cobalt})),c=d.default.div(a||(a=n.__makeTemplateObject(["\n position: relative;\n padding: 80px 0 40px;\n margin: auto 68px;\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n\n border-bottom: 1px solid ",";\n\n "," {\n margin: auto 16px;\n flex-wrap: wrap;\n row-gap: 32px;\n column-gap: 16px;\n }\n\n "," {\n margin: auto 0;\n }\n"],["\n position: relative;\n padding: 80px 0 40px;\n margin: auto 68px;\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n\n border-bottom: 1px solid ",";\n\n "," {\n margin: auto 16px;\n flex-wrap: wrap;\n row-gap: 32px;\n column-gap: 16px;\n }\n\n "," {\n margin: auto 0;\n }\n"])),(function(n){return n.theme.colors.neutral200}),e.MediaQueries.tdDown,e.MediaQueries.mbDown),m=d.default.div(o||(o=n.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n gap: 12px;\n flex-direction: column;\n\n "," {\n flex: 1 1 160px;\n }\n .title {\n padding-bottom: 4px;\n }\n"],["\n display: flex;\n justify-content: space-between;\n gap: 12px;\n flex-direction: column;\n\n "," {\n flex: 1 1 160px;\n }\n .title {\n padding-bottom: 4px;\n }\n"])),e.MediaQueries.mbDown),u=d.default.div(p||(p=n.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n gap: 12px;\n flex-direction: column;\n"],["\n display: flex;\n justify-content: space-between;\n gap: 12px;\n flex-direction: column;\n"]))),g=d.default.div(r||(r=n.__makeTemplateObject(["\n padding: 40px 0;\n position: relative;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n flex-direction: column;\n text-align: center;\n\n .content {\n max-width: 680px;\n width: 100%;\n }\n .social-link {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 4px;\n\n img {\n width: 32px;\n height: 32px;\n }\n }\n\n "," {\n padding: 32px 0;\n }\n"],["\n padding: 40px 0;\n position: relative;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n flex-direction: column;\n text-align: center;\n\n .content {\n max-width: 680px;\n width: 100%;\n }\n .social-link {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 4px;\n\n img {\n width: 32px;\n height: 32px;\n }\n }\n\n "," {\n padding: 32px 0;\n }\n"])),e.MediaQueries.mbDown),f=d.default.div(l||(l=n.__makeTemplateObject(["\n background-color: ",";\n padding: 16px 0;\n position: relative;\n\n img {\n width: 89px;\n height: 32px;\n }\n .content {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 174px;\n margin: auto 68px;\n\n "," {\n margin: auto 16px;\n }\n\n "," {\n flex-direction: column-reverse;\n gap: 16px;\n align-items: flex-start;\n margin: auto 0;\n }\n }\n\n .verify {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n }\n"],["\n background-color: ",";\n padding: 16px 0;\n position: relative;\n\n img {\n width: 89px;\n height: 32px;\n }\n .content {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 174px;\n margin: auto 68px;\n\n "," {\n margin: auto 16px;\n }\n\n "," {\n flex-direction: column-reverse;\n gap: 16px;\n align-items: flex-start;\n margin: auto 0;\n }\n }\n\n .verify {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n }\n"])),(function(n){return n.theme.mbColors.dark}),e.MediaQueries.tdDown,e.MediaQueries.mbDown),b=d.default.div(s||(s=n.__makeTemplateObject(["\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: ",";\n border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n content: '';\n transform: translateX(-50%);\n }\n\n "," {\n &:before {\n width: 100%;\n }\n }\n"],["\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: ",";\n border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n content: '';\n transform: translateX(-50%);\n }\n\n "," {\n &:before {\n width: 100%;\n }\n }\n"])),(function(n){return n.theme.mbColors.lightGray}),e.MediaQueries.mbDown);exports.StyledContainer=b,exports.StyledFooterContainer=x,exports.StyledMenuContainer=c,exports.StyledWrapCopyRight=f,exports.StyledWrapInfo=g,exports.StyledWrapItems=u,exports.StyledWrapMenuItem=m;

package/build/components/organisms/heroBannerHealthTool/healthToolBanner.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../atoms/heading/index.js"),a=require("../../atoms/text/index.js"),l=require("./index.js"),n=require("../../../hooks/useTranslations.js"),r=require("../../../misc/theme.js"),i=require("../../../together/api/dataTransform.js"),o=require("./index.styled.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=d(e);exports.HealthToolHeroBanner=function(e){var d,u,c,m=e.backgroundDesktopSrc,v=e.backgroundMobileSrc,f=e.title,y=e.className,h=e.isSide,p=e.isAmp,g=e.ovulationContent,_=n.useTranslations().t,w=i.formatUserProfileUrl(null==g?void 0:g.reviewed_by);return s.default.createElement(o.StyledHealthToolHeroContainer,{className:y,"data-is-side":h},s.default.createElement(o.StyledHealthToolBannerContainer,{style:{backgroundImage:"url('".concat(v||m,"')")}},s.default.createElement(o.StyledHealthToolBannerTextContainer,null,s.default.createElement(t.Heading,{tag:"h5",color:"white"},f),(null===(d=null==g?void 0:g.reviewed_by)||void 0===d?void 0:d.display_name)?s.default.createElement(a.Text,{size:"n1",color:"white",style:{marginTop:"0.3rem"}},s.default.createElement("span",{dangerouslySetInnerHTML:{__html:_("articlePage.articleReviewerBy",{name:'<a\n style="color: white"\n href="'.concat(w,'"\n >\n ').concat(g.reviewed_by.display_name,"\n </a>")})}}),s.default.createElement("span",null,_("tools.heading.on")),s.default.createElement("span",null,null==g?void 0:g.reviewed_date)):null),s.default.createElement(o.StyledHealthToolBannerIconContainer,{"data-is-side":h},p?s.default.createElement("amp-img",{src:(null==g?void 0:g.featured_image)||"",alt:f,width:"100%",height:"100%"}):s.default.createElement("img",{src:(null==g?void 0:g.featured_image)||"",style:{width:"100%",objectFit:"contain",marginTop:"20px"},alt:f}))),s.default.createElement(l.HeroBanner,{className:"desktop-only",src:(null==g?void 0:g.featured_image)||"",backgroundSrc:m||v||"",title:f,reviewedSection:(null===(u=null==g?void 0:g.reviewed_by)||void 0===u?void 0:u.display_name)&&""!==(null===(c=null==g?void 0:g.reviewed_by)||void 0===c?void 0:c.display_name)&&s.default.createElement(a.Text,{size:"n1",color:r.theme.colors.white,style:{marginTop:12}},s.default.createElement("span",{dangerouslySetInnerHTML:{__html:_("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(w,'"\n >\n ').concat(g.reviewed_by.display_name,"\n </a>"),date:null==g?void 0:g.reviewed_date})}}),s.default.createElement("span",null)),isSide:h}))};

package/build/components/organisms/heroBannerHealthTool/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../atoms/heading/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.HeroBanner=function(e){var r=e.src,l=e.title,d=e.backgroundSrc,i=e.className,c=e.reviewedSection,o=e.isAmp,u=e.isSide;return n.default.createElement(a.StyledHeroBanner,{className:i},n.default.createElement(a.StyledHeroBackground,{style:{backgroundImage:'url("'.concat(d,'")')}},n.default.createElement(a.StyledHeroContentContainer,{"data-is-side":u},n.default.createElement(a.StyledHeroInfoContainer,{"data-is-side":u},n.default.createElement(t.Heading,{tag:"h4",color:"white"},l),c),n.default.createElement(a.StyledHeroBannerContainer,null,o?n.default.createElement("amp-img",{src:r||"",alt:l,width:"140",height:"140"}):n.default.createElement("img",{src:r||"",style:{objectFit:"contain"},alt:l})))))};

package/build/components/organisms/heroBannerHealthTool/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 i=t(require("styled-components")),o=i.default.div(c||(c=n.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),a=i.default.div(u||(u=n.__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n background-position: center bottom;\n background-repeat: no-repeat;\n background-size: cover;\n"],["\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n background-position: center bottom;\n background-repeat: no-repeat;\n background-size: cover;\n"]))),d=i.default.div(m||(m=n.__makeTemplateObject(["\n display: flex;\n width: 100%;\n max-width: 1170px;\n flex-direction: column;\n justify-content: space-between;\n padding: 23px 40px;\n "," {\n flex-direction: row;\n }\n"],["\n display: flex;\n width: 100%;\n max-width: 1170px;\n flex-direction: column;\n justify-content: space-between;\n padding: 23px 40px;\n "," {\n flex-direction: row;\n }\n"])),e.MediaQueries.mbUp),p=i.default.div(g||(g=n.__makeTemplateObject(["\n margin-bottom: 1rem;\n "," {\n padding-bottom: 10px;\n max-width: 540px;\n margin-right: 2rem;\n padding-top: 13px;\n &[data-is-side='true'] {\n max-width: calc(100% - 120px);\n }\n }\n"],["\n margin-bottom: 1rem;\n "," {\n padding-bottom: 10px;\n max-width: 540px;\n margin-right: 2rem;\n padding-top: 13px;\n &[data-is-side='true'] {\n max-width: calc(100% - 120px);\n }\n }\n"])),e.MediaQueries.mbUp),r=i.default.div(b||(b=n.__makeTemplateObject(["\n position: absolute;\n z-index: 0;\n right: 16px;\n bottom: -35px;\n display: flex;\n align-items: center;\n "," {\n text-align: unset;\n img {\n width: 190px;\n height: 155px;\n }\n &[data-is-side='true'] {\n width: 70px;\n }\n }\n\n "," {\n width: 70px;\n }\n text-align: center;\n"],["\n position: absolute;\n z-index: 0;\n right: 16px;\n bottom: -35px;\n display: flex;\n align-items: center;\n "," {\n text-align: unset;\n img {\n width: 190px;\n height: 155px;\n }\n &[data-is-side='true'] {\n width: 70px;\n }\n }\n\n "," {\n width: 70px;\n }\n text-align: center;\n"])),e.MediaQueries.mbUp,e.MediaQueries.mbDown),l=i.default.div(h||(h=n.__makeTemplateObject(["\n width: 100%;\n .desktop-only {\n &[data-is-side='true'] {\n display: none;\n padding-bottom: 24px;\n }\n "," {\n display: none;\n padding-bottom: 24px;\n }\n }\n"],["\n width: 100%;\n .desktop-only {\n &[data-is-side='true'] {\n display: none;\n padding-bottom: 24px;\n }\n "," {\n display: none;\n padding-bottom: 24px;\n }\n }\n"])),e.MediaQueries.mbDown),s=i.default.div(w||(w=n.__makeTemplateObject(["\n display: flex;\n position: relative;\n width: 100%;\n padding: 0 16px;\n background-position: bottom center;\n background-repeat: no-repeat;\n background-size: cover;\n align-items: center;\n "," {\n display: none;\n }\n"],["\n display: flex;\n position: relative;\n width: 100%;\n padding: 0 16px;\n background-position: bottom center;\n background-repeat: no-repeat;\n background-size: cover;\n align-items: center;\n "," {\n display: none;\n }\n"])),e.MediaQueries.mbUp),x=i.default.div(f||(f=n.__makeTemplateObject(["\n position: relative;\n width: 28%;\n margin-left: auto;\n &[data-is-side='true'] {\n width: 140px;\n height: 105px;\n }\n "," {\n width: 140px;\n height: 105px;\n }\n"],["\n position: relative;\n width: 28%;\n margin-left: auto;\n &[data-is-side='true'] {\n width: 140px;\n height: 105px;\n }\n "," {\n width: 140px;\n height: 105px;\n }\n"])),e.MediaQueries.mbDown);i.default.div(y||(y=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n padding-top: 71.72%;\n background-position: top center;\n background-repeat: no-repeat;\n background-size: 100%;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n padding-top: 71.72%;\n background-position: top center;\n background-repeat: no-repeat;\n background-size: 100%;\n"])));var c,u,m,g,b,h,w,f,y,k,v=i.default.div(k||(k=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n padding: 0px 0 8px 0;\n"],["\n position: relative;\n width: 100%;\n padding: 0px 0 8px 0;\n"])));exports.StyledHealthToolBannerContainer=s,exports.StyledHealthToolBannerIconContainer=x,exports.StyledHealthToolBannerTextContainer=v,exports.StyledHealthToolHeroContainer=l,exports.StyledHeroBackground=a,exports.StyledHeroBanner=o,exports.StyledHeroBannerContainer=r,exports.StyledHeroContentContainer=d,exports.StyledHeroInfoContainer=p;

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

@@ -4,3 +4,8 @@ export { Footer } from './footer';
 export { NavigationLogoutPopup, Props as NavigationLogoutPopupProps, } from './navigationLogoutPopup';
 export { ProfilePopup, Props as ProfilePopupProps, } from './navigationProfileButton/profilePopup';
 export { NavigationProfileButton, Props as NavigationProfileButtonProps, } from './navigationProfileButton';
+export { PregnancyWeightGainChart } from './pregnancyWeightGainChart';
+export type { PregnancyWeightGainChartProps } from './pregnancyWeightGainChart';
+export { BabyGrowthChart, LABELS_PERCENTILE, LABELS_Z_SCORE, } from './babyGrowthChart';
+export type { BabyGrowthChartProps, AxisType } from './babyGrowthChart';
+export * from './babyGrowthChart/chartConfig';

package/build/components/organisms/navigationBookingButton/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../atoms/button/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.NavigationBookingButton=function(e){var r=e.onCareHeaderClick,o=e.currentUrl,l=e.careUrlFe,i=e.btnName;return n.default.createElement(a.StyledButtonBooking,null,r?n.default.createElement(t.Button,{className:"login-btn-mobile",size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:o,onClick:function(e){return r(e)}},i):n.default.createElement("a",{href:l,className:"care-button no-replace-click"},n.default.createElement(t.Button,{className:"login-btn-mobile",size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:o},i)))};

package/build/components/organisms/navigationBookingButton/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js');function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t,o=n(require("styled-components")).default.div(t||(t=e.__makeTemplateObject(["\n a {\n text-decoration: none;\n }\n .login-btn-mobile {\n padding-left: 10px;\n padding-right: 10px;\n }\n"],["\n a {\n text-decoration: none;\n }\n .login-btn-mobile {\n padding-left: 10px;\n padding-right: 10px;\n }\n"])));exports.StyledButtonBooking=o;

package/build/components/organisms/navigationLogoutPopup/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@mantine/core"),o=require("../../atoms/button/index.js"),l=require("../../molecules/popup/index.js"),s=require("../../../hooks/useTranslations.js"),u=require("../../../misc/gAssets/index.js"),n=require("./index.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);exports.NavigationLogoutPopup=function(a){var c=a.openLogoutPopup,i=a.onCloseHandler,p=a.onLogoutHandler,m=a.siteType,d=void 0===m?"helloSites":m,g=s.useTranslations().t;return e.useEffect((function(){document.body.classList.toggle("noscroll",c)}),[c]),r.default.createElement(t.Portal,null,r.default.createElement(l.Popup,{type:"confirm",isOpen:c,closeIcon:r.default.createElement("img",{src:u.CommonGAssets.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon"}),onClose:i},r.default.createElement(n.StyledPopup,null,"helloSites"===d&&r.default.createElement("img",{src:u.CommonGAssets.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account"}),r.default.createElement("h2",null,g("helloSites"===d?"logout.popup.ask1":"logout.popup.ask.mb")),r.default.createElement("p",null,g("logout.popup.ask2")),r.default.createElement(n.StyledButtonGroup,{siteType:d},r.default.createElement(o.Button,{className:"logout-button",color:"tertiary",size:"lg",onClick:p},g("logout.popup.button.logout")),r.default.createElement(o.Button,{className:"cancel-button",color:"primary",size:"lg",onClick:i},g("logout.popup.button.cancel"))))))};

package/build/components/organisms/navigationLogoutPopup/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

package/build/components/organisms/navigationProfileButton/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../externals/tslib/tslib.es6.js'),t=require("react"),o=require("../../atoms/avatar/index.js"),a=require("../../atoms/button/index.js"),n=require("../../atoms/text/index.js"),r=require("../../../hooks/useCSSFocusPopupHelper.js"),l=require("../../../hooks/useTranslations.js"),s=require("../../../misc/gAssets/index.js"),i=require("../../../misc/theme.js"),u=require("../navigationLogoutPopup/index.js"),c=require("./index.styled.js"),d=require("./profilePopup.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=m(t);exports.NavigationProfileButton=function(m){var p=m.userInfo,f=m.siteType,v=m.isAmp,h=m.onLoginClick,y=m.SSO_URL,b=m.currentUrl,E=m.isMinifyLogin,P=m.enableCare,C=m.enableTogether,L=m.enableEcom,A=m.isUserProfileNavigatorMenuHidden,S=m.UP_BASEPATH,k=m.isMyHealthEnabled,x=m.togetherApiDomain,j=m.onLogout,B=m.style,_=m.userProfileRouterPush,q=m.isLoading,w=m.locale,U=l.useTranslations().t,H=t.useState(!1),M=H[0],N=H[1],T=(null==p?void 0:p.name)||(null==p?void 0:p.username),F=t.useState(!1),z=F[0],D=F[1];t.useEffect((function(){D(!0)}),[]);var O=r.useCSSFocusPopupHelper(),R=O.containerRef,I=O.onContainerFocus,G=O.onContainerBlur,J=O.onButtonMouseDown,W=O.onClose;return q&&!v?g.default.createElement(a.Button,{size:"sm",color:"transparent",isLoading:!0}):(null==p?void 0:p.id)?g.default.createElement(g.default.Fragment,null,g.default.createElement(c.StyledImageWrapper,{ref:R,href:v?"".concat(y,"user/profile"):void 0,style:B,tabIndex:0,onBlur:G,onFocus:I},g.default.createElement("div",{onMouseDown:J},g.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"user-close-icon"},g.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),g.default.createElement(o.Avatar,{type:"rounded",size:"medium",className:"user-avatar",avatarUrl:null==p?void 0:p.avatar,firstLetter:T&&T.length?T[0].toUpperCase():"A",backgroundColor:"marryBaby"===f?i.theme.mbColors.pink:i.theme.colors.secondaryBase,isAmp:v})),!v&&g.default.createElement(d.ProfilePopup,{UP_BASEPATH:S,SSO_URL:y,dispatchLogout:function(){W(),N(!0)},isOpen:!1,isMyHealthEnabled:k,enableCare:P,enableTogether:C,enableEcom:L,closePopup:W,userInfo:p,siteType:f,isUserProfileNavigatorMenuHidden:A,togetherApiDomain:x,userProfileRouterPush:_,locale:w})),!v&&g.default.createElement(u.NavigationLogoutPopup,{openLogoutPopup:M,onCloseHandler:function(){document.body.classList.toggle("noscroll",!1),N(!1)},siteType:f,onLogoutHandler:function(){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return N(!1),document.body.classList.toggle("noscroll",!1),[4,j()];case 1:return e.sent(),[2]}}))}))}})):g.default.createElement(c.StyledLoggedOutAnchor,{style:e.__assign({textDecoration:"none"},B),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":b,href:v?"".concat(y,"?returnUrl=").concat(b.replace("?amp=1","")):z?void 0:"".concat(y,"?returnUrl=").concat(b),"data-site-type":f},E?g.default.createElement(c.StyledAvatar,{onClick:h},g.default.createElement("img",{"data-src":s.CommonGAssets.getAssetPath("lock.png"),className:"avatar lazy",alt:"avatar"})):g.default.createElement(g.default.Fragment,null,"helloSites"===f&&g.default.createElement("img",{className:"mobile-only",src:s.CommonGAssets.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:h}),"marryBaby"===f&&g.default.createElement("div",{className:"mobile-only",onClick:h,style:{paddingLeft:16}},g.default.createElement(n.Text,{size:"p3",color:i.theme.mbColors.pink},U("navigation.loginJoin"))),g.default.createElement(a.Button,{className:"login-btn",size:"md",color:"tertiary",onClick:h,icon:g.default.createElement("img",{src:s.CommonGAssets.getAssetPath("login.svg"),width:18,height:18}),theme:f},U("navigation.loginJoin"))))};

package/build/components/organisms/navigationProfileButton/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("../../../misc/utils.js"),i=require("../../../misc/defaultClassWrapper.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a=o(require("styled-components")),r=a.default.div(h||(h=n.__makeTemplateObject(["\n position: absolute;\n right: 0;\n background-color: ",";\n\n &[data-animation='true'] {\n transition: all 0.5s ease-in-out;\n }\n\n &[data-open='true'] {\n z-index: 200;\n top: 120%;\n opacity: 1;\n visibility: visible;\n }\n\n &[data-open='false'] {\n display: none;\n }\n\n &[data-type='lead'] {\n width: 332px;\n height: 460px;\n\n div {\n top: -15px;\n right: -15px;\n }\n }\n\n &[data-type='welcome'] {\n position: fixed;\n "," {\n width: 100%;\n height: 424px;\n bottom: 0;\n top: unset;\n }\n "," {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n min-height: 445px;\n max-width: 407px;\n }\n }\n\n &[data-type='due-date'] {\n position: fixed;\n "," {\n width: 100%;\n height: 100%;\n overflow-y: scroll;\n bottom: 0;\n top: unset;\n }\n "," {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100vw;\n height: 55vw;\n max-height: 598px;\n max-width: 1080px;\n }\n }\n\n .popup-content {\n z-index: 111;\n height: 100%;\n "," {\n max-height: calc(100vh - var(--header-bottom, 64px));\n }\n overflow: auto;\n }\n\n &[data-type='form'] {\n width: 496px;\n height: 548px;\n }\n\n &[data-type='confirm'] {\n width: 380px;\n height: 252px;\n }\n\n &[data-type='profile'] {\n /* min-height: 415px; */\n "," {\n border-radius: 6px;\n box-shadow: 0px 4px 8px ",";\n &:before {\n position: absolute;\n right: 11px;\n bottom: 100%;\n width: 0;\n height: 0;\n border: 0.5rem solid transparent;\n border-top: none;\n border-bottom-color: #fff;\n content: '';\n filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n }\n }\n "," {\n position: fixed;\n left: 0;\n width: 100%;\n border-top: 1px solid ",";\n }\n "," {\n width: 368px;\n }\n }\n\n .close-button {\n position: absolute;\n top: 0;\n right: 0;\n width: 32px;\n height: 32px;\n cursor: pointer;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n"],["\n position: absolute;\n right: 0;\n background-color: ",";\n\n &[data-animation='true'] {\n transition: all 0.5s ease-in-out;\n }\n\n &[data-open='true'] {\n z-index: 200;\n top: 120%;\n opacity: 1;\n visibility: visible;\n }\n\n &[data-open='false'] {\n display: none;\n }\n\n &[data-type='lead'] {\n width: 332px;\n height: 460px;\n\n div {\n top: -15px;\n right: -15px;\n }\n }\n\n &[data-type='welcome'] {\n position: fixed;\n "," {\n width: 100%;\n height: 424px;\n bottom: 0;\n top: unset;\n }\n "," {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n min-height: 445px;\n max-width: 407px;\n }\n }\n\n &[data-type='due-date'] {\n position: fixed;\n "," {\n width: 100%;\n height: 100%;\n overflow-y: scroll;\n bottom: 0;\n top: unset;\n }\n "," {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100vw;\n height: 55vw;\n max-height: 598px;\n max-width: 1080px;\n }\n }\n\n .popup-content {\n z-index: 111;\n height: 100%;\n "," {\n max-height: calc(100vh - var(--header-bottom, 64px));\n }\n overflow: auto;\n }\n\n &[data-type='form'] {\n width: 496px;\n height: 548px;\n }\n\n &[data-type='confirm'] {\n width: 380px;\n height: 252px;\n }\n\n &[data-type='profile'] {\n /* min-height: 415px; */\n "," {\n border-radius: 6px;\n box-shadow: 0px 4px 8px ",";\n &:before {\n position: absolute;\n right: 11px;\n bottom: 100%;\n width: 0;\n height: 0;\n border: 0.5rem solid transparent;\n border-top: none;\n border-bottom-color: #fff;\n content: '';\n filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n }\n }\n "," {\n position: fixed;\n left: 0;\n width: 100%;\n border-top: 1px solid ",";\n }\n "," {\n width: 368px;\n }\n }\n\n .close-button {\n position: absolute;\n top: 0;\n right: 0;\n width: 32px;\n height: 32px;\n cursor: pointer;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n"])),(function(n){return n.theme.colors.white}),t.MediaQueries.mbDown,t.MediaQueries.mbUp,t.MediaQueries.mbDown,t.MediaQueries.mbUp,t.MediaQueries.mbDown,t.MediaQueries.mbUp,(function(n){return n.theme.colors.gray200}),t.MediaQueries.mbDown,e.theme.colors.neutral100,t.MediaQueries.mbUp),p="hhgcomp-navprofilebutton-popup",d=i.getDefaultClassWrapper(r,p),l=a.default.div(x||(x=n.__makeTemplateObject(["\n position: fixed;\n z-index: 150;\n top: var(--header-bottom, 69px);\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n\n "," {\n background-color: transparent;\n &[data-type='welcome'] {\n background: rgba(38, 38, 38, 0.3);\n }\n &[data-type='due-date'] {\n background: rgba(38, 38, 38, 0.3);\n }\n }\n\n "," {\n background: rgba(38, 38, 38, 0.3);\n }\n\n &[data-type='welcome'] {\n top: 0;\n }\n\n &[data-open='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: 150;\n top: var(--header-bottom, 69px);\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n\n "," {\n background-color: transparent;\n &[data-type='welcome'] {\n background: rgba(38, 38, 38, 0.3);\n }\n &[data-type='due-date'] {\n background: rgba(38, 38, 38, 0.3);\n }\n }\n\n "," {\n background: rgba(38, 38, 38, 0.3);\n }\n\n &[data-type='welcome'] {\n top: 0;\n }\n\n &[data-open='false'] {\n display: none;\n }\n"])),t.MediaQueries.mbUp,t.MediaQueries.mbDown),s="hhgcomp-navprofilebutton-popupwrapper";i.getDefaultClassWrapper(l,s);var h,x,u,c,b,g=a.default.div(u||(u=n.__makeTemplateObject(["\n width: 40px;\n height: 40px;\n cursor: pointer;\n\n img {\n border-radius: 50%;\n }\n\n .avatar {\n width: 40px;\n height: 40px;\n object-fit: cover;\n }\n\n .avatar-default {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n color: white;\n font-size: 20px;\n font-weight: bold;\n }\n"],["\n width: 40px;\n height: 40px;\n cursor: pointer;\n\n img {\n border-radius: 50%;\n }\n\n .avatar {\n width: 40px;\n height: 40px;\n object-fit: cover;\n }\n\n .avatar-default {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n color: white;\n font-size: 20px;\n font-weight: bold;\n }\n"])),(function(n){return n.theme.colors.secondaryBase})),m=a.default.a(c||(c=n.__makeTemplateObject(["\n display: inline-flex;\n position: relative;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n flex-shrink: 0;\n\n .user-close-icon {\n display: none;\n }\n &:focus-within {\n .user-close-icon {\n display: block;\n }\n .user-avatar {\n display: none;\n }\n ."," {\n z-index: 200;\n top: 120%;\n opacity: 1;\n visibility: visible;\n display: initial;\n &[data-type='profile'] {\n "," {\n top: 100%;\n }\n }\n }\n ."," {\n display: initial;\n }\n }\n"],["\n display: inline-flex;\n position: relative;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n flex-shrink: 0;\n\n .user-close-icon {\n display: none;\n }\n &:focus-within {\n .user-close-icon {\n display: block;\n }\n .user-avatar {\n display: none;\n }\n ."," {\n z-index: 200;\n top: 120%;\n opacity: 1;\n visibility: visible;\n display: initial;\n &[data-type='profile'] {\n "," {\n top: 100%;\n }\n }\n }\n ."," {\n display: initial;\n }\n }\n"])),p,t.MediaQueries.mbDown,s),f=a.default.a(b||(b=n.__makeTemplateObject(["\n display: inline-flex;\n .login-btn[data-color='tertiary'][data-size='md'] {\n padding-left: 12px;\n padding-right: 12px;\n }\n .mobile-only {\n "," {\n display: none;\n }\n }\n .login-btn {\n padding-left: 10px;\n padding-right: 10px;\n display: none;\n "," {\n display: block;\n }\n }\n"],["\n display: inline-flex;\n .login-btn[data-color='tertiary'][data-size='md'] {\n padding-left: 12px;\n padding-right: 12px;\n }\n .mobile-only {\n "," {\n display: none;\n }\n }\n .login-btn {\n padding-left: 10px;\n padding-right: 10px;\n display: none;\n "," {\n display: block;\n }\n }\n"])),t.MediaQueries.mbUp,t.MediaQueries.mbUp);exports.StyledAvatar=g,exports.StyledImageWrapper=m,exports.StyledLoggedOutAnchor=f,exports.StyledPopup=d,exports.StyledPopupClass=p,exports.StyledPopupWrapperClass=s,exports._StyledPopup=r,exports._StyledPopupWrapper=l;

package/build/components/organisms/navigationProfileButton/popupWrapper.js ADDED Viewed

@@ -0,0 +1 @@

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

package/build/components/organisms/navigationProfileButton/profilePopup.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),o=require("../userProfileNavigation/index.js"),t=require("./popupWrapper.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e);exports.ProfilePopup=function(e){var n=e.SSO_URL,a=e.UP_BASEPATH,r=e.isOpen,l=e.targetAvatar,u=e.userInfo,c=e.enableCare,s=e.enableTogether,f=e.enableEcom,p=e.closePopup,d=e.siteType,P=void 0===d?"helloSites":d,g=e.dispatchLogout,v=e.userProfileRouterPush,b=e.isUserProfileNavigatorMenuHidden,h=e.isMyHealthEnabled,m=void 0!==h&&h,A=e.togetherApiDomain,C=e.locale,E=function(e){v?v("/".concat(e)):n&&(window.location.href="".concat(n).concat(a,"/").concat(e))},y=function(e){E(e),p()};return i.default.createElement(t.Popup,{isOpen:r,type:"profile",enableAnimation:!0,targetAvatar:l,onClose:p},i.default.createElement(o.UserProfileNavigation,{SSO_URL:n,UP_BASEPATH:a,themeName:P,userInfo:u,enableCare:c,enableTogether:s,enableEcom:f,onClickLogout:function(){g&&(g(),p())},onClickMenuItem:y,onClickNavigationCard:y,onClickMyProfileButton:function(){E("profile"),p()},isUserProfileNavigatorMenuHidden:b,isMyHealthEnabled:m,togetherApiDomain:A,locale:C}))};

package/build/components/organisms/navigationV2/components/atoms/ClosePopupIcon.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.ClosePopupIcon=function(e){var n=e.className,d=e.ampHidden,a=e.ampBindHiddenCondition;return t.default.createElement("div",{"data-amp-bind-hidden":a,hidden:d},t.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n},t.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))};

package/build/components/organisms/navigationV2/components/atoms/HamburgerIcon.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../../misc/gAssets/index.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(e);exports.HamburgerIcon=function(e){var a=e.siteType,n=e.type,r=e.enableSearch,i=e.className,l=e.ampBindHiddenCondition;return"helloSites"===a?s.default.createElement("div",{"data-amp-bind-hidden":l},s.default.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:r?t.CommonGAssets.getAssetPath("hamburgerMenuNewWithSearch.svg"):t.CommonGAssets.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:n,className:i})):s.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:i},s.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.34961 15C3.34961 14.641 3.64062 14.35 3.99961 14.35L13.9996 14.35C14.3586 14.35 14.6496 14.641 14.6496 15C14.6496 15.359 14.3586 15.65 13.9996 15.65L3.99961 15.65C3.64062 15.65 3.34961 15.359 3.34961 15ZM3.34961 8.99999C3.34961 8.64101 3.64062 8.34999 3.99961 8.34999L19.9992 8.34999C20.3582 8.34999 20.6492 8.64101 20.6492 8.99999C20.6492 9.35898 20.3582 9.64999 19.9992 9.64999L3.99961 9.64999C3.64062 9.64999 3.34961 9.35898 3.34961 8.99999Z",fill:"#3E3F58"}))};

package/build/components/organisms/navigationV2/components/atoms/ItemNav/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../../../hooks/useCSSFocusPopupHelper.js"),a=require("../../../../../../hooks/useIsInit.js"),n=require("./index.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(e);exports.ItemMenu=function(e){var l=e.item,r=e.menu,u=t.useCSSFocusPopupHelper({allowBgScroll:!0}),i=u.containerRef,d=u.onContainerFocus,c=u.onContainerBlur,s=u.onButtonMouseDown,m=u.onClose,p=a.useIsInit();return!l.popupType&&l.link?o.default.createElement(n.StyledHeaderMenuItem,{className:p?"":"menu-handler-".concat(l.id),tabIndex:0,as:"a",href:l.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":l.link},o.default.createElement(n.StyledMenuButton,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":l.link},l.name)):o.default.createElement(n.StyledHeaderMenuItem,{ref:i,className:p?"":"menu-handler-".concat(l.id),tabIndex:0,key:l.id,onBlur:c,onFocus:d,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":l.link},o.default.createElement(n.StyledMenuButton,{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":l.link,onMouseDown:s},l.name,l.popupType&&o.default.createElement(n.StyledMenuIconWrapper,null,o.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),o.default.isValidElement(r)?o.default.cloneElement(r,{onClose:m}):null)};

package/build/components/organisms/navigationV2/components/atoms/ItemNav/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/defaultClassWrapper.js"),t=require("styled-components"),r=require("../PopupWrapper/index.styled.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,s,a,l=o(t),p=l.default.div(i||(i=n.__makeTemplateObject(["\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n border-bottom: 1px solid #ffffff;\n text-decoration: none;\n cursor: pointer;\n\n & > div {\n display: flex;\n align-items: center;\n\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n user-select: none;\n }\n\n color: ",";\n\n div[data-site-type='marryBaby'] & {\n color: ",";\n }\n &:focus-within {\n color: ",";\n border-bottom: 1px solid ",";\n svg path {\n stroke: ",";\n }\n div[data-site-type='marryBaby'] & {\n color: ",";\n border-bottom: 1px solid ",";\n svg path {\n stroke: ",";\n }\n svg:hover path {\n stroke: ",";\n }\n }\n\n ."," {\n visibility: initial;\n opacity: 1;\n }\n }\n &:not(:focus-within) {\n ."," {\n img {\n display: none;\n }\n }\n }\n\n .care-navigator {\n color: ",";\n font-size: 14px;\n font-weight: 700;\n }\n"],["\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n border-bottom: 1px solid #ffffff;\n text-decoration: none;\n cursor: pointer;\n\n & > div {\n display: flex;\n align-items: center;\n\n font-size: ",";\n font-weight: ",";\n line-height: 22px;\n\n user-select: none;\n }\n\n color: ",";\n\n div[data-site-type='marryBaby'] & {\n color: ",";\n }\n &:focus-within {\n color: ",";\n border-bottom: 1px solid ",";\n svg path {\n stroke: ",";\n }\n div[data-site-type='marryBaby'] & {\n color: ",";\n border-bottom: 1px solid ",";\n svg path {\n stroke: ",";\n }\n svg:hover path {\n stroke: ",";\n }\n }\n\n ."," {\n visibility: initial;\n opacity: 1;\n }\n }\n &:not(:focus-within) {\n ."," {\n img {\n display: none;\n }\n }\n }\n\n .care-navigator {\n color: ",";\n font-size: 14px;\n font-weight: 700;\n }\n"])),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.secondaryDark}),(function(n){return n.theme.mbColors.dark}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.midGray}),(function(n){return n.theme.mbColors.pink}),r.StyledMenuPopupWrapperClass,r.StyledMenuPopupWrapperClass,(function(n){return n.theme.colors.secondaryDark})),c="hhgcomp-navigation-itemnav-headeritem",d=e.getDefaultClassWrapper(p,c),u=l.default.div(s||(s=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),f=l.default.div(a||(a=n.__makeTemplateObject(["\n cursor: pointer;\n * {\n pointer-events: none;\n }\n"],["\n cursor: pointer;\n * {\n pointer-events: none;\n }\n"])));exports.StyledHeaderMenuItem=d,exports.StyledHeaderMenuItemClass=c,exports.StyledMenuButton=f,exports.StyledMenuIconWrapper=u,exports._StyledHeaderMenuItem=p;

package/build/components/organisms/navigationV2/components/atoms/PopupWrapper/btnClosePopup.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);exports.BtnClosePopup=function(e){var r=e.onClosePopup;return o.default.createElement(t.StyledCloseWrapper,{className:"close-btn",onClick:r},o.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))};

package/build/components/organisms/navigationV2/components/atoms/PopupWrapper/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../../atoms/container/index.js"),n=require("./btnClosePopup.js"),r=require("./index.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e);exports.PopupWrapper=function(e){var a=e.onClosePopup,u=e.isDisplay,o=e.children,i=e.isNavMenu,s=e.hideCloseBtn;return l.default.createElement(r.StyledMenuPopupWrapper,{className:"top-menu-health-tools","data-is-display":!!u,"data-is-nav-menu":!!i},l.default.createElement(t.Container,null,!s&&l.default.createElement(r.StyledContainer,null,l.default.createElement(n.BtnClosePopup,{onClosePopup:a})),l.default.createElement(r.StyledGridContainer,null,o)))};

package/build/components/organisms/navigationV2/components/atoms/PopupWrapper/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/container/index.js"),t=require("../../../../../../misc/defaultClassWrapper.js"),i=require("../../../../../../misc/utils.js"),p=require("styled-components"),r=require("../../../constants.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o=a(p),s=o.default(e.Container)(d||(d=n.__makeTemplateObject(["\n padding-bottom: 1rem;\n\n "," {\n display: block;\n padding: 0;\n }\n "," {\n display: grid;\n grid-template-columns: 1fr 3fr;\n grid-gap: 10px;\n }\n"],["\n padding-bottom: 1rem;\n\n "," {\n display: block;\n padding: 0;\n }\n "," {\n display: grid;\n grid-template-columns: 1fr 3fr;\n grid-gap: 10px;\n }\n"])),i.MediaQueries.mbDown,i.MediaQueries.mbUp);o.default.div(l||(l=n.__makeTemplateObject(["\n padding-right: 1rem;\n border-right: 1px solid #e4e8ec;\n"],["\n padding-right: 1rem;\n border-right: 1px solid #e4e8ec;\n"])));var d,l,u,g,x,m=o.default.div(u||(u=n.__makeTemplateObject(["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: ",";\n transition: opacity 0.2s ease-in-out;\n &[data-is-display='false'] {\n visibility: hidden;\n opacity: 0;\n }\n padding: 0.5rem;\n &[data-is-nav-menu='true'] {\n position: absolute;\n top: 100%;\n height: unset;\n box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n }\n"],["\n position: fixed;\n z-index: ",";\n top: 69px;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background-color: ",";\n transition: opacity 0.2s ease-in-out;\n &[data-is-display='false'] {\n visibility: hidden;\n opacity: 0;\n }\n padding: 0.5rem;\n &[data-is-nav-menu='true'] {\n position: absolute;\n top: 100%;\n height: unset;\n box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),\n 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n }\n"])),r.Z_INDEX.menuCategoryPopupWrapper,(function(n){return n.theme.colors.white})),c="hhgcomp-navigation-popupwrapper-menuwrapper",b=t.getDefaultClassWrapper(m,c),f=o.default.div(g||(g=n.__makeTemplateObject(["\n position: relative;\n z-index: 1;\n"],["\n position: relative;\n z-index: 1;\n"]))),h=o.default.div(x||(x=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n"])));exports.StyledCloseWrapper=h,exports.StyledContainer=f,exports.StyledGridContainer=s,exports.StyledMenuPopupWrapper=b,exports.StyledMenuPopupWrapperClass=c,exports._StyledMenuPopupWrapper=m;

package/build/components/organisms/navigationV2/components/atoms/SearchIcon.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.SearchIcon=function(){return t.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#8C8C8C"}))};

package/build/components/organisms/navigationV2/components/atoms/searchInput/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../../atoms/pureInput/index.js"),n=require("../../../../../../hooks/useTranslations.js"),a=require("../../../../../../interfaces/constants/index.js"),r=require("../../../navigationContext.js"),o=require("../SearchIcon.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(e);exports.SearchInput=function(){var c=e.useContext(r.NavigationContext),i=c.locale,u=c.configs.statics,l=c.siteType,f=n.useTranslations().t;return s.default.createElement(t.PureInput,{className:"fake-search-input",name:"search-input-menu-service",size:"md",placeholder:"marryBaby"===l?f("navigation.search.input.placeholder"):f("home.search",{site:a.LOCALE_SPECS[i||"en-PH"]?a.LOCALE_SPECS[i||"en-PH"].SITE_NAME:""}),onChange:function(){},onKeyDown:function(e){return"Enter"===e.key&&(window.location.href="".concat(u.HOME_PAGE_URL,"/search/?s=").concat(e.target.value))},type:"search",onFocus:function(e){e.preventDefault()},displayIcon:s.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},s.default.createElement(o.SearchIcon,null))})};

package/build/components/organisms/navigationV2/components/molecules/Categories/index.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../../atoms/heading/index.js"),a=require("../../../../../../misc/gAssets/index.js"),l=require("../../../navigationContext.js"),n=require("./index.styled.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e);exports.Categories=function(i){var s=i.hrefViewMore,d=i.titleBtnViewMore,o=i.UrlFE,m=i.onClosePopup,c=i.menuItems,u=i.headingTitle,g=e.useContext(l.NavigationContext),h=g.siteType,v=g.isAmp;return r.default.createElement(n.StyledItemGridLeft,null,r.default.createElement(n.StyledHeading,null,r.default.createElement(t.Heading,{tag:"marryBaby"===h?"h5":"h6",as:"h2",fontWeight:"semibold"},u)),null==c?void 0:c.slice(0,6).map((function(e,t){var l=(null==e?void 0:e.link)?(null==e?void 0:e.link.startsWith("http"))?null==e?void 0:e.link:"".concat(o,"/").concat(null==e?void 0:e.link.split("/").filter(Boolean).join("/"),"/"):"/";return r.default.createElement(n.StyledItem,{className:"iconMenu","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":l,"data-is-heading-category":!1,href:l,"data-theme":h,key:t,onClick:m},r.default.createElement("div",{className:"icon"},v?r.default.createElement("img",{alt:e.name,src:e.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32}}):r.default.createElement("img",{className:"lazy",alt:e.name,"data-src":e.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32}})),r.default.createElement("p",null,e.name),r.default.createElement(n.StyledIconNav,null,r.default.createElement("img",{src:a.CommonGAssets.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"}})))})),d&&r.default.createElement(n.StyledViewMore,{"data-theme":h,style:{textDecoration:"none"},href:s,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":s},r.default.createElement(n.StyledItemAll,{onClick:m,"data-theme":h,"data-is-heading-category":!1},d,r.default.createElement(n.StyledImageWrapper,null,r.default.createElement("img",{className:"svg",src:"marryBaby"===h?a.CommonGAssets.getAssetPath("chevronRightPink.svg"):a.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}})))))};