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

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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{Button as i}from"../../atoms/button/index.js";import{PureInput as t}from"../../atoms/pureInput/index.js";import{MediaQueries as e}from"../../../misc/utils.js";import p from"styled-components";var o=p(i)(a||(a=n(["\n  margin: 0 auto 24px;\n  width: 100%;\n  "," {\n    max-width: 200px;\n  }\n"],["\n  margin: 0 auto 24px;\n  width: 100%;\n  "," {\n    max-width: 200px;\n  }\n"])),e.mbUp);p.div(d||(d=n(["\n  display: flex;\n  gap: 10px;\n  line-height: 1;\n  span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    -webkit-line-clamp: 2;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n  }\n  "," {\n    padding-right: 16px;\n    padding-bottom: 10px;\n    flex-wrap: wrap;\n    align-items: center;\n    &[data-is-side='true'] {\n      width: 100%;\n      justify-content: unset;\n      .label {\n        margin-bottom: 9px;\n      }\n    }\n  }\n  &[data-is-side='true'] {\n    "," {\n      width: 100%;\n      .label {\n        margin-bottom: 9px;\n      }\n    }\n  }\n  "," {\n    width: 100%;\n    .label {\n      margin-bottom: 9px;\n    }\n  }\n"],["\n  display: flex;\n  gap: 10px;\n  line-height: 1;\n  span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    -webkit-line-clamp: 2;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n  }\n  "," {\n    padding-right: 16px;\n    padding-bottom: 10px;\n    flex-wrap: wrap;\n    align-items: center;\n    &[data-is-side='true'] {\n      width: 100%;\n      justify-content: unset;\n      .label {\n        margin-bottom: 9px;\n      }\n    }\n  }\n  &[data-is-side='true'] {\n    "," {\n      width: 100%;\n      .label {\n        margin-bottom: 9px;\n      }\n    }\n  }\n  "," {\n    width: 100%;\n    .label {\n      margin-bottom: 9px;\n    }\n  }\n"])),e.mbUp,e.mbDown,e.mbDown);var a,d,l,r,x,m,b=p(t)(l||(l=n(["\n  &.bmi--input {\n    + .bmi--input {\n      margin-top: 24px;\n    }\n    .inputLabel {\n      display: inline-block;\n      margin-bottom: 5px;\n      color: #595959;\n      font-weight: bold;\n      font-size: 12px;\n    }\n    .errorLabel {\n      line-height: 1.3;\n    }\n    input[type='radio'] {\n      padding: 0;\n    }\n    .bmi--input-radio_gender {\n      width: 100%;\n      gap: 16px;\n      > div {\n        width: calc(50% - 8px);\n      }\n      & > div > div {\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        align-content: center;\n        gap: 8px;\n        padding-block: 5px;\n      }\n    }\n    .radio-group-item-heading {\n      margin-top: 0;\n    }\n  }\n\n  "," {\n    &.bmi--input {\n      .bmi--input-radio_gender {\n        > div {\n          max-width: 186px;\n        }\n      }\n    }\n  }\n\n  "," {\n    &.bmi--input {\n      .bmi--input-radio_gender {\n        > div {\n          .gender-image {\n            width: 40px;\n            height: 40px;\n          }\n        }\n      }\n    }\n  }\n"],["\n  &.bmi--input {\n    + .bmi--input {\n      margin-top: 24px;\n    }\n    .inputLabel {\n      display: inline-block;\n      margin-bottom: 5px;\n      color: #595959;\n      font-weight: bold;\n      font-size: 12px;\n    }\n    .errorLabel {\n      line-height: 1.3;\n    }\n    input[type='radio'] {\n      padding: 0;\n    }\n    .bmi--input-radio_gender {\n      width: 100%;\n      gap: 16px;\n      > div {\n        width: calc(50% - 8px);\n      }\n      & > div > div {\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        align-content: center;\n        gap: 8px;\n        padding-block: 5px;\n      }\n    }\n    .radio-group-item-heading {\n      margin-top: 0;\n    }\n  }\n\n  "," {\n    &.bmi--input {\n      .bmi--input-radio_gender {\n        > div {\n          max-width: 186px;\n        }\n      }\n    }\n  }\n\n  "," {\n    &.bmi--input {\n      .bmi--input-radio_gender {\n        > div {\n          .gender-image {\n            width: 40px;\n            height: 40px;\n          }\n        }\n      }\n    }\n  }\n"])),e.mbUp,e.mbDown),g=p.div(r||(r=n([""],[""]))),s=p.div(x||(x=n(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  input {\n    font-size: 12px;\n  }\n  .gender-option {\n    gap: 16px;\n    > div {\n      width: calc(50% - 8px);\n    }\n  }\n  .input-label {\n    label {\n      display: inline-block;\n      margin-bottom: 9px;\n      color: #595959;\n      font-weight: bold;\n      font-size: 12px;\n    }\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  input {\n    font-size: 12px;\n  }\n  .gender-option {\n    gap: 16px;\n    > div {\n      width: calc(50% - 8px);\n    }\n  }\n  .input-label {\n    label {\n      display: inline-block;\n      margin-bottom: 9px;\n      color: #595959;\n      font-weight: bold;\n      font-size: 12px;\n    }\n  }\n"]))),c=p.div(m||(m=n(["\n  "," {\n    display: flex;\n    width: 100%;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 16px;\n    margin-bottom: 24px;\n    > div {\n      width: 100%;\n    }\n  }\n\n  "," {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin-bottom: 8px;\n  }\n  &[data-is-side='true'] {\n    "," {\n      display: flex;\n      flex-direction: column-reverse;\n      gap: 0px;\n    }\n  }\n"],["\n  "," {\n    display: flex;\n    width: 100%;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 16px;\n    margin-bottom: 24px;\n    > div {\n      width: 100%;\n    }\n  }\n\n  "," {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin-bottom: 8px;\n  }\n  &[data-is-side='true'] {\n    "," {\n      display: flex;\n      flex-direction: column-reverse;\n      gap: 0px;\n    }\n  }\n"])),e.mbUp,e.mbDown,e.mbUp);export{s as FormControl,o as StyledButton,g as StyledContainer,b as StyledInput,c as StyledRow};

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

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