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

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

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

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

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

package/build/esm/components/molecules/dueDateCalculator/dueDateFormConception.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t,{useState as o}from"react";import{format as a}from"date-fns";import s from"dayjs";import{Text as i}from"../../atoms/text/index.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import{Button as m}from"../../atoms/button/index.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 r}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"../../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{Icon as n}from"../../atoms/icons/index.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{theme as d}from"../../../misc/theme.js";import"../../atoms/marryBabyText/index.styled.js";import"../../atoms/radioImageGroup/index.styled.js";import{useTranslations as l}from"../../../hooks/useTranslations.js";import"../../atoms/newBabyProfileRadio/index.styled.js";import"../../atoms/customReferenceDot/index.js";import{StyledTextField as p}from"../../atoms/inputMB/index.styled.js";import{DATE_FORMAT as c}from"../../../ecom_temp_excluded/interfaces/types.js";import{QUERY_HEALTH_TOOL as u}from"../../../interfaces/constants/index.js";import{DUE_DATE_FORMAT as y}from"../../../together/interfaces/constants.js";import{DatePicker as j}from"../datePicker/index.js";import{StyledLastPeriodFormContainer as x}from"./index.styled.js";import{DateToInputValue as f,getDueDateConception as g,API_DATE_FORMAT as b}from"./utils.js";var D=function(D){var E=D.locale,h=D.onClick,v=D.siteType,k=D.pageUrl,w=l().t,C=o(new Date),I=C[0],B=C[1];return t.createElement(t.Fragment,null,t.createElement(x,{className:"input-form","data-is-side":!0},"marryBaby"===v?t.createElement(p,{label:w("dueDatePage.conceptionDate"),name:"date",size:"md",value:f(I),CustomInput:t.createElement(j,{onChange:function(e){B(e)},placeholder:"dd/mm/yyyy",pickedDate:I,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:function(o){return t.createElement(r,e({className:"due-date-input",name:"birthday",size:"md"},o,{value:I&&s(I).format(y)}))}}),actionIcon:t.createElement(n.CalendarMB,{size:32})}):t.createElement(r,{label:t.createElement(i,{size:"n1",type:"bold",color:d.colors.gray600,style:{marginBottom:"9px",flex:"1"}},w("dueDatePage.conceptionDate")),value:f(I),name:"date",size:"md",className:"due-date-input",CustomInput:t.createElement(j,{customInput:function(o){return t.createElement("input",e({type:"date",className:"due-date-input"},o,{value:f(I)}))},disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:E,pickedDate:I,displayDateFormat:c,onChange:function(e){B(e)},placeholder:"placeholder"})})),t.createElement(m,{className:"due-date-calculate-button",size:"lg",color:"marryBaby"===v?"secondary":"primary",theme:v,dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:k,onClick:function(){h(g(I),"".concat(u.type,"=1&sd=").concat(a(I,b),"&").concat(u.additional,"= "))},role:"button"},w("dueDatePage.lastPeriod.calculate")))};export{D as DueDateFormConception};

package/build/esm/components/molecules/dueDateCalculator/dueDateFormIVF.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t,{useState as a}from"react";import{format as o}from"date-fns";import s from"dayjs";import{Text as i}from"../../atoms/text/index.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import{Button as r}from"../../atoms/button/index.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 m}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"../../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{Icon as n}from"../../atoms/icons/index.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{theme as d}from"../../../misc/theme.js";import"../../atoms/marryBabyText/index.styled.js";import"../../atoms/radioImageGroup/index.styled.js";import{useTranslations as l}from"../../../hooks/useTranslations.js";import"../../atoms/newBabyProfileRadio/index.styled.js";import"../../atoms/customReferenceDot/index.js";import{StyledTextField as p}from"../../atoms/inputMB/index.styled.js";import{DATE_FORMAT as c}from"../../../ecom_temp_excluded/interfaces/types.js";import{QUERY_HEALTH_TOOL as u}from"../../../interfaces/constants/index.js";import{DUE_DATE_FORMAT as y}from"../../../together/interfaces/constants.js";import{DatePicker as j}from"../datePicker/index.js";import{RadioGroup as f}from"../radioGroup/index.js";import{StyledLastPeriodFormContainer as x}from"./index.styled.js";import{DateToInputValue as g,getDueDateIVF as b,API_DATE_FORMAT as D}from"./utils.js";var v=function(v){var E=v.locale,h=v.onClick,w=v.siteType,k=v.pageUrl,C=l().t,I=a(new Date),P=I[0],z=I[1],B=a("3"),N=B[0],T=B[1];return t.createElement(t.Fragment,null,t.createElement(x,{className:"input-form","data-is-side":!0},"marryBaby"===w?t.createElement(p,{label:C("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:g(P),CustomInput:t.createElement(j,{onChange:function(e){z(e)},placeholder:"dd/mm/yyyy",pickedDate:P,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:function(a){return t.createElement(m,e({className:"due-date-input",name:"birthday",size:"md"},a,{value:P&&s(P).format(y)}))}}),actionIcon:t.createElement(n.CalendarMB,{size:32})}):t.createElement(m,{label:t.createElement(i,{size:"n1",type:"bold",color:d.colors.gray700,style:{marginBottom:"9px",flex:"1"}},C("dueDatePage.ivf.transferDate")),value:g(P),name:"date",size:"md",className:"due-date-input",CustomInput:t.createElement(j,{customInput:function(a){return t.createElement("input",e({type:"date",className:"due-date-input"},a,{value:g(P)}))},disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:E,pickedDate:P,displayDateFormat:c,onChange:function(e){z(e)},placeholder:"placeholder"})})),t.createElement("div",{style:{width:"100%"}},t.createElement(f,{id:"radio-transfer-date",type:"circle",direction:"vertical",size:"small",group:"group1",value:N,onChange:function(e){return T(e)},options:[{value:"3",label:C("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:C("dueDatePage.ivf.transferDateRadio",{number:5})}]})),t.createElement(r,{className:"due-date-calculate-button",size:"lg",color:"marryBaby"===w?"secondary":"primary",theme:w,dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:k,onClick:function(){h(b(P,Number(N)),"".concat(u.type,"=2&").concat(u.startDate,"=").concat(o(P,D),"&").concat(u.additional,"=").concat(N))},role:"button"},C("dueDatePage.lastPeriod.calculate")))};export{v as DueDateFormIVF};

package/build/esm/components/molecules/dueDateCalculator/dueDateFormLastPeriod.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t,{useState as o}from"react";import{format as a}from"date-fns";import s from"dayjs";import{Text as r}from"../../atoms/text/index.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import{Button as i}from"../../atoms/button/index.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 m}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"../../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{Icon as n}from"../../atoms/icons/index.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{theme as d}from"../../../misc/theme.js";import"../../atoms/marryBabyText/index.styled.js";import"../../atoms/radioImageGroup/index.styled.js";import{useTranslations as l}from"../../../hooks/useTranslations.js";import"../../atoms/newBabyProfileRadio/index.styled.js";import"../../atoms/customReferenceDot/index.js";import{StyledTextField as p}from"../../atoms/inputMB/index.styled.js";import{Slider as c}from"../../atoms/slider/index.js";import{DATE_FORMAT as y}from"../../../ecom_temp_excluded/interfaces/types.js";import{QUERY_HEALTH_TOOL as u}from"../../../interfaces/constants/index.js";import{DUE_DATE_FORMAT as j}from"../../../together/interfaces/constants.js";import{DatePicker as x}from"../datePicker/index.js";import{StyledLastPeriodFormContainer as f}from"./index.styled.js";import{DateToInputValue as g,getDueDateLastPeriod as b,API_DATE_FORMAT as D}from"./utils.js";var h=function(h){var E=h.locale,P=h.onClick,v=h.siteType,B=h.pageUrl,k=l().t,w=o([28]),C=w[0],I=w[1],L=o(new Date),z=L[0],T=L[1];return t.createElement(t.Fragment,null,t.createElement(f,{className:"input-form","data-is-side":!0},"marryBaby"===v?t.createElement(p,{label:k("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:g(z),CustomInput:t.createElement(x,{onChange:function(e){T(e)},placeholder:"dd/mm/yyyy",pickedDate:z,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:function(o){return t.createElement(m,e({name:"birthday",size:"md"},o,{value:z&&s(z).format(j)}))}}),actionIcon:t.createElement(n.CalendarMB,{size:32})}):t.createElement(m,{className:"input-section due-date-input",label:t.createElement(r,{size:"n1",type:"bold",color:d.colors.gray600,style:{marginBottom:"9px",flex:"1"}},k("dueDatePage.lastPeriod.lastPeriodLabel")),value:g(z),name:"date",size:"md",CustomInput:t.createElement(x,{customInput:function(o){return t.createElement("input",e({type:"date",className:"due-date-input"},o,{value:g(z)}))},disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:E,pickedDate:z,displayDateFormat:y,onChange:function(e){T(e)},placeholder:"placeholder"})})),"marryBaby"!==v&&t.createElement(r,{size:"n1",type:"bold",color:d.colors.gray600,style:{marginBottom:"0.5rem"}},k("dueDatePage.lastPeriod.periodLengthLabel")),t.createElement(c,{heading:"marryBaby"===v&&k("dueDatePage.lastPeriod.periodLengthLabel"),siteType:v,className:"slider-due-date",min:20,max:40,step:1,value:C,onChange:I}),t.createElement(i,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:B,className:"due-date-calculate-button",size:"lg",color:"marryBaby"===v?"secondary":"primary",theme:v,onClick:function(){return P(b(z,Number(C[0])),"".concat(u.type,"=0&").concat(u.startDate,"=").concat(a(z,D),"&").concat(u.additional,"=").concat(C[0]))},role:"button"},k("dueDatePage.lastPeriod.calculate")))};export{h as DueDateFormLastPeriod};

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

@@ -0,0 +1 @@
+import e,{useState as t,useMemo as o}from"react";import{StyledDropDown as a}from"../../atoms/dropdownMB/index.styled.js";import{Text as i}from"../../atoms/text/index.js";import{useTranslations as l}from"../../../hooks/useTranslations.js";import{theme as r}from"../../../misc/theme.js";import{Dropdown as n}from"../dropdown/index.js";import{StyledInputWrapper as d}from"../weightGainForm/index.styled.js";import{DueDateFormConception as s}from"./dueDateFormConception.js";import{DueDateFormIVF as m}from"./dueDateFormIVF.js";import{DueDateFormLastPeriod as c}from"./dueDateFormLastPeriod.js";import{StyledMethodContainer as u,StyledMethodSwitcherContainer as p}from"./index.styled.js";import{DueDateCalculatorType as f}from"./utils.js";var g=function(g){var P=g.onSubmitDueDate,y=g.locale,D=g.isSide,h=g.siteType,j=l().t,v=t(f.lastPeriod),E=v[0],w=v[1],x=[{value:f.lastPeriod,label:j("dueDatePage.lastPeriod")},{value:f.conception,label:j("dueDatePage.conceptionDate")},{value:f.IVF,label:j("dueDatePage.ivf")}],F=o((function(){return"undefined"!=typeof window?window.location.href:""}),[]);return e.createElement(d,null,e.createElement(u,{className:"input-form input-section","data-is-side":!0},"marryBaby"===h?e.createElement(a,{groupedWithLabel:j("dueDatePage.calculationMethod"),options:x,placeholder:j("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:x[E],onChange:function(e){w(e.value)}}):e.createElement(e.Fragment,null,e.createElement(i,{size:"n1",type:"bold",color:r.colors.gray600,style:{marginBottom:"9px",flex:"1"}},j("dueDatePage.calculationMethod")),e.createElement(p,{"data-is-side":D},e.createElement(n,{options:x,placeholder:j("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:x[E],onChange:function(e){w(e.value)}})))),E===f.lastPeriod?e.createElement(c,{locale:y,onClick:P,isSide:D,siteType:h,pageUrl:F}):null,E===f.conception?e.createElement(s,{locale:y,onClick:P,isSide:D,siteType:h,pageUrl:F}):null,E===f.IVF?e.createElement(m,{locale:y,onClick:P,isSide:D,siteType:h,pageUrl:F}):null)};export{g as DueDateCalculator};

package/build/esm/components/molecules/dueDateCalculator/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";var e=i.div(d||(d=n(["\n  width: 100%;\n"],["\n  width: 100%;\n"]))),o=i.div(s||(s=n(["\n  #due-date-dropdown {\n    z-index: 9;\n    width: 100%;\n    min-width: unset;\n    max-width: unset;\n\n    "," {\n      font-size: 14px;\n    }\n    "," {\n      font-size: 16px;\n      &[data-is-side='true'] {\n        font-size: 14px;\n      }\n    }\n    color: ",";\n    > div {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n"],["\n  #due-date-dropdown {\n    z-index: 9;\n    width: 100%;\n    min-width: unset;\n    max-width: unset;\n\n    "," {\n      font-size: 14px;\n    }\n    "," {\n      font-size: 16px;\n      &[data-is-side='true'] {\n        font-size: 14px;\n      }\n    }\n    color: ",";\n    > div {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n"])),t.mbDown,t.tdUp,(function(n){return n.theme.colors.gray800})),r=i(e)(a||(a=n(["\n  .due-date-input {\n    width: 100%;\n    min-width: unset;\n    max-width: unset;\n    color: ",";\n  }\n  .due-date-calculate-button {\n    margin-right: auto;\n    margin-left: auto;\n  }\n  input {\n    &[data-is-side='true'] {\n      "," {\n        font-size: 14px;\n      }\n    }\n    "," {\n      font-size: 14px;\n    }\n    "," {\n      font-size: 16px;\n    }\n  }\n"],["\n  .due-date-input {\n    width: 100%;\n    min-width: unset;\n    max-width: unset;\n    color: ",";\n  }\n  .due-date-calculate-button {\n    margin-right: auto;\n    margin-left: auto;\n  }\n  input {\n    &[data-is-side='true'] {\n      "," {\n        font-size: 14px;\n      }\n    }\n    "," {\n      font-size: 14px;\n    }\n    "," {\n      font-size: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),t.tdUp,t.mbDown,t.tdUp);i.div(p||(p=n(["\n  display: flex;\n  align-items: right;\n\n  & > p {\n    display: inline-block;\n    border-bottom: solid 1px\n      ",";\n    margin-bottom: 24px;\n    margin-left: auto;\n    color: ",";\n    cursor: pointer;\n    font-size: 11px;\n    line-height: 16px;\n    text-align: right;\n  }\n"],["\n  display: flex;\n  align-items: right;\n\n  & > p {\n    display: inline-block;\n    border-bottom: solid 1px\n      ",";\n    margin-bottom: 24px;\n    margin-left: auto;\n    color: ",";\n    cursor: pointer;\n    font-size: 11px;\n    line-height: 16px;\n    text-align: right;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}));var d,s,a,p,l,u,m=i.img(l||(l=n(["\n  img& {\n    width: 16px;\n    height: 16px;\n  }\n"],["\n  img& {\n    width: 16px;\n    height: 16px;\n  }\n"])));i(m)(u||(u=n(["\n  margin-right: 4px;\n"],["\n  margin-right: 4px;\n"])));export{m as StyledImageIcon,r as StyledLastPeriodFormContainer,e as StyledMethodContainer,o as StyledMethodSwitcherContainer};

package/build/esm/components/molecules/dueDateCalculator/utils.js

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

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

@@ -0,0 +1 @@
+import e from"react";import{Text as o}from"../../../atoms/text/index.js";import{useTranslations as r}from"../../../../hooks/useTranslations.js";import{CommonGAssets as t}from"../../../../misc/gAssets/index.js";import{theme as i}from"../../../../misc/theme.js";import{ToolsBannerCard as l}from"../../toolBannerCard/index.js";import{StyledContainer as n}from"../index.styled.js";import{StyledBabyGrowthWrapper as a,StyleForm as m}from"./index.styled.js";var s=function(s){var d,v,c,u,b,y=s.isMobile,h=s.className,w=s.onSubmit,p=s.onError,B=s.schema,f=s.babyGrowthContent,g=s.siteType,E=r().t;return e.createElement(n,{"babyGrowthContent-is-mobile":y,"data-site":g},e.createElement(l,{siteType:g,bannerUrl:t.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:t.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===g&&i.mbColors.mint,isEmbeded:!0,icon:e.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==f?void 0:f.featuredImage)||"",style:{maxWidth:"100%"}}),heading:(null==f?void 0:f.title)||"",medicalReview:(null===(d=null==f?void 0:f.reviewBy)||void 0===d?void 0:d.reviewer)&&""!==(null===(v=null==f?void 0:f.reviewBy)||void 0===v?void 0:v.reviewer)?e.createElement(o,{size:"label2",color:i.colors.white,className:"embedded-review"},e.createElement("span",{dangerouslySetInnerHTML:{__html:E("toolPage.toolReviewer",{expert_name:"marryBaby"===g?null===(c=null==f?void 0:f.reviewBy)||void 0===c?void 0:c.reviewer.trim():'<a\n                          style="color: white"\n                          href="'.concat((null===(u=null==f?void 0:f.reviewBy)||void 0===u?void 0:u.link)||"#",'"\n                        >\n                          ').concat(null===(b=null==f?void 0:f.reviewBy)||void 0===b?void 0:b.reviewer.trim(),"\n                        </a>"),date:null==f?void 0:f.reviewBy.date})}})):void 0,isMobile:y}),e.createElement(a,{"data-theme":g},e.createElement(m,{siteType:g,schema:B,className:h,onSubmit:w,onError:p})))};export{s as BabyGrowthCardEmbed};

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import{MediaQueries as d}from"../../../../misc/utils.js";import i from"styled-components";import e from"../../babyGrowthForm/index.js";import{ToolsBannerCard as o}from"../../toolBannerCard/index.js";var r,t,a,p=i.div(r||(r=n(["\n  padding: 36px;\n  padding-top: 0;\n  background-color: white;\n  "," {\n    padding: 16px;\n    padding-top: 0;\n  }\n  &[data-theme='marryBaby'] {\n    background-color: ",";\n    padding: 24px;\n    border-bottom-right-radius: 16px;\n    border-bottom-left-radius: 16px;\n    "," {\n      padding: 16px;\n    }\n  }\n"],["\n  padding: 36px;\n  padding-top: 0;\n  background-color: white;\n  "," {\n    padding: 16px;\n    padding-top: 0;\n  }\n  &[data-theme='marryBaby'] {\n    background-color: ",";\n    padding: 24px;\n    border-bottom-right-radius: 16px;\n    border-bottom-left-radius: 16px;\n    "," {\n      padding: 16px;\n    }\n  }\n"])),d.mbDown,(function(n){return n.theme.mbColors.green}),d.mbDown),m=i(e)(t||(t=n(["\n  padding-block: 0;\n"],["\n  padding-block: 0;\n"])));i(o)(a||(a=n(["\n  padding-inline: 20px;\n\n  img.embedded-icon {\n    width: 140px;\n    margin-left: 50%;\n    align-self: center;\n  }\n\n  "," {\n    padding-inline: 0;\n    img.embedded-icon {\n      width: 125px;\n      align-self: end;\n      margin-left: 0;\n      position: absolute;\n      transform: translateY(50%);\n    }\n    .embedded-review {\n      max-width: 200px;\n    }\n  }\n"],["\n  padding-inline: 20px;\n\n  img.embedded-icon {\n    width: 140px;\n    margin-left: 50%;\n    align-self: center;\n  }\n\n  "," {\n    padding-inline: 0;\n    img.embedded-icon {\n      width: 125px;\n      align-self: end;\n      margin-left: 0;\n      position: absolute;\n      transform: translateY(50%);\n    }\n    .embedded-review {\n      max-width: 200px;\n    }\n  }\n"])),d.mbDown);export{m as StyleForm,p as StyledBabyGrowthWrapper};

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

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

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

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

package/build/esm/components/molecules/embeddedHeathToolCards/bmi/bmi.js

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

package/build/esm/components/molecules/embeddedHeathToolCards/bmr/bmr.js

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

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

@@ -0,0 +1 @@
+import e from"react";import{Text as t}from"../../../atoms/text/index.js";import{DueDateCalculator as a}from"../../dueDateCalculator/index.js";import{ToolsBannerCard as i}from"../../toolBannerCard/index.js";import{useTranslations as o}from"../../../../hooks/useTranslations.js";import{CommonGAssets as r}from"../../../../misc/gAssets/index.js";import{theme as n}from"../../../../misc/theme.js";import{StyledContainer as l,StyledContent as s}from"../index.styled.js";var m=function(m){var d,c=m.isMobile,u=m.locale,p=m.onSubmitDueDate,y=m.dueDatePageInfo,b=m.expertUrl,v=m.isSide,f=m.siteType,h=o().t;return e.createElement(l,{"data-is-side":v,"data-site":f},e.createElement(i,{isSide:v,bannerUrl:r.getAssetPath("embedToolBannerPink.svg"),siteType:f,bannerColor:"marryBaby"===f&&n.mbColors.mint,isEmbeded:!0,icon:e.createElement("img",{alt:"health-tool-icon",src:null==y?void 0:y.featured_image,style:"marryBaby"!==f?{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}:null}),heading:h("healthTools.dueDateCalculator"),medicalReview:(null===(d=null==y?void 0:y.reviewed_by)||void 0===d?void 0:d.display_name)?e.createElement(t,{size:"label2",color:n.colors.white},e.createElement("span",{dangerouslySetInnerHTML:{__html:h("toolPage.toolReviewer",{expert_name:"marryBaby"===f?null==y?void 0:y.reviewed_by.display_name:'<a\n                      style="color: white"\n                            href="'.concat(b,'"\n                          >\n                            ').concat(null==y?void 0:y.reviewed_by.display_name,"\n                          </a>"),date:null==y?void 0:y.reviewed_date})}}),e.createElement("span",null)):void 0,isMobile:c}),e.createElement(s,{onSubmit:function(e){return e.preventDefault()},className:"due-date-cal","data-is-side":v},e.createElement(a,{siteType:f,locale:u,onSubmitDueDate:p,isSide:v})))};export{m as DueDateCardEmbed};

package/build/esm/components/molecules/embeddedHeathToolCards/helpers.js

@@ -0,0 +1 @@
+function t(t){var r=t.weight,e=t.height/100,h=r;return Math.round(h/(e*e)*10)/10}export{t as getBmi};

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

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

package/build/esm/components/molecules/embeddedHeathToolCards/ovulation/ovulation.js

@@ -0,0 +1 @@
+import e from"react";import{Text as t}from"../../../atoms/text/index.js";import{ToolsBannerCard as o}from"../../toolBannerCard/index.js";import{HealthToolHeroBanner as a}from"../../../organisms/heroBannerHealthTool/healthToolBanner/index.js";import{useTranslations as i}from"../../../../hooks/useTranslations.js";import{CommonGAssets as r}from"../../../../misc/gAssets/index.js";import{formatOvulationInfo as n}from"../../../../together/api/dataTransform.js";import{OvulationCalculator as l}from"../../ovulationCalculator/index.js";import{StyledContainer as s,StyledContent as m}from"../index.styled.js";import{theme as d}from"../../../../misc/theme.js";var u=function(u){var c,v=u.onSubmitOvulation,p=u.locale,b=u.ovulationPageInfo,h=u.ovulationContent;u.expertUrl;var g=u.isSide,y=void 0!==g&&g,f=u.siteType,T=u.isMobile,x=i().t,B=n(b||null);return e.createElement(s,{"data-is-side":y,"data-site":f},"marryBaby"!==f?e.createElement(a,{backgroundDesktopSrc:r.getAssetPath("embedToolBannerPink.svg"),backgroundMobileSrc:r.getAssetPath("embedToolBannerPink.svg"),title:x("healthTools.ovulationCalculator"),reviewedBy:B.reviewedBy,reviewedDate:B.reviewedDate,ovulationContent:h,isSide:y}):e.createElement(o,{isSide:y,bannerUrl:r.getAssetPath("embedToolBannerPink.svg"),siteType:f,bannerColor:"marryBaby"===f&&d.mbColors.mint,isEmbeded:!0,icon:e.createElement("img",{alt:"health-tool-icon",src:null==b?void 0:b.featured_image,style:"marryBaby"!==f?{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}:null}),heading:x("healthTools.ovulationCalculator"),medicalReview:(null===(c=null==b?void 0:b.reviewed_by)||void 0===c?void 0:c.display_name)?e.createElement(t,{size:"label2",color:d.colors.white},e.createElement("span",{dangerouslySetInnerHTML:{__html:x("toolPage.toolReviewer",{expert_name:null==b?void 0:b.reviewed_by.display_name,date:null==b?void 0:b.reviewed_date})}}),e.createElement("span",null)):void 0,isMobile:T}),e.createElement(m,{onSubmit:function(e){return e.preventDefault()},className:"ovulation-cal","data-is-side":y},e.createElement(l,{siteType:f,locale:p,onSubmitOvulation:v,isSide:y})))};export{u as OvulationCardEmbed};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{MediaQueries as t}from"../../../misc/utils.js";import{getDefaultClassWrapper as e}from"../../../misc/defaultClassWrapper.js";import i from"styled-components";var o,a,d,r=i.div(o||(o=n(["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n  &[data-site-type='marryBaby'] {\n    border-radius: 16px;\n    .hhg-modal__content {\n      position: relative;\n      z-index: 111;\n      height: 100%;\n\n      padding: 24px;\n    }\n  }\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"],["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n  &[data-site-type='marryBaby'] {\n    border-radius: 16px;\n    .hhg-modal__content {\n      position: relative;\n      z-index: 111;\n      height: 100%;\n\n      padding: 24px;\n    }\n  }\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),h="hhgcomp-modal-modal",s=e(r,h),p=i.div(a||(a=n(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    ."," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    ."," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    ."," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    ."," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    ."," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    ."," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    ."," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    ."," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    ."," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    ."," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    ."," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    ."," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"])),h,h,h,h,h,h,t.mbDown,h,t.mbDown,h,t.mbDown),l=i.div(d||(d=n(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.colors.secondaryDark}));export{s as StyledModal,h as StyledModalClass,l as StyledModalMask,p as StyledModalWrapper,r as _StyledModal};

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

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

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

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../externals/tslib/tslib.es6.js';import t,{useState as a,useMemo as o}from"react";import{addDays as i}from"date-fns";import s from"dayjs";import{Text as r}from"../../atoms/text/index.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import{Button as n}from"../../atoms/button/index.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 m}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"../../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{Icon as d}from"../../atoms/icons/index.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 l}from"../../../hooks/useTranslations.js";import"../../atoms/newBabyProfileRadio/index.styled.js";import"../../atoms/customReferenceDot/index.js";import{StyledTextField as p}from"../../atoms/inputMB/index.styled.js";import{Slider as c}from"../../atoms/slider/index.js";import{DATE_FORMAT as y}from"../../../ecom_temp_excluded/interfaces/types.js";import{DUE_DATE_FORMAT as u}from"../../../together/interfaces/constants.js";import{DatePicker as x}from"../datePicker/index.js";import{StyledLastPeriodFormContainer as j}from"../dueDateCalculator/index.styled.js";import{DateToInputValue as g}from"../dueDateCalculator/utils.js";var f=function(f){var b=f.locale,v=f.onSubmit,h=f.isSide,D=f.siteType,E=l().t,P=a(new Date),w=P[0],C=P[1],B=a([28]),z=B[0],I=B[1],N=a([7]),k=N[0],L=N[1],S={cycle:z[0],periodDateStart:w,periodLength:k[0]},T=o((function(){return"undefined"!=typeof window?window.location.href:""}),[]);return t.createElement(t.Fragment,null,t.createElement(j,{className:"input-form input-section","data-is-side":!0},"marryBaby"===D?t.createElement(p,{label:E("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:g(w),CustomInput:t.createElement(x,{onChange:function(e){C(e)},placeholder:"dd/mm/yyyy",pickedDate:w,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:i(new Date,-45),after:new Date},customInput:function(a){return t.createElement(m,e({className:"due-date-input",name:"birthday",size:"md"},a,{value:w&&s(w).format(u)}))}}),actionIcon:t.createElement(d.CalendarMB,{size:32})}):t.createElement(m,{label:t.createElement(r,{size:"n1",type:"bold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},E("dueDatePage.lastPeriod.lastPeriodLabel")),value:g(w),size:"md",name:"date",className:"due-date-input",CustomInput:t.createElement(x,{customInput:function(a){return t.createElement("input",e({},a,{type:"date",className:"due-date-input",value:g(w)}))},locale:b,pickedDate:w,displayDateFormat:y,onChange:function(e){C(e)},disabledDays:{before:i(new Date,-45),after:new Date},placeholder:"Chọn ngày"})})),t.createElement("div",{className:"day-slider","data-is-side":h},"marryBaby"!==D&&t.createElement(r,{size:"n1",type:"bold",color:"#595959"},E("ovulationPage.cycleLength")+" ",t.createElement(r,{size:"n1",type:"bold",color:"#595959",style:{display:"inline",minHeight:"36px"}},E("ovulationPage.dayUnit"))),t.createElement(c,{heading:"marryBaby"===D&&E("ovulationPage.cycleLength"),siteType:D,className:"slider-due-date",min:21,max:45,step:1,value:z,onChange:I})),t.createElement("div",{className:"day-slider","data-is-side":h},"marryBaby"!==D&&t.createElement(r,{size:"n1",type:"bold",color:"#595959"},E("ovulationPage.periodDuration")+" ",t.createElement(r,{size:"n1",type:"bold",color:"#595959",style:{display:"inline",minHeight:"36px"}},E("ovulationPage.dayUnit"))),t.createElement(c,{heading:"marryBaby"===D&&E("ovulationPage.periodDuration"),siteType:D,className:"slider-due-date",min:1,max:15,step:1,value:k,onChange:L})),t.createElement("div",{style:{width:"100%",display:"flex"}},t.createElement(n,{className:"due-date-calculate-button",size:"lg",color:"marryBaby"===D?"secondary":"primary",theme:D,dataEventCategory:"Health Tool",dataEventAction:"Ovulation",dataEventLabel:T,onClick:function(){localStorage.setItem("ovulationInfo",JSON.stringify(S)),v&&v({startDate:w,cycle:z[0],periodLength:k[0]})},role:"button"},E("dueDatePage.lastPeriod.calculate"))))};export{f as OvulationForm};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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