@hhgtech/hhg-components 1.23.81 → 1.23.82-beta-2

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{Drawer as p}from"../../atoms/drawer/index.js";import o from"styled-components";var r,i=o(p)(r||(r=n(["\n  padding-bottom: 24px;\n  .share-container {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n  .icon-group {\n    margin-top: 12px;\n    display: flex;\n    gap: 16px;\n    img {\n      border-radius: 8px;\n    }\n  }\n  .input-group {\n    margin-top: 8px;\n    display: flex;\n    gap: 8px;\n    button {\n      padding: 10px;\n      &:hover {\n        background-color: ",";\n      }\n    }\n    svg {\n      margin: 0;\n    }\n    a,\n    svg:not(.copy) {\n      width: 32px;\n      height: 32px;\n    }\n  }\n"],["\n  padding-bottom: 24px;\n  .share-container {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n  .icon-group {\n    margin-top: 12px;\n    display: flex;\n    gap: 16px;\n    img {\n      border-radius: 8px;\n    }\n  }\n  .input-group {\n    margin-top: 8px;\n    display: flex;\n    gap: 8px;\n    button {\n      padding: 10px;\n      &:hover {\n        background-color: ",";\n      }\n    }\n    svg {\n      margin: 0;\n    }\n    a,\n    svg:not(.copy) {\n      width: 32px;\n      height: 32px;\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral50}));export{i as StyledShareDrawer};

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import e from"react";import i from"styled-components";var t,a=i.div(t||(t=n(["\n  --menu-width: 240px;\n  --menu-spacing: 28px 16px;\n  width: var(--menu-width);\n  height: 100vh;\n  padding: var(--menu-spacing);\n  background-color: ",";\n  transition: ease-in-out 0.5s;\n\n  &[data-is-collapsed] {\n    --menu-width: 64px;\n    --menu-spacing: 28px 8px;\n  }\n"],["\n  --menu-width: 240px;\n  --menu-spacing: 28px 16px;\n  width: var(--menu-width);\n  height: 100vh;\n  padding: var(--menu-spacing);\n  background-color: ",";\n  transition: ease-in-out 0.5s;\n\n  &[data-is-collapsed] {\n    --menu-width: 64px;\n    --menu-spacing: 28px 8px;\n  }\n"])),(function(n){return n.theme.colors.neutral50})),s=function(n){var i=n.isCollapsed,t=n.className,s=n.style,o=n.children;return e.createElement(a,{style:s,className:t,"data-is-collapsed":i||void 0},o)};export{s as SideMenu};

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import e from"react";import{DoctorInfo as i}from"../doctorInfo/index.js";import t from"styled-components";var a,r=t.div(a||(a=n(["\n  display: flex;\n  align-items: center;\n  margin-top: 24px;\n  margin-bottom: 36px;\n\n  figcaption {\n    white-space: nowrap;\n  }\n\n  &[data-is-collapsed='true'] {\n    img {\n      max-width: 2rem;\n      max-height: 2rem;\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  margin-top: 24px;\n  margin-bottom: 36px;\n\n  figcaption {\n    white-space: nowrap;\n  }\n\n  &[data-is-collapsed='true'] {\n    img {\n      max-width: 2rem;\n      max-height: 2rem;\n    }\n  }\n"]))),o=function(n){var t=n.isCollapsed,a=n.userName,o=n.role,m=n.avatar;return e.createElement(r,{"data-is-collapsed":t||void 0},e.createElement(i,{image:m,name:a,description:o,isDescriptionHidden:t}))};export{o as UserInfo};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/build/esm/components/molecules/tabs/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{MediaQueries as o}from"../../../misc/utils.js";import e from"styled-components";var r,t,i,l,s=e.ul(r||(r=n(["\n  display: inline-flex;\n  max-width: 100%;\n  border-bottom: 1px solid\n    ",";\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: hidden;\n  -ms-overflow-style: none; /* for Internet Explorer, Edge */\n  scrollbar-width: none; /* for Firefox */\n  overflow-y: scroll;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"],["\n  display: inline-flex;\n  max-width: 100%;\n  border-bottom: 1px solid\n    ",";\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: hidden;\n  -ms-overflow-style: none; /* for Internet Explorer, Edge */\n  scrollbar-width: none; /* for Firefox */\n  overflow-y: scroll;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100})),a=e.li(t||(t=n(["\n  display: flex;\n  align-items: center;\n  padding-bottom: 4px;\n\n  "," {\n    height: 37px;\n  }\n\n  "," {\n    height: 35px;\n  }\n\n  p {\n    color: ",";\n    white-space: nowrap;\n  }\n\n  &:not(:last-child) {\n    margin-right: 24px;\n  }\n\n  &[data-is-tab-active] {\n    p {\n      color: ",";\n    }\n    border-bottom: 3px solid\n      ",";\n    bottom: -1px;\n    position: relative;\n  }\n\n  &:not([data-is-tab-active]) {\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    border: 2px solid ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding-bottom: 4px;\n\n  "," {\n    height: 37px;\n  }\n\n  "," {\n    height: 35px;\n  }\n\n  p {\n    color: ",";\n    white-space: nowrap;\n  }\n\n  &:not(:last-child) {\n    margin-right: 24px;\n  }\n\n  &[data-is-tab-active] {\n    p {\n      color: ",";\n    }\n    border-bottom: 3px solid\n      ",";\n    bottom: -1px;\n    position: relative;\n  }\n\n  &:not([data-is-tab-active]) {\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    border: 2px solid ",";\n  }\n"])),o.mbDown,o.mbUp,(function(n){return n.theme.colors.gray400}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.gray600})),p=e.div(i||(i=n(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),d=e.div(l||(l=n(["\n  margin-right: 8px;\n"],["\n  margin-right: 8px;\n"])));export{d as StyledIcon,a as StyledTab,p as StyledTabContent,s as StyledTabs};

package/build/esm/components/molecules/thrForm/index.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t,{useState as a,useEffect as r}from"react";import{addDays as o,format as n}from"date-fns";import{Input as s}from"../../atoms/input/index.js";import{Text as m}from"../../atoms/text/index.js";import{useTranslations as i}from"../../../hooks/useTranslations.js";import{theme as l}from"../../../misc/theme.js";import{DatePicker as c}from"../datePicker/index.js";import{DateToInputValue as u,API_DATE_FORMAT as d}from"../dueDateCalculator/utils.js";import{StyledContainer as p}from"./index.styled.js";var f=function(f){var g=f.info,y=f.className,j=f.style,x=f.onChange,D=f.errorMessage,h=void 0===D?{}:D,v=f.locale,b=i().t,E=a(new Date),w=E[0],C=E[1],M=a({age:!1,rate:!1}),N=M[0],k=M[1];return r((function(){k({age:!1,rate:!1})}),[h]),t.createElement(p,{style:j,className:y},t.createElement(s,{className:"input-section due-date-input",label:t.createElement(m,{size:"n1",type:"bold",color:l.colors.gray600,style:{marginBottom:"9px",flex:"1"}},b("targetHeartRate.ageInput")),value:u(w),name:"date",size:"md",CustomInput:t.createElement(c,{customInput:function(a){return t.createElement("input",e({type:"date",className:"due-date-input"},a,{value:u(w)}))},disabledDays:{after:new Date(o(new Date,0))},locale:v,pickedDate:w,displayDateFormat:"dd/MM/yyyy",onChange:function(t){!function(t){C(t),k((function(t){return e(e({},t),{age:!0})}));var a=e(e({},g),{age:n(new Date(t),d)});x&&x(a)}(t)},placeholder:"placeholder"}),errorMessage:N.age?"":h.age}))};export{f as ThrForm};

package/build/esm/components/molecules/thrForm/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{Button as i}from"../../atoms/button/index.js";import{PureInput as t}from"../../atoms/pureInput/index.js";import{MediaQueries as e}from"../../../misc/utils.js";import p from"styled-components";var o=p(i)(a||(a=n(["\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"])),e.mbUp);p.div(d||(d=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"],["\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"])),e.mbUp,e.mbDown,e.mbDown);var a,d,l,r,x,m,b=p(t)(l||(l=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"],["\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"])),e.mbUp,e.mbDown),g=p.div(r||(r=n([""],[""]))),s=p.div(x||(x=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"],["\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.div(m||(m=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"],["\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"])),e.mbUp,e.mbDown,e.mbUp);export{s as FormControl,o as StyledButton,g as StyledContainer,b as StyledInput,c as StyledRow};

package/build/esm/components/molecules/toolBannerCard/index.js

@@ -0,0 +1 @@
+import e from"react";import{Container as a}from"../../atoms/container/index.js";import{Heading as t}from"../../atoms/heading/index.js";import{theme as r}from"../../../misc/theme.js";import{StyledContainer as l,StyledWrapper as n,StyledWrapEmbedded as i,StyledIcon as m,StyledHeadingMB as o,StyledMedicalReviewedMB as s,StyledInner as c,StyledHeading as d,StyledHeadingWithReviewedStatus as E,StyledMedicalReviewed as b,StyledIconContainer as h}from"./index.styled.js";var u=function(u){var p=u.className,f=u.heading,y=u.isMobile,g=u.bannerUrl,j=u.bannerUrlLarge,x=u.bannerColor,v=u.medicalReview,w=u.icon,N=u.isSide,U=u.style,B=u.siteType,C=u.isEmbeded,L=y?"h5":"h4",M=y?g:j||g;return e.createElement(l,{"data-is-mobile":y,style:U,"data-site":B},e.createElement(n,{className:p,"data-banner-url":M,"data-is-mobile":y,"data-site":B,"data-banner-color":x,"data-is-embedded":C},e.createElement(a,{className:"container"},"marryBaby"===B&&C?e.createElement(i,null,e.createElement(m,null,w),e.createElement(o,null,e.createElement(t,{color:r.colors.white,tag:"h5",as:"h2"},f),v&&e.createElement(s,{"data-is-mobile":y},v))):e.createElement(c,null,e.createElement(d,{"data-is-side":N},e.createElement(E,{"data-is-mobile":y},e.createElement(t,{color:r.colors.white,tag:L,as:"h2"},f)),v&&e.createElement(b,{"data-is-mobile":y},v)),e.createElement(h,null,w)))))};export{u as ToolsBannerCard};

package/build/esm/components/molecules/toolBannerCard/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{getDefaultClassWrapper as i}from"../../../misc/defaultClassWrapper.js";import{MediaQueries as t}from"../../../misc/utils.js";import e from"styled-components";var a=e.div(o||(o=n(["\n  margin-top: 13px;\n  &[data-is-mobile='false'] {\n    display: flex;\n    width: 60%;\n    min-width: min(600px, 100%);\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: min(600px, 100%);\n    align-items: center;\n    & > :first-child {\n      margin-right: 18px;\n    }\n  }\n"])));e.div(p||(p=n(["\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.tdUp);var o,p,r,d,g,x,l,m,s,h,c,f,b=e.div(r||(r=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"],["\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})),u=e.div(d||(d=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"],["\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.mbUp,t.mbDown),w="hhgcomp-toolbanner-iconcontainer",y=i(u,w),v=e.div(g||(g=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"],["\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.mbUp),k=e.div(x||(x=n(["\n  position: relative;\n"],["\n  position: relative;\n"]))),j="hhgcomp-toolbanner-inner",z=i(k,j),D=e.div(l||(l=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\n  &[data-site='marryBaby'] {\n    background-color: ",";\n    background-image: none;\n    padding-bottom: 0;\n    &[data-is-embedded='true'] {\n      border-top-left-radius: 16px;\n      border-top-right-radius: 16px;\n    }\n  }\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\n  &[data-site='marryBaby'] {\n    background-color: ",";\n    background-image: none;\n    padding-bottom: 0;\n    &[data-is-embedded='true'] {\n      border-top-left-radius: 16px;\n      border-top-right-radius: 16px;\n    }\n  }\n"])),(function(n){return n["data-banner-url"]||"./toolBannerBlue-circle.svg"}),(function(n){return n["data-banner-color"]||"#5EC08F"})),B="hhgcomp-toolbanner-wrapper",U=i(D,B),C=e.div(m||(m=n(["\n  width: 100%;\n  "," {\n    padding-bottom: 24px;\n  }\n\n  &[data-site='marryBaby'] {\n    "," {\n      padding-bottom: 0;\n    }\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  "," {\n    padding-bottom: 24px;\n  }\n\n  &[data-site='marryBaby'] {\n    "," {\n      padding-bottom: 0;\n    }\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.mbDown,t.mbDown,t.tdDown,B,j,t.mbDown,w,t.mbDown),E=e.div(s||(s=n(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 16px 24px;\n  gap: 16px;\n  width: 100%;\n  background-color: ;\n  "," {\n    padding: 16px 0;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 16px 24px;\n  gap: 16px;\n  width: 100%;\n  background-color: ;\n  "," {\n    padding: 16px 0;\n  }\n"])),t.mbDown),F=e.div(h||(h=n(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #ffffff;\n  border-radius: 16px;\n  max-width: 48px;\n  width: 100%;\n  height: 48px;\n  img {\n    height: 24px;\n    width: 24px;\n    object-fit: cover;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #ffffff;\n  border-radius: 16px;\n  max-width: 48px;\n  width: 100%;\n  height: 48px;\n  img {\n    height: 24px;\n    width: 24px;\n    object-fit: cover;\n  }\n"]))),P=e.div(c||(c=n(["\n  display: flex;\n  align-items: flex-start;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 0;\n  width: 100%;\n"],["\n  display: flex;\n  align-items: flex-start;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 0;\n  width: 100%;\n"]))),W=e.div(f||(f=n(["\n  display: flex;\n  align-items: flex-start;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n  color: #f3f3f3;\n\n  > img {\n    margin-top: 2px;\n    margin-right: 4px;\n  }\n  &[data-is-mobile='false'] {\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  font-weight: 400;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n  color: #f3f3f3;\n\n  > img {\n    margin-top: 2px;\n    margin-right: 4px;\n  }\n  &[data-is-mobile='false'] {\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"])));export{C as StyledContainer,v as StyledHeading,P as StyledHeadingMB,a as StyledHeadingWithReviewedStatus,F as StyledIcon,y as StyledIconContainer,w as StyledIconContainerClass,z as StyledInner,j as StyledInnerClass,b as StyledMedicalReviewed,W as StyledMedicalReviewedMB,E as StyledWrapEmbedded,U as StyledWrapper,B as StyledWrapperClass,u as _StyledIconContainer,k as _StyledInner,D as _StyledWrapper};

package/build/esm/components/molecules/weightGainForm/index.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t,{useState as o,useRef as i,useEffect as n}from"react";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import"../../atoms/divider/index.styled.js";import"../../atoms/fileDropdown/index.styled.js";import"../../../misc/gAssets/index.js";import"../../atoms/grid/index.styled.js";import{Input as s}from"../../atoms/input/index.js";import"../../atoms/logo/index.styled.js";import"../../atoms/logo/logoIcon.js";import"../../atoms/logo/utils.js";import"../../../misc/utils.js";import"../../atoms/pagination/index.styled.js";import{PureInput as r}from"../../atoms/pureInput/index.js";import"../../atoms/radio/index.styled.js";import"../../atoms/shadow/index.styled.js";import"../../atoms/tag/index.styled.js";import"../../atoms/toggle/index.styled.js";import"../../atoms/underlinedLink/index.styled.js";import"../../atoms/uploader/index.styled.js";import"../../atoms/textArea/index.js";import"../../atoms/checkbox/index.styled.js";import"../../atoms/textDivider/index.js";import"../../atoms/rateStars/index.styled.js";import"../../atoms/icons/Activities.js";import"../../atoms/icons/ArrowLeft.js";import"../../atoms/icons/ArrowRight.js";import"../../atoms/icons/Ask.js";import"../../atoms/icons/BarChart.js";import"../../atoms/icons/Booking.js";import"../../atoms/icons/Bookmark.js";import{theme as a}from"../../../misc/theme.js";import"../../atoms/icons/CheckActiveMB.js";import"../../atoms/icons/Comment.js";import"../../atoms/icons/Community.js";import"../../atoms/icons/EditSpecial.js";import"../../atoms/icons/Family.js";import"../../atoms/icons/Font.js";import"../../atoms/icons/FullScreen.js";import"../../atoms/icons/GroupPeople.js";import"../../atoms/icons/GroupPeopleSolid.js";import"../../atoms/icons/Heart.js";import"../../atoms/icons/Home.js";import"../../atoms/icons/Like.js";import"../../atoms/icons/MyCommunity.js";import"../../atoms/icons/MyHealth.js";import"../../atoms/icons/PlusSpecial.js";import"../../atoms/icons/Recalculate.js";import"../../atoms/icons/Reply.js";import"../../atoms/icons/Scale.js";import"../../atoms/icons/Share.js";import"../../atoms/icons/Stethoscope.js";import"../../atoms/progress/index.styled.js";import"@mantine/core";import"../../atoms/backdrop/index.styled.js";import"../../atoms/drawer/index.styled.js";import"../../atoms/menu/index.js";import"../../atoms/marryBabyText/index.styled.js";import"../../atoms/radioImageGroup/index.styled.js";import{useTranslations as m}from"../../../hooks/useTranslations.js";import"../../atoms/newBabyProfileRadio/index.styled.js";import"../../atoms/customReferenceDot/index.js";import{StyledTextField as l}from"../../atoms/inputMB/index.styled.js";var p=function(p){var c=p.siteType,g=p.info,u=p.onChange,d=p.errorMessage,h=void 0===d?{}:d,w=m().t,y=o({weightBefore:!1,height:!1,weight:!1}),f=y[0],j=y[1],v=o(0),x=v[0],b=v[1],E=i(null);n((function(){var e;b(null===(e=E.current)||void 0===e?void 0:e.clientHeight)}));var B=function(e,t){""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},N=function(t){B(t,(function(t){j((function(t){return e(e({},t),{weightBefore:!0})}));var o=e(e({},g),{weightBefore:t});u&&u(o)}))},C=function(t){B(t,(function(t){j((function(t){return e(e({},t),{height:!0})}));var o=e(e({},g),{height:t});u&&u(o)}))},I=function(t){B(t,(function(t){j((function(t){return e(e({},t),{weight:!0})}));var o=e(e({},g),{weight:t});u&&u(o)}))};return n((function(){u&&u(e({},g))}),[]),n((function(){j({weightBefore:!1,height:!1,weight:!1})}),[h]),"marryBaby"===c?t.createElement(t.Fragment,null,t.createElement("div",{className:"input-form-pwg input-section"},t.createElement(l,{label:w("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==g?void 0:g.height,CustomInput:t.createElement(s,{className:(null==f?void 0:f.height)?"":"error-input",name:"pwg-height",size:"md",placeholder:"Nhập thông tin",value:null==g?void 0:g.height,type:"number",onKeyDown:function(e){return["e","E","+","-"].includes(e.key)&&e.preventDefault()},onWheelCapture:function(e){return e.currentTarget.blur()},errorMessage:(null==f?void 0:f.height)?"":null==h?void 0:h.height,showErrorMessage:!1,onChange:C})})),t.createElement("div",{className:"input-form-pwg input-section"},t.createElement(l,{label:w("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==g?void 0:g.weightBefore,CustomInput:t.createElement(s,{className:(null==f?void 0:f.weightBefore)?"":"error-input",name:"pwg-weightBefore",size:"md",placeholder:"Nhập thông tin",value:null==g?void 0:g.weightBefore,type:"number",onKeyDown:function(e){return["e","E","+","-"].includes(e.key)&&e.preventDefault()},onWheelCapture:function(e){return e.currentTarget.blur()},errorMessage:(null==f?void 0:f.weightBefore)?"":null==h?void 0:h.height,showErrorMessage:!1,onChange:N})})),t.createElement("div",{className:"input-form-pwg input-section"},t.createElement(l,{label:w("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==g?void 0:g.weight,CustomInput:t.createElement(s,{className:(null==f?void 0:f.weight)?"":"error-input",name:"pwg-weight",size:"md",placeholder:"Nhập thông tin",value:null==g?void 0:g.weight,type:"number",onKeyDown:function(e){return["e","E","+","-"].includes(e.key)&&e.preventDefault()},onWheelCapture:function(e){return e.currentTarget.blur()},errorMessage:(null==f?void 0:f.weight)?"":null==h?void 0:h.weight,showErrorMessage:!1,onChange:I})}))):t.createElement(t.Fragment,null,t.createElement("div",{className:"input-form-pwg"},t.createElement(r,{placeholder:w("pwg.placeholder.height"),className:"input-section",label:t.createElement("span",{style:{color:a.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},className:"label-text"},w("pregnancyWeightGain.heightInput")," ",t.createElement("span",{style:{color:"".concat(a.colors.gray300)}},w("bmi.heightInput.desc"))),errorMessage:f.height?"":null==h?void 0:h.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==g?void 0:g.height,onChange:C})),t.createElement("div",{className:"input-form-pwg"},t.createElement(r,{placeholder:w("pwg.placeholder.weight"),className:"input-section",label:t.createElement("span",{style:{color:a.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},ref:E,className:"label-text"},w("pregnancyWeightGain.weightBeforeInput")," ",t.createElement("span",{style:{color:"".concat(a.colors.gray300)}},w("pregnancyWeightGain.weightInput.desc"))),errorMessage:f.weightBefore?"":null==h?void 0:h.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:N,value:null==g?void 0:g.weightBefore})),t.createElement("div",{className:"input-form-pwg"},t.createElement(r,{placeholder:w("pwg.placeholder.weight"),className:"input-section",label:t.createElement("span",{style:{color:a.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px",minHeight:x},className:"label-text"},w("pregnancyWeightGain.weightInput")," ",t.createElement("span",{style:{color:"".concat(a.colors.gray300)}},w("pregnancyWeightGain.weightInput.desc"))),errorMessage:f.weight?"":null==h?void 0:h.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==g?void 0:g.weight,onChange:I})))};export{p as PWGInputForm};

package/build/esm/components/molecules/weightGainForm/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{MediaQueries as t}from"../../../misc/utils.js";import i from"styled-components";i.div(o||(o=n(["\n  padding: 0;\n  background-color: white;\n"],["\n  padding: 0;\n  background-color: white;\n"]))),i.div(e||(e=n(["\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.mbUp);var p=i.div(x||(x=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"],["\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.mbDown,t.mbUp),d=i.div(g||(g=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"],["\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"]))),a=i.div(m||(m=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    &[data-site='marryBaby'] {\n      margin-top: 12px;\n    }\n  }\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\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    &[data-site='marryBaby'] {\n      margin-top: 12px;\n    }\n  }\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\n\n  button {\n    width: 100%;\n    margin: auto;\n    "," {\n      max-width: 200px;\n    }\n  }\n"])),t.mbUp,t.mbDown,t.mbUp);i.div(r||(r=n(["\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.mbUp),i.div(l||(l=n(["\n  & > :not(:last-child) {\n    margin-bottom: 28px;\n  }\n"],["\n  & > :not(:last-child) {\n    margin-bottom: 28px;\n  }\n"]))),i.div(s||(s=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"],["\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.mbUp,(function(n){return n.theme.colors.gray800})),i.div(h||(h=n(["\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.mbUp),i.div(b||(b=n(["\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.mbUp),i.div(c||(c=n(["\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.mbUp),i.div(w||(w=n(["\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.mbUp),i.div(f||(f=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"],["\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.mbUp),i.div(u||(u=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"],["\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.mbUp),i.div(v||(v=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"],["\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.mbUp),i.div(y||(y=n(["\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.mbUp),i.div(j||(j=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"],["\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.mbUp,t.mbDown);var o,e,x,g,m,r,l,s,h,b,c,w,f,u,v,y,j,U,k,D,z=i.div(U||(U=n(["\n  width: 100%;\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  "," {\n    flex-direction: column;\n    .input-section {\n      width: 100%;\n    }\n  }\n"],["\n  width: 100%;\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  "," {\n    flex-direction: column;\n    .input-section {\n      width: 100%;\n    }\n  }\n"])),t.mbDown),B=i.div(k||(k=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"],["\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.mbDown,(function(n){return n.theme.colors.gray800})),_=i.div(D||(D=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"],["\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.mbUp,t.mbUp,t.mbDown);export{_ as StyledActive,B as StyledFormInput,d as StyledInputForm,z as StyledInputWrapper,a as StyledSubmitButton,p as StyledTwins};

package/build/esm/components/onboarding.js

@@ -0,0 +1 @@
+export{OnboardingModal,OnboardingStep}from"./organisms/onboardingModal/index.js";export{MAPPED_LOCALE,OnboardingForm}from"./organisms/onboardingModal/components/onboardingForm/index.js";export{OtpForm}from"./organisms/onboardingModal/components/otpForm/index.js";

package/build/esm/components/organisms/babyGrowthChart/chartConfig.js

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

package/build/esm/components/organisms/babyGrowthChart/index.js

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

package/build/esm/components/organisms/babyGrowthChart/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import t from"styled-components";var e,i=t.div(e||(e=n(["\n  position: relative;\n  .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"])));export{i as StyledBabyGrowthChart};

package/build/esm/components/organisms/footer/discoverFooter/index.js

@@ -0,0 +1 @@
+import e from"react";import{Button as t}from"../../../atoms/button/index.js";import{Container as a}from"../../../atoms/container/index.js";import{Text as l}from"../../../atoms/text/index.js";import{domainLocales as n}from"../../../../interfaces/constants/index.js";import{theme as o}from"../../../../misc/theme.js";import{useTranslations as i}from"../../../../hooks/useTranslations.js";import r from"./style.module.scss.js";var c=function(t){var a=t.url,l=t.isMobile,n=t.dataEventCategory,o=t.dataEventAction,i=t.dataEventLabel;return e.createElement("div",{className:r.flag,"data-is-mobile":l},e.createElement("img",{loading:"lazy",className:"country-flag",src:a,alt:"Country Flag","data-event-category":n,"data-event-action":o,"data-content-label":i}))},s=function(s){var m,d,v,u,g,E,y,p,f,N,h,b,F,k,z,x,L,T,C,w,M,j,A,H,I,_,B,S,D=s.className,G=s.type,P=void 0===G?"main":G,U=s.footerInfo,V=s.isMobile,q=s.locale,J=i().t,K=null==U?void 0:U.menu,O=(null===(d=null===(m=null==U?void 0:U.general)||void 0===m?void 0:m.verified)||void 0===d?void 0:d.filter(Boolean))||[];return e.createElement("footer",{className:"".concat(r.footer," ").concat(D||""),style:"mini"===P?{backgroundColor:o.colors.neutral50}:{}},e.createElement(a,null,e.createElement("div",{className:"inner","data-type":P},"main"===P?e.createElement(e.Fragment,null,e.createElement("a",{href:"/"},e.createElement("img",{loading:"lazy",className:"footer-logo",src:null===(v=null==U?void 0:U.general)||void 0===v?void 0:v.logo,alt:"Logo","data-is-sehat":"id-ID"===q})),e.createElement("div",{className:"columns"},e.createElement("div",{className:"newsletter"},e.createElement(l,{size:"p1",type:"bold"},null===(u=null==U?void 0:U.general)||void 0===u?void 0:u.content),e.createElement(t,{className:"signupButton",color:"primary",size:"lg"},J("footer.signUp")),e.createElement("div",{className:"social"},e.createElement(l,{size:"sm",type:"regular"},null===(g=null==U?void 0:U.social)||void 0===g?void 0:g.title),e.createElement("div",{className:"icons"},null===(y=null===(E=null==U?void 0:U.social)||void 0===E?void 0:E.socials)||void 0===y?void 0:y.map((function(t,a){return e.createElement("a",{key:a,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(t.name),"data-content-label":t.url,href:t.url},e.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(t.name),"data-content-label":t.url,src:t.icon,alt:"Logo Social",className:"social-icon"}))}))),e.createElement("hr",{className:"hrMobile"}))),e.createElement("div",null,K&&e.createElement(e.Fragment,null,e.createElement("div",{className:"biglinks"},null===(f=null===(p=K[0])||void 0===p?void 0:p.items)||void 0===f?void 0:f.map((function(t,a){return e.createElement("a",{"data-event-category":"Footer","data-event-action":t.title,"data-event-label":"https://".concat(n[q]).concat(t.url),className:"bigLink",key:a,href:t.url},t.title)}))),e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"mHalf"},e.createElement(l,{type:"regular",size:"sm",className:"linkTitle"},null===(N=K[1])||void 0===N?void 0:N.menu_title),null===(b=null===(h=K[1])||void 0===h?void 0:h.items)||void 0===b?void 0:b.map((function(t,a){return e.createElement("a",{"data-event-category":"Footer","data-event-action":t.title,"data-event-label":"https://".concat(n[q]).concat(t.url),className:"link",href:t.url,key:a},e.createElement(l,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:t.title,dataEventLabel:"https://".concat(n[q]).concat(t.url)},t.title))}))),e.createElement("div",{className:"mHalf"},e.createElement(l,{type:"regular",size:"sm",className:"linkTitle"},null===(F=K[2])||void 0===F?void 0:F.menu_title),null===(z=null===(k=K[2])||void 0===k?void 0:k.items)||void 0===z?void 0:z.map((function(t,a){return t.url&&e.createElement("a",{"data-event-category":"Footer","data-event-action":t.title,"data-event-label":t.url,className:"link",href:t.url,key:a},e.createElement(l,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:t.title,dataEventLabel:t.url},t.title))})))),e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"otherSites"},e.createElement(l,{type:"regular",size:"sm",className:"linkTitle"},null===(x=null==U?void 0:U.branch)||void 0===x?void 0:x.title),e.createElement("div",{className:"flags"},null===(T=null===(L=null==U?void 0:U.branch)||void 0===L?void 0:L.branch)||void 0===T?void 0:T.map((function(t,a){return e.createElement("a",{className:"link",href:t.url,key:a,"data-event-category":"Footer","data-event-action":t.name,"data-event-label":t.url},e.createElement(c,{url:t.flag,isMobile:V,dataEventCategory:"Footer",dataEventAction:t.name,dataEventLabel:t.url}))})))))),e.createElement("hr",null),e.createElement("div",{className:"copyright"},e.createElement("div",{className:"copyright-image-wrapper"},O.length?O.map((function(t,a){return e.createElement("a",{href:t.url,key:a,className:"copyright-image"},e.createElement("img",{loading:"lazy",src:t.image,alt:"DMCA Icon"}))})):null),e.createElement(l,{size:"xs",type:"regular",className:"copyright-content"},null===(C=null==U?void 0:U.general)||void 0===C?void 0:C.copyright)),"vi-VN"===q&&e.createElement(l,{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")):e.createElement(e.Fragment,null,(null==U?void 0:U.menu)&&e.createElement("div",{className:"columns"},e.createElement("div",{className:"mHalf"},e.createElement(l,{type:"regular",size:"sm",className:"linkTitle"},null===(w=null==U?void 0:U.menu[1])||void 0===w?void 0:w.menu_title),null===(j=null===(M=null==U?void 0:U.menu[1])||void 0===M?void 0:M.items)||void 0===j?void 0:j.map((function(t){return e.createElement("a",{className:"link",href:t.url,key:t.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":t.title,"data-content-id":"https://".concat(n[q]).concat(t.url),"data-event-category":"Footer","data-event-action":t.title,"data-event-label":"https://".concat(n[q]).concat(t.url)},e.createElement(l,{dataEventCategory:"Footer",dataEventAction:t.title,dataEventLabel:"https://".concat(n[q]).concat(t.url),size:"sm",type:"regular",style:{color:o.colors.gray800}},t.title))}))),e.createElement("div",{className:"mHalf"},e.createElement(l,{type:"regular",size:"sm",className:"linkTitle"},null===(A=null==U?void 0:U.menu[2])||void 0===A?void 0:A.menu_title),null===(I=null===(H=null==U?void 0:U.menu[2])||void 0===H?void 0:H.items)||void 0===I?void 0:I.map((function(t,a){return e.createElement("a",{className:"link",href:t.url,key:a,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":t.title,"data-content-id":t.url,"data-event-category":"Footer","data-event-action":t.title,"data-event-label":t.url},e.createElement(l,{size:"sm",type:"regular",style:{color:o.colors.gray800},dataEventCategory:"Footer",dataEventAction:t.title,dataEventLabel:t.url},t.title))}))),"mini"!==P&&e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"newsletter"},e.createElement("div",{className:"social"},e.createElement(l,{size:"sm",type:"regular"},null===(_=null==U?void 0:U.social)||void 0===_?void 0:_.title),e.createElement("div",{className:"icons"},null===(S=null===(B=null==U?void 0:U.social)||void 0===B?void 0:B.socials)||void 0===S?void 0:S.map((function(t,a){return e.createElement("a",{key:a,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(t.name),"data-content-label":t.url,href:t.url},e.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(t.name),"data-content-label":t.url,src:t.icon,alt:"Logo Social",loading:"lazy",className:"social-icon"}))}))))))))))};export{s as DiscoverFooter};

package/build/esm/components/organisms/footer/discoverFooter/style.module.scss.js

@@ -0,0 +1 @@
+var a={footer:"Lj0qoTD",flag:"OO-qFWT"};export{a as default};

package/build/esm/components/organisms/footer/index.js

@@ -0,0 +1 @@
+import e from"react";import{DiscoverFooter as o}from"./discoverFooter/index.js";import{MarryBabyFooter as r}from"./maryBabyFooter/index.js";var t=function(t){var i=t.type,n=t.isMobile,a=void 0===n||n,l=t.locale,c=t.footerInfo,f=t.siteType,m=t.background;return"helloSites"===f?e.createElement(o,{isMobile:a,type:i,locale:l,footerInfo:c||{}}):e.createElement(r,{footerMenu:c,background:m})};export{t as Footer};

package/build/esm/components/organisms/footer/maryBabyFooter/index.js

@@ -0,0 +1 @@
+import e from"react";import{Container as t}from"../../../atoms/container/index.js";import{Logo as a}from"../../../atoms/logo/index.js";import{theme as r}from"../../../../misc/theme.js";import{MarryBabyText as n}from"../../../atoms/marryBabyText/index.js";import o from"./style.module.scss.js";var l=function(l){var c,m=l.logoType,i=void 0===m?"marryBaby":m,s=l.footerMenu,d=l.background;if(!s)return null;var u=s.general,v=s.menu,y=s.socials;return e.createElement("footer",{className:o.footerContainer,style:{backgroundColor:d||"none"}},e.createElement("div",{className:o.container},e.createElement(t,null,e.createElement("div",{className:o.menuContainer},null==v?void 0:v.map((function(t,a){var l=t.menu_title,c=t.items;return e.createElement("div",{className:o.wrapMenuItem,key:"mbf".concat(a)},e.createElement(n,{className:"title",type:"subtitle-1",color:r.mbColors.pink},l),null==c?void 0:c.map((function(t,a){var l=t.title,c=t.url;return e.createElement("a",{"data-event-category":"Footer","data-event-action":"Click","data-event-label":"".concat(c),className:"link",href:c,key:"footer-links-".concat(a)},e.createElement("div",{className:o.wrapItems,key:"mbitem".concat(a)},e.createElement(n,{type:"bodytext-2",color:r.mbColors.gray},l)))})))})))),e.createElement(t,null,e.createElement("div",{className:o.wrapInfo},e.createElement(a,{className:"logo",type:i}),e.createElement("div",{className:"content"},e.createElement(n,{type:"bodytext-2",color:r.mbColors.gray},null==u?void 0:u.content)),e.createElement("div",{className:"social-link"},null==y?void 0:y.map((function(t,a){var r=t.icon,n=t.name,o=t.url;return e.createElement("a",{key:"social".concat(a),target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - ".concat(n),"data-content-label":n,href:o},e.createElement("img",{loading:"lazy",src:r,alt:n}))}))))),e.createElement("div",{className:o.wrapCopyRight},e.createElement(t,null,e.createElement("div",{className:"content"},e.createElement(n,{type:"bodytext-3",color:r.colors.white},null==u?void 0:u.copyright),e.createElement("div",{className:"verify"},null===(c=null==u?void 0:u.verified)||void 0===c?void 0:c.map((function(t,a){var r=t.image,n=t.url;return e.createElement("img",{loading:"lazy",key:"imgMbFt".concat(a),src:r,alt:n})}))))))))};export{l as MarryBabyFooter};

package/build/esm/components/organisms/footer/maryBabyFooter/style.module.scss.js

@@ -0,0 +1 @@
+var e={footerContainer:"B6-KmWK",menuContainer:"GS-7mbG",wrapMenuItem:"qc5bEb3",wrapItems:"CQGVeuT",wrapInfo:"_6JMoel-",wrapCopyRight:"_8eUT8Jr",container:"cjDwoLi"};export{e as default};

package/build/esm/components/organisms/heroBannerHealthTool/healthToolBanner/index.js

@@ -0,0 +1 @@
+import e from"react";import{Heading as t}from"../../../atoms/heading/index.js";import{Text as a}from"../../../atoms/text/index.js";import{HeroBanner as n}from"../index.js";import{useTranslations as o}from"../../../../hooks/useTranslations.js";import{theme as l}from"../../../../misc/theme.js";import{formatUserProfileUrl as r}from"../../../../together/api/dataTransform.js";import i from"./style.module.scss.js";var s=function(s){var c,m,d,v=s.backgroundDesktopSrc,u=s.backgroundMobileSrc,p=s.title,h=s.className,y=s.isSide,_=s.ovulationContent,g=o().t,w=r(null==_?void 0:_.reviewed_by);return e.createElement("div",{className:"".concat(i.healthToolHeroContainer," ").concat(h),"data-is-side":y},e.createElement("div",{className:i.healthToolBannerContainer,style:{backgroundImage:"url('".concat(u||v,"')")}},e.createElement("div",{className:i.healthToolBannerTextContainer},e.createElement(t,{tag:"h5",color:"white"},p),(null===(c=null==_?void 0:_.reviewed_by)||void 0===c?void 0:c.display_name)?e.createElement(a,{size:"n1",color:"white",style:{marginTop:"0.3rem"}},e.createElement("span",{dangerouslySetInnerHTML:{__html:g("articlePage.articleReviewerBy",{name:'<a\n                          style="color: white"\n                          href="'.concat(w,'"\n                        >\n                        ').concat(_.reviewed_by.display_name,"\n                        </a>")})}}),e.createElement("span",null,g("tools.heading.on")),e.createElement("span",null,null==_?void 0:_.reviewed_date)):null),e.createElement("div",{className:i.healthToolBannerIconContainer,"data-is-side":y},e.createElement("img",{src:(null==_?void 0:_.featured_image)||"",style:{width:"100%",objectFit:"contain",marginTop:"20px"},alt:p}))),e.createElement(n,{className:"desktop-only",src:(null==_?void 0:_.featured_image)||"",backgroundSrc:v||u||"",title:p,reviewedSection:(null===(m=null==_?void 0:_.reviewed_by)||void 0===m?void 0:m.display_name)&&""!==(null===(d=null==_?void 0:_.reviewed_by)||void 0===d?void 0:d.display_name)&&e.createElement(a,{size:"n1",color:l.colors.white,style:{marginTop:12}},e.createElement("span",{dangerouslySetInnerHTML:{__html:g("toolPage.toolReviewer",{expert_name:'<a\n                        style="color: white"\n                        href="'.concat(w,'"\n                      >\n                        ').concat(_.reviewed_by.display_name,"\n                      </a>"),date:null==_?void 0:_.reviewed_date})}}),e.createElement("span",null)),isSide:y}))};export{s as HealthToolHeroBanner};

package/build/esm/components/organisms/heroBannerHealthTool/healthToolBanner/style.module.scss.js

@@ -0,0 +1 @@
+var a={healthToolHeroContainer:"zvE9IoJ",healthToolBannerContainer:"njDC-ia",healthToolBannerIconContainer:"ESkUhe9",healthToolBannerImage:"mYYowJU",healthToolBannerTextContainer:"wZLIQYa"};export{a as default};

package/build/esm/components/organisms/heroBannerHealthTool/index.js

@@ -0,0 +1 @@
+import e from"react";import{Heading as t}from"../../atoms/heading/index.js";import a from"./style.module.scss.js";var r=function(r){var n=r.src,c=r.title,o=r.backgroundSrc,s=r.className,i=r.reviewedSection,m=r.isSide;return e.createElement("div",{className:"".concat(a.heroBanner," ").concat(s||"")},e.createElement("div",{className:a.heroBackground,style:{backgroundImage:'url("'.concat(o,'")')}},e.createElement("div",{className:a.heroContentContainer,"data-is-side":m},e.createElement("div",{className:a.heroInfoContainer,"data-is-side":m},e.createElement(t,{tag:"h4",color:"white"},c),i),e.createElement("div",{className:a.heroBannerContainer},e.createElement("img",{src:n||"",style:{objectFit:"contain"},alt:c})))))};export{r as HeroBanner};

package/build/esm/components/organisms/heroBannerHealthTool/style.module.scss.js

@@ -0,0 +1 @@
+var n={heroBanner:"eM8ChWU",heroBackground:"KAx1aqi",heroContentContainer:"QcFfKPB",heroInfoContainer:"brbyNAY",heroBannerContainer:"W65hTnn"};export{n as default};

package/build/esm/components/organisms/navigationLogoutPopup/index.js

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

package/build/esm/components/organisms/navigationLogoutPopup/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{MediaQueries as t}from"../../../misc/utils.js";import o from"styled-components";var e,i,p=o.div(e||(e=n(["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"],["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"])),t.mbDown,t.mbUp,(function(n){return n.theme.colors.gray800}),t.mbDown,t.mbUp,(function(n){return n.theme.colors.gray600}),t.mbDown,t.mbUp),r=o.div(i||(i=n(["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"],["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"])),t.mbDown,t.mbUp,(function(n){return"marryBaby"===n.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""}));export{r as StyledButtonGroup,p as StyledPopup};

package/build/esm/components/organisms/navigationProfileButton/index.js

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

package/build/esm/components/organisms/navigationProfileButton/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{theme as t}from"../../../misc/theme.js";import{MediaQueries as i}from"../../../misc/utils.js";import{getDefaultClassWrapper as e}from"../../../misc/defaultClassWrapper.js";import o from"styled-components";var a=o.div(s||(s=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"],["\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}),i.mbDown,i.mbUp,i.mbDown,i.mbUp,i.mbDown,i.mbUp,(function(n){return n.theme.colors.gray200}),i.mbDown,t.colors.neutral100,i.mbUp),p="hhgcomp-navprofilebutton-popup",r=e(a,p),d=o.div(h||(h=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"],["\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"])),i.mbUp,i.mbDown),l="hhgcomp-navprofilebutton-popupwrapper";e(d,l);var s,h,x,c,b,g=o.div(x||(x=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"],["\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=o.a(c||(c=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"],["\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,i.mbDown,l),f=o.a(b||(b=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"],["\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"])),i.mbUp,i.mbUp);export{g as StyledAvatar,m as StyledImageWrapper,f as StyledLoggedOutAnchor,r as StyledPopup,p as StyledPopupClass,l as StyledPopupWrapperClass,a as _StyledPopup,d as _StyledPopupWrapper};