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

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

@@ -1 +0,0 @@
-import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import e from"styled-components";var t,r,a,o=e.button(t||(t=n(["\n  background: #ffffff;\n  border: 1px solid ",";\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  border-radius: 24px;\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &[data-is-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n\n  &[data-is-left='true'] {\n    left: -16px;\n  }\n  &[data-is-left='false'] {\n    right: -16px;\n    left: auto;\n  }\n"],["\n  background: #ffffff;\n  border: 1px solid ",";\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  border-radius: 24px;\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &[data-is-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n\n  &[data-is-left='true'] {\n    left: -16px;\n  }\n  &[data-is-left='false'] {\n    right: -16px;\n    left: auto;\n  }\n"])),(function(n){return n.theme.colors.neutral200})),i=e.button(r||(r=n(["\n  background: ",";\n  border-radius: 50%;\n  cursor: pointer;\n  width: 8px;\n  height: 8px;\n\n  &[data-is-active='true'] {\n    background: ",";\n\n    &[data-is-hellosites='false'] {\n      background: ",";\n    }\n  }\n"],["\n  background: ",";\n  border-radius: 50%;\n  cursor: pointer;\n  width: 8px;\n  height: 8px;\n\n  &[data-is-active='true'] {\n    background: ",";\n\n    &[data-is-hellosites='false'] {\n      background: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink})),s=e.div(a||(a=n(["\n  ","\n\n  .navigation-wrapper {\n    position: relative;\n\n    .page-items {\n      display: grid;\n      grid-template-columns: repeat(",", 1fr);\n      grid-template-rows: repeat(",", 1fr);\n      gap: 12px;\n    }\n  }\n\n  .dots {\n    margin-top: 24px;\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n  }\n"],["\n  ","\n\n  .navigation-wrapper {\n    position: relative;\n\n    .page-items {\n      display: grid;\n      grid-template-columns: repeat(",", 1fr);\n      grid-template-rows: repeat(",", 1fr);\n      gap: 12px;\n    }\n  }\n\n  .dots {\n    margin-top: 24px;\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n  }\n"])),"\n   .keen-slider:not([data-keen-slider-disabled]) {\n    align-content: flex-start;\n    display: flex;\n    overflow: hidden;\n    position: relative;\n    user-select: none;\n    -webkit-touch-callout: none;\n    -khtml-user-select: none;\n    -ms-touch-action: pan-y;\n    touch-action: pan-y;\n    -webkit-tap-highlight-color: transparent;\n    width: 100%;\n\n    .keen-slider__slide {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      min-height: 100%;\n    }\n\n    &[data-keen-slider-reverse] {\n      flex-direction: row-reverse;\n    }\n\n    &[data-keen-slider-v] {\n      flex-wrap: wrap;\n    }\n  }\n\n  [data-keen-slider-moves] * {\n    pointer-events: none;\n  }\n}\n",(function(n){return n.column}),(function(n){return n.row}));export{o as StyledArrow,s as StyledCarousel,i as StyledDot};

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

@@ -1 +0,0 @@
-import e from"react";import{Text as t}from"../../atoms/text/index.js";import{StyledCategoryCard as a}from"./index.styled.js";var n=function(n){var r=n.imgBanner,l=n.label,m=n.className,o=n.style,c=n.href,s=void 0===c?"":c,i=n.dataEventCategory,d=n.dataEventAction,v=n.dataEventLabel;return e.createElement(a,{"data-event-category":i,"data-event-action":d,"data-event-label":v,className:m,style:o,href:s,onClick:function(e){""===s&&e.preventDefault()}},e.createElement("div",{className:"banner"},r),e.createElement("div",{className:"content"},e.createElement(t,{className:"category_name",size:"sm",type:"bold"},l)))};export{n as CategoryCard};

package/build/esm/components/molecules/categoryCard/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: flex;\n  height: 125px;\n\n  box-sizing: border-box;\n  flex-direction: column;\n  align-items: center;\n  padding: 8px;\n\n  border: 1px solid ",";\n  background-color: white;\n  border-radius: 6px;\n  box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n  cursor: pointer;\n  text-decoration: none;\n\n  & > .banner {\n    width: 100%;\n    height: 63px;\n    text-align: center;\n  }\n\n  & > .content {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-align: center;\n    word-break: break-word;\n  }\n\n  * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  height: 125px;\n\n  box-sizing: border-box;\n  flex-direction: column;\n  align-items: center;\n  padding: 8px;\n\n  border: 1px solid ",";\n  background-color: white;\n  border-radius: 6px;\n  box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n  cursor: pointer;\n  text-decoration: none;\n\n  & > .banner {\n    width: 100%;\n    height: 63px;\n    text-align: center;\n  }\n\n  & > .content {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-align: center;\n    word-break: break-word;\n  }\n\n  * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100}));export{r as StyledCategoryCard};

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

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

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

@@ -1 +0,0 @@
-import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import i from"styled-components";var t,a=i.div(t||(t=n(["\n  display: flex;\n\n  &[data-type='vertical'] {\n    flex-direction: column;\n\n    div {\n      margin-bottom: 20px;\n    }\n  }\n\n  &[data-type='horizontal'] {\n    flex-wrap: wrap;\n\n    div {\n      margin-right: 25px;\n    }\n\n    &[data-is-rectangle] {\n      div {\n        margin-right: 14px;\n      }\n    }\n  }\n"],["\n  display: flex;\n\n  &[data-type='vertical'] {\n    flex-direction: column;\n\n    div {\n      margin-bottom: 20px;\n    }\n  }\n\n  &[data-type='horizontal'] {\n    flex-wrap: wrap;\n\n    div {\n      margin-right: 25px;\n    }\n\n    &[data-is-rectangle] {\n      div {\n        margin-right: 14px;\n      }\n    }\n  }\n"])));export{a as StyledCheckboxGroup};

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

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

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

@@ -1 +0,0 @@
-import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import{theme as r}from"../../../misc/theme.js";import{Menu as a}from"../../atoms/menu/index.js";import i from"styled-components";var o,e,p,t=i.div(o||(o=n(["\n  /* Auto layout */\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 6px;\n\n  &[data-theme='marryBaby'] {\n    border: 1px solid #f3f3f3;\n    border-radius: 16px;\n    padding: 19px 16px;\n  }\n\n  &[data-theme='marryBaby'] .information {\n    gap: 4px;\n  }\n\n  .information {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    h5:first-letter {\n      text-transform: uppercase;\n    }\n    .detail {\n      display: flex;\n      gap: 16px;\n      div {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n      }\n    }\n  }\n"],["\n  /* Auto layout */\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 6px;\n\n  &[data-theme='marryBaby'] {\n    border: 1px solid #f3f3f3;\n    border-radius: 16px;\n    padding: 19px 16px;\n  }\n\n  &[data-theme='marryBaby'] .information {\n    gap: 4px;\n  }\n\n  .information {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    h5:first-letter {\n      text-transform: uppercase;\n    }\n    .detail {\n      display: flex;\n      gap: 16px;\n      div {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n      }\n    }\n  }\n"])),r.colors.white,r.colors.gray100),d=i.div(e||(e=n(["\n  position: absolute;\n  top: 18px;\n  right: 16px;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 18px;\n  right: 16px;\n  cursor: pointer;\n"]))),s=i(a)(p||(p=n(["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n  &[data-site='marryBaby'] {\n    border-radius: 12px;\n    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);\n    li {\n      display: flex;\n      gap: 16px;\n      align-items: center;\n      :hover {\n        background-color: ",";\n      }\n    }\n  }\n"],["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n  &[data-site='marryBaby'] {\n    border-radius: 12px;\n    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);\n    li {\n      display: flex;\n      gap: 16px;\n      align-items: center;\n      :hover {\n        background-color: ",";\n      }\n    }\n  }\n"])),r.mbColors.tonePink);export{t as StyledChildCard,s as StyledChildCardMenu,d as StyledOption};

package/build/esm/components/molecules/childCard/menu.js

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

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

@@ -1 +0,0 @@
-import e from"react";import{StyledAcceptCardContainer as t,StyledTitleSection as a,StyledDescription as n,StyledButtonGroup as o,StyledAcceptButton as i,StyledPoliciesButton as l}from"./index.styled.js";var c=function(c){var r=c.className,d=c.policiesUrl,s=c.onAcceptClick,u=c.translations,v=void 0===u?{acceptButton:"Accept",policiesButton:"Our Policies"}:u,m=c.title,p=void 0===m?"":m,E=c.description,f=void 0===E?"":E,h=c.theme,b=void 0===h?"helloSites":h,g=c.isOpen,y=void 0===g||g,A=c.useDefaultPosition,B=void 0===A||A,k=c.trackingAttributes;return e.createElement(t,{className:r,"data-theme":b,"data-is-open":y,"data-default-position":B},e.createElement(a,{"data-has-content":!!p},p),e.createElement(n,{dangerouslySetInnerHTML:{__html:f}}),e.createElement(o,null,e.createElement(i,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:s,"data-event-category":null==k?void 0:k.dataEventCategory,"data-event-action":null==k?void 0:k.dataEventAction,"data-event-label":null==k?void 0:k.dataEventLabel},v.acceptButton),e.createElement(l,{href:d},v.policiesButton)))};export{c as CookieAcceptConfirm};

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

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

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

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

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

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

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

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

package/build/esm/components/molecules/dateRangePicker/calendar/index.js

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

package/build/esm/components/molecules/dateRangePicker/calendar/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 e from"styled-components";var r=e.div(d||(d=n(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),i=e.div(l||(l=n(["\n  padding: 0 10px;\n"],["\n  padding: 0 10px;\n"]))),o=e.div(c||(c=n(["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"],["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"])),t.mbDown),a=e.div(p||(p=n(["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"],["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"]))),s=e(a)(u||(u=n(["\n  margin-bottom: 8px;\n"],["\n  margin-bottom: 8px;\n"])));e.div(g||(g=n(["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var d,l,c,p,u,g,f,h,x,m,b,y,v,w=e.div(f||(f=n(["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"],["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"])),(function(n){return n.theme.colors.gray800})),k=e.div(h||(h=n(["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"],["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.neutral100})),j=e.div(x||(x=n(["\n  margin: 0 auto;\n"],["\n  margin: 0 auto;\n"]))),z=e.div(m||(m=n(["\n  position: relative;\n"],["\n  position: relative;\n"]))),B=e(a)(b||(b=n([""],[""]))),D=e.div(y||(y=n(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"])),t.mbUp,(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray100})),U=e.div(v||(v=n(["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"],["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"])),t.mbDown,t.mbUp,(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}));export{i as StyledCalendarCellsWrapper,B as StyledCalendarDateGrid,w as StyledCalendarDayLabel,U as StyledCalendarDayNumber,D as StyledCalendarDayNumberWrapper,s as StyledCalendarDaysOfWeek,j as StyledCalendarDaysWrapper,a as StyledCalendarGrid,o as StyledCalendarHead,k as StyledCalendarMonthSeparator,z as StyledCalendarMonthWrapper,r as StyledCalendarWrapper};

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

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

package/build/esm/components/molecules/dateRangePicker/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 t from"styled-components";var p,r,e=t.div(p||(p=n(["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"],["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"])),o.mbDown),i=t.div(r||(r=n(["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"])),(function(n){return n.theme.colors.gray200}),o.mbDown);export{i as StyledCalendarWrapper,e as StyledWrapper};

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

@@ -1 +0,0 @@
-import{__assign as o}from'./../../../externals/tslib/tslib.es6.js';import{isBefore as r}from"date-fns";function m(m,t){return t.from||t.to?t.from&&t.to?{from:m,to:null}:t.from?r(m,t.from)?o(o({},t),{from:m}):o(o({},t),{to:m}):t:o(o({},t),{from:m})}export{m as handleClickDay};

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

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

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

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

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

@@ -1 +0,0 @@
-import{__makeTemplateObject as n}from'./../../../externals/tslib/tslib.es6.js';import o from"styled-components";var e,i,r,t,d,p,a=o.div(e||(e=n(["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n  }\n"],["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.blue200})),s=o.div(i||(i=n(["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),x=o.ul(r||(r=n(["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"],["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),l=o.li(t||(t=n(["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"],["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),g=o.div(d||(d=n(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),h=o.div(p||(p=n(["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"],["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"])));export{a as StyledDropdown,h as StyledDropdownLabel,x as StyledDropdownList,s as StyledDropdownName,l as StyledDropdownOption,g as StyledIcon};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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