@hhgtech/hhg-components 1.20.45 → 1.20.46

package/build/esm/components/atoms/marryBabyText.js

@@ -0,0 +1 @@
+import{b as n,a as t,_ as e}from"../../tslib.es6-260fa47f.js";import i from"react";import p from"styled-components";var o,a,h=p((function(n){var e=n.type,p=t(n,["type"]);return i.createElement(e,p)}))(o||(o=n(["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"],["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"])),(function(n){return n.theme.mbColors.dark})),l=p.p(a||(a=n(["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"],["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"])),(function(n){return n.theme.mbColors.dark})),x=function(n){var p=n.type,o=n.color,a=n.style,l=t(n,["type","color","style"]);return i.createElement(h,e({type:p,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[p],style:e(e({},o&&{"--text-color":o}),a)},l))},r=function(n){var p=n.type,o=n.color,a=n.style,h=t(n,["type","color","style"]);return i.createElement(l,e({"data-type":p,style:e(e({},a),o&&{"--text-color":o})},h))};export{x as MarryBabyHeading,r as MarryBabyText};

package/build/esm/components/atoms/menu.js

@@ -0,0 +1 @@
+import{b as n,a as r,_ as o}from"../../tslib.es6-260fa47f.js";import e from"react";import{t}from"../../theme-a50a1aa5.js";import i from"styled-components";var a,p,d=i.div(a||(a=n(["\n  min-width: 212px;\n  width: ",";\n  background-color: #ffffff;\n  border-radius: 6px;\n  overflow: hidden;\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  ul {\n    list-style: none;\n  }\n"],["\n  min-width: 212px;\n  width: ",";\n  background-color: #ffffff;\n  border-radius: 6px;\n  overflow: hidden;\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  ul {\n    list-style: none;\n  }\n"])),(function(n){return n.width+"px"})),l=i.li(p||(p=n(["\n  background-color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: left;\n  gap: 10px;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background-color 200ms ease-in-out;\n  &:hover {\n    background-color: ",";\n  }\n  .icon {\n    width: 16px;\n    height: 16px;\n  }\n"],["\n  background-color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: left;\n  gap: 10px;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background-color 200ms ease-in-out;\n  &:hover {\n    background-color: ",";\n  }\n  .icon {\n    width: 16px;\n    height: 16px;\n  }\n"])),t.colors.neutral50),c=function(n){var t=n.children,i=n.width,a=void 0===i?300:i,p=r(n,["children","width"]);return e.createElement(d,o({},p,{width:a}),e.createElement("ul",null,t))};c.Item=function(n){var t=n.icon,i=n.children,a=r(n,["icon","children"]);return e.createElement(l,o({},a),t&&e.createElement("div",{className:"icon"},t),i)};export{c as Menu};

package/build/esm/components/atoms/newBabyProfileRadio.js

@@ -0,0 +1 @@
+import e from"react";import{u as t}from"../../useTranslations-32d4da23.js";import"lodash/debounce";import"../../constants-3be6f6a9.js";import"date-fns";import"../../animation-e703e19e.js";import"../../lazyLoad-59e8ff6d.js";import"styled-components";import{t as o}from"../../theme-a50a1aa5.js";import"../../utils-432904d8.js";import"../../Locale-69030fff.js";import{Input as a}from"./input.js";import{Text as r}from"./text.js";import{S as i}from"../../index.styled-41fcfc4d.js";import"../../en-PH-15a5d362.js";import"../../translationsContext-d658f58d.js";import"string-format";import"../../tslib.es6-260fa47f.js";import"vanilla-lazyload";import"./label.js";import"../../index.styled-a6be0beb.js";var s=function(s){var n=s.isActive,m=s.onChange,l=s.value,p=void 0===l?"":l,d=s.onInputChange,c=t().t;return e.createElement(i,{onClick:function(){return m("new")}},e.createElement("div",{className:"title"},e.createElement(r,{size:"p2",color:o.colors.gray800},c("chooseBaby.new")),e.createElement("div",{className:n?"radio active":"radio"})),e.createElement(a,{name:"name",value:p,size:"md",placeholder:c("chooseBaby.placeholder"),type:"text",onChange:d}))};export{s as NewBabyProfileRadio};

package/build/esm/components/atoms/pagination.js

@@ -0,0 +1 @@
+import{c as e}from"../../tslib.es6-260fa47f.js";import t,{useState as n,useMemo as a,useEffect as r,Fragment as l}from"react";import{f as o}from"../../utils-432904d8.js";import{S as i,a as c,b as s}from"../../index.styled-f3b75621.js";import"styled-components";var m=function(a){var i=a.pagesAmount,c=a.activePage,m=a.handlePageChange,g=a.handleClick,h=a.href,u=a.queryPageName,p=void 0===u?"page":u,d=e([],Array(i),!0).map((function(e,t){return t+1})),f=n(c<=4?d.slice(0,5):c>=d.length-3?d.slice(d.length-5,d.length):d.slice(c-2,c+1)),k=f[0],E=f[1];return r((function(){c<=4?E(d.slice(0,5)):c>=d.length-3?E(d.slice(d.length-5,d.length)):E(d.slice(c-2,c+1))}),[c]),t.createElement(l,null,c>4&&t.createElement(l,null,t.createElement(s,{onClick:function(){return m(1)}},h?t.createElement("a",{href:h,onClick:g},1):1),t.createElement(s,null,"...")),k.map((function(e){return t.createElement(s,{key:"".concat("pagination","+").concat(e),"data-page-active":e===c||void 0,onClick:function(){return m(e)}},h?t.createElement("a",{href:o(h,e,p),onClick:g},e):e)})),c<d.length-3&&t.createElement(l,null,t.createElement(s,null,"..."),t.createElement(s,{onClick:function(){return m(d.length)}},h?t.createElement("a",{href:o(h,d.length,p),onClick:g},d.length):d.length)))},g=function(l){var g=l.className,h=l.pagesAmount,u=l.currentPage,p=l.onChange,d=l.onClick,f=l.style,k=l.href,E=l.queryPageName,v=void 0===E?"page":E,w=e([],Array(h),!0).map((function(e,t){return t+1})),C=n(u),L=C[0],x=C[1],y=a((function(){return k&&k.endsWith("&page=")?k.replace("&page=",""):k}),[k]),P=h-1,j=function(e){e<=h&&e>0&&(x(e),p(e))},N=function(e){d&&d(e)};return r((function(){x(u)}),[u]),t.createElement(i,{className:g,style:f},t.createElement(c,{className:"prev-page",onClick:function(){return j(L-1)},"data-last-page":1===L||void 0},y?t.createElement("a",{href:o(y,L,v),onClick:N},t.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):t.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),w.length>8?t.createElement(m,{pagesAmount:h,activePage:L,handlePageChange:j,handleClick:N,href:y,queryPageName:v}):w.map((function(e){return t.createElement(s,{key:"".concat("pagination","+").concat(e),"data-page-active":e===L||void 0,onClick:function(){return j(e)}},y?t.createElement("a",{href:o(y,e,v),onClick:N},e):e)})),t.createElement(c,{className:"next-page",onClick:function(){return j(L+1)},"data-last-page":L===P+1||void 0},y?t.createElement("a",{href:o(y,L,v),onClick:N},t.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):t.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))};export{g as Pagination};

package/build/esm/components/atoms/progress.js

@@ -0,0 +1 @@
+import{_ as e}from"../../tslib.es6-260fa47f.js";import r from"react";import{S as t}from"../../index.styled-7b4d2a6a.js";import"styled-components";var s=function(s){var o=s.percent,a=s.style;return r.createElement(t,{style:e({"--progress":o},a)})};export{s as Progress};

package/build/esm/components/atoms/pureInput.js

@@ -0,0 +1 @@
+import{b as n,a as e,_ as t}from"../../tslib.es6-260fa47f.js";import o,{useState as i}from"react";import{Label as a}from"./label.js";import{M as r}from"../../utils-432904d8.js";import s from"styled-components";var l=s.div(p||(p=n(["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.sizes.fwRegular}),r.mbDown,r.mbUp,(function(n){return n.theme.sizes.fwRegular}),r.mbDown,r.mbUp,(function(n){return n.theme.sizes.fwRegular}),r.mbDown,r.mbUp);s.label(d||(d=n(["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"],["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold}));var p,d,u,c,h,f=s.label(u||(u=n(["\n  color: ",";\n  font-weight: ",";\n"],["\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.sizes.fwRegular})),m=s.div(c||(c=n(["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"]))),x=s.div(h||(h=n(["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"]))),g=o.forwardRef((function(n,r){var s=n.name,p=n.errorMessage,d=n.autoComplete,u=void 0===d?"off":d,c=n.defaultValue,h=n.actionIcon,g=n.displayIcon,b=n.isDeleteAction,y=n.onActionClick,z=n.label,v=n.placeholder,w=n.className,C=n.onChange,N=n.onKeyPress,I=n.isDisabled,K=n.CustomInput,k=n.size,D=n.style,E=n.autoFocus,F=void 0===E||E,R=n.type,A=void 0===R?"text":R,M=n.isNumerousKeyboard,P=void 0!==M&&M,Y=n.onFocus,j=n.enterKeyHint,H=n.nativeOnChange,U=e(n,["name","errorMessage","autoComplete","defaultValue","actionIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","autoFocus","type","isNumerousKeyboard","onFocus","enterKeyHint","nativeOnChange"]),B=i(c),L=B[0],O=B[1];return o.createElement(l,{"data-size":k,className:w,"data-has-action-icon":!!h||void 0,"data-has-display-icon":!!g||void 0,"data-has-error":p&&p.length>0||void 0,style:D},z&&o.createElement(a,{size:"label2",htmlFor:s,className:"inputLabel"},z),o.createElement("div",{style:{position:"relative"}},K||o.createElement("input",t({id:s,name:s,placeholder:v,onChange:null!=H?H:function(n){return e=n.target.value,O(e),void C(e);var e},onKeyPress:N,type:A,"aria-label":A,disabled:I,value:L,autoComplete:u,ref:r,autoFocus:F,inputMode:P||"number"===A?"numeric":A,pattern:P?"[0-9]*":".*",onFocus:Y,enterKeyHint:j},U)),g&&o.createElement(x,{className:"displayIcon"},g),h&&o.createElement(m,{className:"actionIcon",onClick:function(){var n;b&&(O(""),null===(n=r.current)||void 0===n||n.focus()),y&&y()}},h)),p&&p.length>0&&o.createElement(f,{className:"errorLabel"},p))}));g.displayName="PureInput";export{g as PureInput};

package/build/esm/components/atoms/radio.js

@@ -0,0 +1 @@
+import{_ as e}from"../../tslib.es6-260fa47f.js";import a from"react";import{S as t}from"../../index.styled-c2186de7.js";import"styled-components";var n=function(n){var o=n.type,c=n.size,d=void 0===c?"small":c,l=n.label,r=n.name,i=n.checked,s=n.value,m=n.className,v=n.isDisabled,p=void 0!==v&&v,b=n.onChange,f=n.dataEventCategory,u=n.dataEventAction,y=n.dataEventLabel,E=!!u&&!!f&&!!y?{"data-event-category":f,"data-event-action":u,"data-event-label":y}:{};return a.createElement(t,{"data-disabled":p,className:m,"data-type":o,"data-size":d},a.createElement("input",e({type:"radio",checked:i,name:r,id:"".concat(r,"-").concat(s),value:s,onChange:function(){return b(s)}},E)),a.createElement("label",e({htmlFor:"".concat(r,"-").concat(s)},E),l))};export{n as Radio};

package/build/esm/components/atoms/radioImageGroup.js

@@ -0,0 +1 @@
+import e,{useState as a}from"react";import{Text as t}from"./text.js";import{S as l,a as o}from"../../index.styled-3a97799e.js";import"../../tslib.es6-260fa47f.js";import"../../theme-a50a1aa5.js";import"../../utils-432904d8.js";import"styled-components";var i=function(i){var r=i.value,n=i.options,s=i.className,m=i.direction,c=void 0===m?"horizontal":m,d=i.onChange,p=i.isDisabled,u=a(r),v=u[0],b=u[1];return e.createElement(l,{className:s,"data-direction":c},n.map((function(a,l){return e.createElement(o,{"data-selected":(r||v)===a.value,"data-disabled":p,key:l,onClick:function(){var e;e=a.value,p||(b(e),d&&d(e))}},e.createElement("div",null,a.content,a.label&&e.createElement(t,{type:"bold",color:(r||v)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))})))};export{i as RadioImageGroup};

package/build/esm/components/atoms/rateStars.js

@@ -0,0 +1 @@
+import{_ as e}from"../../tslib.es6-260fa47f.js";import t,{useState as n}from"react";import{S as r}from"../../index.styled-db5aa049.js";import"styled-components";var l=function(n){return t.createElement("svg",e({},n,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),t.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"}))},o=function(n){return t.createElement("svg",e({},n,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),t.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"}))},a=function(n){return t.createElement("svg",e({},n,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),t.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),t.createElement("mask",{id:"mask0_3555_5815",maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},t.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),t.createElement("g",{mask:"url(#mask0_3555_5815)"},t.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},i=function(i){var s=i.gap,L=void 0===s?2:s,c=i.size,m=void 0===c?24:c,u=i.star,C=i.totalStars,f=void 0===C?5:C,v=i.onSelect,d=i.hideEmptyStars,h=i.style,p=i.className,w=Math.floor(u),E=u-w>=.5?1:0,g=n(null),k=g[0],M=g[1],x=k||w,y=k?0:E;return t.createElement(r,{"data-selectable":!!v,style:e({"--gap":L,"--star-size":m},h),className:p},Array.from({length:d?w+E:f}).map((function(e,n){var r=function(){return!!v&&M(n+1)},i=function(){return!!v&&M(null)};return n+1<=x?t.createElement(o,{key:n,onClick:function(){return null==v?void 0:v(n+1)},onMouseOver:r,onMouseLeave:i}):n+1===x+y?t.createElement(a,{key:n,onClick:function(){return null==v?void 0:v(n+1)},onMouseOver:r,onMouseLeave:i}):t.createElement(l,{key:n,onClick:function(){return null==v?void 0:v(n+1)},onMouseOver:r,onMouseLeave:i})})))};export{i as RateStars};

package/build/esm/components/atoms/shadow.js

@@ -0,0 +1 @@
+import e from"react";import{S as s}from"../../index.styled-b8c131bf.js";import"../../tslib.es6-260fa47f.js";import"styled-components";var t=function(t){var r=t.size,a=t.children,o=t.style,i=t.className;return e.createElement(s,{style:o,className:i,"data-shadow-size":r},a)};export{t as Shadow};

package/build/esm/components/atoms/slider.js

@@ -0,0 +1 @@
+import{_ as e}from"../../tslib.es6-260fa47f.js";import t,{useState as a,useEffect as r}from"react";import{Range as n,getTrackBackground as o,useThumbOverlap as s}from"react-range";import{Text as l}from"./text.js";import{S as m,a as i,b as c,c as u,d,e as f}from"../../index.styled-7eda6b11.js";import"../../theme-a50a1aa5.js";import"../../utils-432904d8.js";import"styled-components";function p(e){var a=e.rangeRef,r=e.values,n=e.index,o=s(a,r,n,1," - ",(function(e){return e})),l=o[0],m=o[1];return t.createElement(t.Fragment,null,t.createElement(d,{"data-label":n,style:m},l),t.createElement(f,{"data-label":n}))}var E=function(s){var d=s.step,f=s.min,E=s.max,v=s.value,b=s.onChange,g=s.className,h=s.heading,x=s.isMobile,y=void 0!==x&&x,D=["#DBDFE5","#2D87F3","#DBDFE5"],F=t.useRef(),j=a(v),M=j[0],T=j[1];r((function(){T(v)}),[v[0],v[1]]);return t.createElement(m,{className:g},t.createElement(n,{ref:F,values:M[0]>=f&&M[1]<=E?M:[f,E],onChange:T,onFinalChange:b,renderThumb:function(a){var r=a.props,n=a.index;return t.createElement(i,e({},r),t.createElement(p,{rangeRef:F.current,values:M,index:n,isMobile:y}))},renderTrack:function(a){var r=a.props,n=a.children,s={background:o({values:M,colors:D,min:f,max:E})};return t.createElement(t.Fragment,null,h&&t.createElement(l,{size:"md",type:"bold"},h),t.createElement(c,{onMouseDown:r.onMouseDown,onTouchStart:r.onTouchStart,style:e({},r.style)},t.createElement(u,{ref:r.ref,style:s},n)))},step:d,min:f,max:E}))};export{E as Slider};

package/build/esm/components/atoms/tag.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-260fa47f.js";import a from"react";import{Text as e}from"./text.js";import{S as i}from"../../index.styled-18eeca5a.js";import"../../theme-a50a1aa5.js";import"../../utils-432904d8.js";import"styled-components";var s=function(s){var o=s.type,d=s.children,r=s.style,l=s.isInline,n=s.isSquared,m=void 0!==n&&n,p=s.className,c=s.isLight,g=s.hasMorePadding,v=s.isLink,f=s.isSelected,h=s.textProps,y=void 0===h?{size:"sm"}:h,u=y.color?{"--text-props-color":y.color}:{};return a.createElement(i,{"data-is-squared":m||void 0,"data-tag-type":o,"data-is-light":c||void 0,"data-has-more-padding":g||void 0,"data-is-inline":l||void 0,style:t(t({},r),u),className:p,"data-is-selected":f||void 0,"data-is-link":v||void 0,tagType:o,isInline:l,tagHasMorePadding:g,tagIsLight:c,tagIsSquared:m,tagIsALink:v},a.createElement(e,t({},y),d))};export{s as Tag};

package/build/esm/components/atoms/text.js

@@ -0,0 +1 @@
+import{b as n,_ as e}from"../../tslib.es6-260fa47f.js";import t from"react";import{t as i}from"../../theme-a50a1aa5.js";import{M as r}from"../../utils-432904d8.js";import p from"styled-components";var a,o=p.p(a||(a=n(["\n  --text-color: var(\n    --custom-color,\n    ","\n  );\n\n  color: var(--text-color);\n  letter-spacing: 0px;\n  font-weight: ",";\n  ","\n\n  /* Make caption uppercase */\n  ","\n\n  ","\n\n  ","\n\n  ","\n"],["\n  --text-color: var(\n    --custom-color,\n    ","\n  );\n\n  color: var(--text-color);\n  letter-spacing: 0px;\n  font-weight: ",";\n  ","\n\n  /* Make caption uppercase */\n  ","\n\n  ","\n\n  ","\n\n  ","\n"])),(function(n){return n.theme.defaultColor||n.theme.colors.gray800}),(function(n){return function(n){switch(n){case"bold":case"caption":return i.sizes.fwBold;case"semiBold":return i.sizes.fwSemiBold;default:return i.sizes.fwRegular}}(n.textType)}),(function(n){return function(n){switch(n){case"lg":case"md":return"\n        font-size: 16px;\n        line-height: 28px;\n        ".concat(r.tdUp," {\n            font-size: 18px;\n            line-height: 32px;\n            letter-spacing: -0.2px;\n        }\n      ");case"base":return"\n        font-size: 16px;\n        line-height: 24px;\n        ".concat(r.tdUp," {\n          font-size: 16px;\n          line-height: 24px;\n        }\n      ");case"sm":return"\n      font-size: 14px;\n        line-height: 22px;\n        letter-spacing: -0.2px;\n        ".concat(r.tdUp," {\n          font-size: 16px;\n          line-height: 24px;\n        }\n      ");case"p4":case"xs":case"c2":return"\n        font-size: 12px;\n        line-height: 18px;\n        ".concat(r.tdUp," {\n          font-size: 14px;\n          line-height: 24px;\n        }\n      ");case"s1":return"\n      font-size: 18px;\n      line-height: 28px;\n      letter-spacing: -0.6px;\n      ".concat(r.tdUp," {\n        font-size: 22px;\n        line-height: 32px;\n        letter-spacing: -0.6px;\n        }\n      ");case"s2":return"\n        font-size: 16px;\n        line-height: 24px;\n        letter-spacing: -0.2px;\n        ".concat(r.tdUp," {\n          font-size: 18px;\n          line-height: 28px;\n          letter-spacing: -0.2px;\n        }\n      ");case"s3":return"\n        font-size: 14px;\n        line-height: 22px;\n        ".concat(r.tdUp," {\n          font-size: 16px;\n          line-height: 24px;\n        }\n      ");case"s4":return"\n        font-size: 12px;\n        line-height: 18px;\n        ".concat(r.tdUp," {\n          font-size: 14px;\n          line-height: 22px;\n        }\n      ");case"s5":return"\n        font-size: 10px;\n        line-height: 16px;\n        ".concat(r.tdUp," {\n          font-size: 12px;\n          line-height: 18px;\n        }\n      ");case"p1":return"\n        font-size: 18px;\n        line-height: 28px;\n        ".concat(r.tdUp," {\n          font-size: 18px;\n          line-height: 28px;\n          letter-spacing: -0.2px;\n        }\n      ");case"p2":return"\n        font-size: 16px;\n        line-height: 24px;\n        ".concat(r.tdUp," {\n          font-size: 16px;\n          line-height: 26px;\n        }\n      ");case"p3":return"\n        font-size: 14px;\n        line-height: 18px;\n        ".concat(r.tdUp," {\n          font-size: 14px;\n          line-height: 24px;\n        }\n      ");case"c1":return"\n        font-size: 14px;\n        line-height: 24px;\n        ".concat(r.tdUp," {\n          font-size: 16px;\n          line-height: 26px;\n        }\n      ");case"n1":return"\n        font-size: 12px;\n        line-height: 18px;\n        ".concat(r.tdUp," {\n          font-size: 12px;\n          line-height: 18px;\n        }\n      ");case"label1":return"\n        font-size: 14px;\n        line-height: 22px;\n        ".concat(r.tdUp," {\n\n        }\n      ");case"label2":return"\n        font-size: 12px;\n        line-height: 18px;\n        ".concat(r.tdUp," {\n\n        }\n      ")}}(n.textSize)}),(function(n){return"caption"===n.textType&&"\n    text-transform: uppercase;\n  "}),(function(n){return"break-all"===n.textWordWrap&&"\n    word-break: break-all;\n  "}),(function(n){return"break-word"===n.textWordWrap&&"\n    word-break: break-word;\n  "}),(function(n){return n.textIsUpperCase&&"\n    text-transform: uppercase;\n  "})),s=function(n){var i=n.size,r=void 0===i?"base":i,p=n.type,a=void 0===p?"regular":p,s=n.title,c=n.className,x=n.style,l=n.children,h=n.color,f=n.dataEventCategory,u=n.dataEventAction,d=n.dataEventLabel,g=n.as,z=n.wordWrap,m=n.isUppercase,U=n.dangerouslySetInnerHTML,b={"--custom-color":h};return t.createElement(o,{title:s,"data-size":r,"data-type":a,style:e(e({},x),b),className:c,"data-event-category":f,"data-event-action":u,"data-event-label":d,"data-word-wrap":z,"data-is-uppercase":m,as:g,textSize:r,textType:a,textWordWrap:z,textIsUpperCase:m,dangerouslySetInnerHTML:U},l)};export{s as Text};

package/build/esm/components/atoms/textArea.js

@@ -0,0 +1 @@
+import{b as e}from"../../tslib.es6-260fa47f.js";import n from"react";import r from"styled-components";import{Label as o}from"./label.js";var t,a=r.div(t||(t=e(["\n  textarea {\n    width: 100%;\n    height: var(--textarea-height, 116px);\n    padding: 1rem;\n    border: 1px solid ",";\n    border-radius: 6px;\n    color: ",";\n    font-size: 14px;\n    resize: none;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px #91caff;\n    }\n\n    &::placeholder {\n      color: ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n"],["\n  textarea {\n    width: 100%;\n    height: var(--textarea-height, 116px);\n    padding: 1rem;\n    border: 1px solid ",";\n    border-radius: 6px;\n    color: ",";\n    font-size: 14px;\n    resize: none;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px #91caff;\n    }\n\n    &::placeholder {\n      color: ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n"])),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.gray500}),(function(e){return e.theme.colors.neutral50})),l=n.forwardRef((function(e,r){var t,l=e.height,s=e.placeholder,i=e.labelText,d=e.labelColor,c=e.id,p=e.name,h=e.onChange,x=e.value,u=e.className,f=e.onKeyPress,m=e.disabled,b=void 0!==m&&m;return n.createElement(a,{className:u,style:(t={},t["--textarea-height"]=l||"116px",t)},i&&n.createElement(o,{size:"label2",style:{color:d||"#595959"},htmlFor:c},i),n.createElement("textarea",{name:p,ref:r,placeholder:s,id:c,onChange:function(e){return h&&h(e.target.value)},onKeyPress:function(e){return f&&f(e)},value:x,disabled:b}))}));export{l as TextArea};

package/build/esm/components/atoms/textDivider.js

@@ -0,0 +1 @@
+import{b as n}from"../../tslib.es6-260fa47f.js";import e from"react";import{Container as t}from"./container.js";import{Text as r}from"./text.js";import a from"styled-components";import"../../utils-432904d8.js";import"../../theme-a50a1aa5.js";var i,o=a.div(i||(i=n(["\n  background-color: var(--neutral50);\n  padding: 12px 0;\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n\n  > * {\n    display: grid;\n    grid-template-columns: 32px 1fr;\n    align-content: center;\n\n    p {\n      font-weight: 600;\n    }\n  }\n\n  .icon-wrapper {\n    display: flex;\n    align-items: center;\n  }\n"],["\n  background-color: var(--neutral50);\n  padding: 12px 0;\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n\n  > * {\n    display: grid;\n    grid-template-columns: 32px 1fr;\n    align-content: center;\n\n    p {\n      font-weight: 600;\n    }\n  }\n\n  .icon-wrapper {\n    display: flex;\n    align-items: center;\n  }\n"]))),l=function(n){var a=n.children,i=n.icon,l=n.className,p=n.style;return e.createElement(o,{style:p,className:l},e.createElement(t,null,e.createElement("div",{className:"icon-wrapper"},i),e.createElement(r,{size:"c1",color:"var(--neutral800)"},a)))};export{l as TextDivider};

package/build/esm/components/atoms/toggle.js

@@ -0,0 +1 @@
+import e from"react";import{S as t,a,b as l}from"../../index.styled-b9ee0859.js";import"../../tslib.es6-260fa47f.js";import"styled-components";var n=function(n){var r=n.className,c=n.id,s=n.onChange,m=n.checked,o=n.style,i=n.label;return e.createElement(t,{className:r,style:o},e.createElement("input",{type:"checkbox",id:c,onChange:s,checked:m}),e.createElement("label",{htmlFor:c},e.createElement(a,null),i&&e.createElement(l,null,i)))};export{n as Toggle};

package/build/esm/components/atoms/underlinedLink.js

@@ -0,0 +1 @@
+import e from"react";import{S as s}from"../../index.styled-21bf0a76.js";import"../../tslib.es6-260fa47f.js";import"styled-components";var t=function(t){var a=t.size,i=t.isDisabled,r=t.className,l=t.link,o=t.style;return e.createElement(s,{className:r,"data-size":a,style:o,"data-disabled":i||void 0},l)};export{t as UnderlinedLink};

package/build/esm/components/atoms/uploader.js

@@ -0,0 +1 @@
+import e from"react";import{Button as t}from"./button.js";import{S as l,a,b as n,c as r}from"../../index.styled-4516ef5a.js";import"../../tslib.es6-260fa47f.js";import"../../index.styled-76f02a1e.js";import"styled-components";var o=function(o){var i=o.type,c=o.withIcon,s=o.onFileSelected,m=o.inputId,d=o.withElement,p=o.fileAcceptType,u=o.multiple,f=o.value,y=o.className,E=function(){var e;null===(e=document.querySelector("#uploader-input-"+m))||void 0===e||e.click()};return e.createElement(l,{className:y},"badge"===i?e.createElement(a,{onClick:E,"data-is-attached-to-element":!!d},d,e.createElement(n,{"data-is-attached-to-element":!!d},c)):d?e.createElement("div",{onClick:E},d):e.createElement(t,{size:"md",color:"secondary",className:"default-button",icon:c,onClick:E},e.createElement(r,null,e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"upload"),e.createElement("path",{className:"prefix__cls-1",d:"M14 10v2.67A1.33 1.33 0 0112.67 14H3.33A1.33 1.33 0 012 12.67V10M11.33 5.33L8 2 4.67 5.33M8 2v8",transform:"translate(-1.25 -1.25)"})),"Upload Image")),e.createElement("input",{id:"uploader-input-"+m,accept:p,multiple:u,type:"file",style:{display:"none"},onChange:function(e){s(e.target.files)},value:f}))};export{o as Uploader};

package/build/esm/components/atoms.js

@@ -0,0 +1 @@
+export{Alert}from"./atoms/alert.js";export{Avatar}from"./atoms/avatar.js";export{Badge}from"./atoms/badge.js";export{BorderHeading}from"./atoms/borderHeading.js";export{Button}from"./atoms/button.js";export{Divider}from"./atoms/divider.js";export{FileDropdown}from"./atoms/fileDropdown.js";export{Flag}from"./atoms/flag.js";export{Grid}from"./atoms/grid.js";export{Heading}from"./atoms/heading.js";export{Input}from"./atoms/input.js";export{Label}from"./atoms/label.js";export{Logo}from"./atoms/logo.js";export{Pagination}from"./atoms/pagination.js";export{PureInput}from"./atoms/pureInput.js";export{Radio}from"./atoms/radio.js";export{Shadow}from"./atoms/shadow.js";export{Slider}from"./atoms/slider.js";export{Tag}from"./atoms/tag.js";export{Text}from"./atoms/text.js";export{Toggle}from"./atoms/toggle.js";export{UnderlinedLink}from"./atoms/underlinedLink.js";export{Uploader}from"./atoms/uploader.js";export{TextArea}from"./atoms/textArea.js";export{Container}from"./atoms/container.js";export{Checkbox}from"./atoms/checkbox.js";export{TextDivider}from"./atoms/textDivider.js";export{RateStars}from"./atoms/rateStars.js";export{Icon}from"./atoms/icons.js";export{Progress}from"./atoms/progress.js";export{Drawer}from"./atoms/drawer.js";export{Menu}from"./atoms/menu.js";export{RadioImageGroup}from"./atoms/radioImageGroup.js";export{NewBabyProfileRadio}from"./atoms/newBabyProfileRadio.js";import"react";import"../index.styled-c9c43e63.js";import"../tslib.es6-260fa47f.js";import"styled-components";import"../theme-a50a1aa5.js";import"../utils-432904d8.js";import"../index.styled-3a7f1be6.js";import"../index.styled-5cc30198.js";import"../index.styled-c7311908.js";import"../index.styled-76f02a1e.js";import"../index.styled-bc1e34ec.js";import"../index.styled-8a2fdae1.js";import"../index.styled-35802967.js";import"../index.styled-14385ba4.js";import"../index.styled-ee90d157.js";import"../index.styled-a6be0beb.js";import"../index.styled-f3b75621.js";import"../index.styled-c2186de7.js";import"../index.styled-b8c131bf.js";import"react-range";import"../index.styled-7eda6b11.js";import"../index.styled-18eeca5a.js";import"../index.styled-b9ee0859.js";import"../index.styled-21bf0a76.js";import"../index.styled-4516ef5a.js";import"../index.styled-070ed8ad.js";import"../index.styled-db5aa049.js";import"../Stethoscope-43935dbb.js";import"../index.styled-7b4d2a6a.js";import"react-dom";import"./atoms/backdrop.js";import"../index.styled-e4f1d848.js";import"../index.styled-3247d7d7.js";import"../animation-e703e19e.js";import"../index.styled-3a97799e.js";import"../useTranslations-32d4da23.js";import"../en-PH-15a5d362.js";import"../translationsContext-d658f58d.js";import"string-format";import"lodash/debounce";import"../constants-3be6f6a9.js";import"date-fns";import"../lazyLoad-59e8ff6d.js";import"vanilla-lazyload";import"../Locale-69030fff.js";import"../index.styled-41fcfc4d.js";

package/build/esm/components/mantine/select.js

@@ -0,0 +1 @@
+import{b as e,_ as n}from"../../tslib.es6-260fa47f.js";import t from"react";import{Select as o}from"@mantine/core";import r from"styled-components";var i,s=r(o)(i||(i=e(["\n  .mantine-Select-input {\n    border-radius: 6px;\n    &:hover,\n    &:focus {\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n  }\n"],["\n  .mantine-Select-input {\n    border-radius: 6px;\n    &:hover,\n    &:focus {\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n  }\n"])),(function(e){return e.theme.colors.blue200})),a=function(e){return t.createElement(s,n({rightSection:t.createElement("svg",{width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M1 1L5 5L9 1",stroke:"#595959",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},e))};export{a as Select};

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

@@ -0,0 +1 @@
+import{_ as e}from"../../tslib.es6-260fa47f.js";import t from"react";var r=function(r){var a=r.ampNextArticles,n=(null==a?void 0:a.filter(Boolean))||[];if(!(null==n?void 0:n.length))return null;return t.createElement("amp-next-page",null,t.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(n.map((function(e){return{image:e.image||"",title:e.title?JSON.stringify(e.title):"",url:e.link||""}})))}}),t.createElement("div",e({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:"))};export{r as AmpNextPage};

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

@@ -0,0 +1 @@
+import e from"react";import{t as a}from"../../theme-a50a1aa5.js";import{Heading as t}from"../atoms/heading.js";import{Text as r}from"../atoms/text.js";import{S as o,a as l,b as n,c as i}from"../../index.styled-f9636b35.js";import"../../tslib.es6-260fa47f.js";import"../../index.styled-ee90d157.js";import"../../utils-432904d8.js";import"styled-components";var m=function(a){var t=a.avatarImg,o=a.authorName,l=a.authorLink,i=a.uploadTime,m=a.size;return e.createElement(n,null,e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":m},t),e.createElement("div",{className:"poster","data-is-disabled-url":!l},e.createElement(r,{size:"lg"===m?"p3":"p4"},e.createElement("a",{href:l},e.createElement("span",{className:"name"},o),"•"," "),e.createElement("span",null,i)))))},s=function(o){var l=o.isMobile,m=o.avatarImg,s=o.name,c=o.link,d=o.size,v=void 0===d?"lg":d,E=o.specialty;return o.handleClick,o.isBookmarked,o.dataEventCategoryForBookmark,o.dataEventActionForBookmark,o.dataEventLabelForBookmark,e.createElement(n,null,e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":v},m),e.createElement("div",{className:"expert","data-is-disabled-url":!c},l?e.createElement("a",{href:c},"lg"===v?e.createElement(e.Fragment,null,e.createElement(t,{tag:"h6",className:"expert__name",color:a.colors.gray600},s),e.createElement(r,{color:a.colors.gray500,size:"p3",className:"specialty"},E)):e.createElement(e.Fragment,null,e.createElement(t,{tag:"h6",className:"expert__name",color:a.colors.gray600},s))):e.createElement("a",{href:c},"lg"===v?e.createElement(e.Fragment,null,e.createElement(t,{tag:"h6",className:"expert__name",color:a.colors.gray600},s),e.createElement(r,{color:a.colors.gray500,size:"p3",className:"specialty"},E)):e.createElement(e.Fragment,null,e.createElement(i,{color:a.colors.gray600,className:"expert__name"},s),e.createElement(r,{color:a.colors.gray500,size:"p4",className:"specialty"},E))))))},c=function(a){var n=a.articleLink,i=a.authorLink,c=a.authorName,d=a.avatarImg,v=a.banner,E=a.categoryLink,g=a.categoryName,h=a.className,k=a.dataEventActionForBanner,p=a.dataEventActionForBookmark,y=a.dataEventActionForCategory,C=a.dataEventActionForTitle,u=a.dataEventCategoryForBanner,N=a.dataEventCategoryForBookmark,f=a.dataEventCategoryForCategory,b=a.dataEventCategoryForTitle,B=a.dataEventLabelForBanner,F=a.dataEventLabelForBookmark,x=a.dataEventLabelForCategory,w=a.dataEventLabelForTitle,L=a.direction,z=void 0===L?"horizontal":L,j=a.hasAffiliate,A=a.isBookmark,M=void 0!==A&&A,T=a.isBookmarkDisplayed,_=void 0===T||T,D=a.isMobile,H=void 0===D||D,V=a.onBookmark,I=a.onClickCategoryName,Z=a.section,P=void 0===Z?"normal":Z,S=a.size,W=void 0===S?"md":S,q=a.specialty,G=a.style,J=a.styleBanner,K=a.styleLabel,O=a.styleTitle,Q=a.text,R=a.title,U=a.type,X=void 0===U?"author":U,Y=a.uploadTime,$=a.articleLinkTarget,ee=function(e){e.stopPropagation(),V&&V()},ae="lg"===W&&"expert"===X?"h4":"lg"===W&&"home"===P?H?"h4":"h3":"lg"===W?"h4":"h5",te="lg"===W?"p3":"p4",re=H||"home"!==P||"lg"!==W||"author"!==X?"c2":"c1";return e.createElement(o,{className:h,"data-size":W,style:G,"data-direction":z,"data-is-expert":"expert"===X||void 0},e.createElement("div",{className:"banner",style:J},e.createElement(l,{"data-event-category":u,"data-event-action":k,"data-event-label":B,href:n||"#",target:$},v),j&&e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"})))),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(r,{style:K,className:"label",size:re,type:"caption"},e.createElement(l,{"data-event-category":f,"data-event-action":y,"data-event-label":x,href:E||"#",onClick:I},g),_&&e.createElement("a",{className:"bookmark",onClick:ee},M?e.createElement("svg",{"data-event-category":N,"data-event-action":p,"data-event-label":F,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})):e.createElement("svg",{"data-event-category":N,"data-event-action":p,"data-event-label":F,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),e.createElement(t,{tag:ae,style:O,className:"title",as:"lg"===W?"h2":"h3"},e.createElement(l,{"data-event-category":b,"data-event-action":C,"data-event-label":w,href:n||"#",target:$},R)),Q&&e.createElement("a",{href:n||"#",target:$},e.createElement(r,{size:te,className:"text"},Q))),e.createElement("div",{className:"footer"},"author"===X?e.createElement(m,{size:W,avatarImg:d,authorName:c,authorLink:i,uploadTime:Y,handleClick:ee,isBookmarked:M,dataEventCategoryForBookmark:N,dataEventActionForBookmark:p,dataEventLabelForBookmark:F}):e.createElement(s,{size:W,isMobile:H,avatarImg:d,specialty:q,name:c,link:i,handleClick:ee,isBookmarked:M,dataEventCategoryForBookmark:N,dataEventActionForBookmark:p,dataEventLabelForBookmark:F}))))};export{c as ArticleCard};

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

@@ -0,0 +1 @@
+import{b as e,a as n,_ as t}from"../../tslib.es6-260fa47f.js";import o,{useState as i}from"react";import{u as r}from"../../useTranslations-32d4da23.js";import{Text as l}from"../atoms/text.js";import"../../index.styled-c9c43e63.js";import"../../index.styled-3a7f1be6.js";import"../../index.styled-5cc30198.js";import"../../index.styled-c7311908.js";import{Button as a}from"../atoms/button.js";import"../../index.styled-bc1e34ec.js";import"../../index.styled-8a2fdae1.js";import"../../index.styled-35802967.js";import"../../index.styled-14385ba4.js";import"../../index.styled-ee90d157.js";import"../atoms/label.js";import"../../index.styled-a6be0beb.js";import"../atoms/logo.js";import"../../utils-432904d8.js";import"../../index.styled-f3b75621.js";import"../atoms/pureInput.js";import"../../index.styled-c2186de7.js";import"../../index.styled-b8c131bf.js";import"react-range";import"../../index.styled-7eda6b11.js";import"../../index.styled-18eeca5a.js";import"../../index.styled-b9ee0859.js";import"../../index.styled-21bf0a76.js";import"../../index.styled-4516ef5a.js";import"../atoms/textArea.js";import"../atoms/container.js";import"../../index.styled-070ed8ad.js";import"../atoms/textDivider.js";import"../../index.styled-db5aa049.js";import"../../Stethoscope-43935dbb.js";import"../../index.styled-7b4d2a6a.js";import"react-dom";import"../../index.styled-e4f1d848.js";import"../../index.styled-3247d7d7.js";import"../atoms/menu.js";import"../../index.styled-3a97799e.js";import{NewBabyProfileRadio as s}from"../atoms/newBabyProfileRadio.js";import{BabyGrowthProfileRadio as d}from"../atoms/babyGrowthProfileRadio.js";import{t as m}from"../../theme-a50a1aa5.js";import"../../index.styled-76f02a1e.js";import{Drawer as p}from"../atoms/drawer.js";import"../../translationsContext-d658f58d.js";import"string-format";import"lodash/debounce";import"../../constants-3be6f6a9.js";import"date-fns";import"../../animation-e703e19e.js";import"../../lazyLoad-59e8ff6d.js";import c from"styled-components";import"../../Locale-69030fff.js";import"../../index.styled-41fcfc4d.js";import{Modal as f}from"./modal.js";import"../../en-PH-15a5d362.js";import"../atoms/input.js";import"vanilla-lazyload";import"../atoms/icons.js";import"../atoms/backdrop.js";import"../../useScrollbarSize-99db33e1.js";import"../../index.styled-c1df498b.js";var u,x,b=c(p)(u||(u=e(["\n  .add-profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n  .profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n  .button-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    button {\n      width: 100%;\n    }\n  }\n"],["\n  .add-profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n  .profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n  .button-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    button {\n      width: 100%;\n    }\n  }\n"]))),y=c(f)(x||(x=e(["\n  .hhg-modal {\n    min-width: 570px;\n  }\n\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-bottom: 16px;\n    border-bottom: 1px solid ",";\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  .profile-container {\n    padding-block: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    border-bottom: 1px solid ",";\n    max-height: 300px;\n    overflow-y: auto;\n  }\n\n  .button-group {\n    display: flex;\n    justify-content: flex-end;\n    gap: 16px;\n    margin-block: 16px;\n  }\n"],["\n  .hhg-modal {\n    min-width: 570px;\n  }\n\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-bottom: 16px;\n    border-bottom: 1px solid ",";\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  .profile-container {\n    padding-block: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    border-bottom: 1px solid ",";\n    max-height: 300px;\n    overflow-y: auto;\n  }\n\n  .button-group {\n    display: flex;\n    justify-content: flex-end;\n    gap: 16px;\n    margin-block: 16px;\n  }\n"])),m.colors.neutral100,m.colors.neutral100),j=function(e){var m,p,c=e.babyProfiles,f=e.currentProfileId,u=e.onClose,x=e.onCreate,j=e.onAddMeasurement,C=e.onSwitchProfile,g=e.open,h=e.isMobile,w=e.isMyProfile,v=void 0!==w&&w,E=e.buttonGroup,B=e.newBabyValue,P=e.onNewBabyValueChange,k=n(e,["babyProfiles","currentProfileId","onClose","onCreate","onAddMeasurement","onSwitchProfile","open","isMobile","isMyProfile","buttonGroup","newBabyValue","onNewBabyValueChange"]),L=function(e){return v?o.createElement(o.Fragment,null,o.createElement(a,{onClick:function(){null==x||x(),u()},size:"lg",color:"secondary",icon:o.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M13.5 9.75H9.75V13.5C9.75 13.9125 9.4125 14.25 9 14.25C8.5875 14.25 8.25 13.9125 8.25 13.5V9.75H4.5C4.0875 9.75 3.75 9.4125 3.75 9C3.75 8.5875 4.0875 8.25 4.5 8.25H8.25V4.5C8.25 4.0875 8.5875 3.75 9 3.75C9.4125 3.75 9.75 4.0875 9.75 4.5V8.25H13.5C13.9125 8.25 14.25 8.5875 14.25 9C14.25 9.4125 13.9125 9.75 13.5 9.75Z",fill:"#2D87F3"}))},z("babyGrowth.drawer.createBaby")),o.createElement(a,{size:"lg",color:"primary",onClick:function(){null==e||e(),v?null==C||C(M):null==j||j(M),u()}},z(v?"babyGrowth.drawer.switchProfile":"babyGrowth.drawer.addMeasurement"))):o.createElement(a,{size:"lg",color:"primary",onClick:function(){null==j||j(M),null==e||e(),u()}},z("chooseBaby.button"))},N=i(f||(null===(m=c[0])||void 0===m?void 0:m.id)),M=N[0],V=N[1],z=r().t;return h?o.createElement(b,t({title:"Baby profiles",onClose:u,open:g,placement:"bottom"},k),(function(e){var n,t=e.internalClose;return o.createElement("div",{className:"add-profile-container"},o.createElement("div",{className:"profile-container"},null===(n=c||[])||void 0===n?void 0:n.map((function(e){return o.createElement(d,{key:e.id,profile:e,isActive:M===e.id,onChange:V})})),!v&&o.createElement(s,{value:B,onInputChange:P,isActive:"new"===M,onChange:V})),o.createElement("div",{className:"button-group"},E||L(t)))})):o.createElement(y,{type:"confirm",isOpen:g,onClose:u},o.createElement("div",{className:"header"},o.createElement("div",{className:"title"},o.createElement(l,{size:"s2",type:"semiBold"},z("chooseBaby.title")),o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:u},o.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"})))),o.createElement("div",{className:"profile-container"},null===(p=c||[])||void 0===p?void 0:p.map((function(e){return o.createElement(d,{key:e.id,profile:e,isActive:M===e.id,onChange:V})})),!v&&o.createElement(s,{value:B,onInputChange:P,isActive:"new"===M,onChange:V})),o.createElement("div",{className:"button-group"},E||L()))};export{j as BabyGrowthChooseProfileDrawer};

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

@@ -0,0 +1 @@
+import{_ as e}from"../../tslib.es6-260fa47f.js";import t,{useMemo as a,Fragment as n}from"react";import{useId as o}from"react-id-generator";import{Dropdown as r}from"./dropdown.js";import{S as l,a as s,b as i}from"../../index.styled-b47d1432.js";import"../../index.styled-c3dcdb30.js";import"styled-components";var d=function(e){var a=e.LinkComponent,n=e.page,o=e.isLast,l=e.onChangePage,s=n.label,d=n.value,m=n.isDropdown,c=n.dropdownItems,p=n.dataEventCategory,g=n.dataEventAction,f=n.dataEventLabel;return m?t.createElement(r,{options:c,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):t.createElement(i,{title:"string"!=typeof s?d:s,"data-last":o},a&&t.createElement(a,{"data-event-category":p,"data-event-action":g,"data-event-label":f,href:d||"#"},s))},m=function(r){var i=r.className,m=r.pages,c=r.size,p=r.LinkComponent,g=void 0===p?"a":p,f=r.onChangePage,u=r.separator,h=a((function(){return m.map((function(t,a){return m.length>4?a>1&&a<m.length-2?null:1===a?e(e({},t),{isDropdown:1===a,dropdownItems:m.slice(1,m.length-2)}):t:t})).filter(Boolean)}),[m]),v=o(h.length);return t.createElement(l,{"data-size":c,className:i},h.map((function(e,a){var o=a+1===h.length;return t.createElement(n,{key:v[a]},t.createElement(d,{LinkComponent:g,page:e,isLast:o,onChangePage:f}),!o&&(u||t.createElement(s,{"data-size":c})))})))};export{m as Breadcrumbs};

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

@@ -0,0 +1 @@
+import{c as e}from"../../tslib.es6-260fa47f.js";import t,{useState as a}from"react";import{useKeenSlider as n}from"keen-slider/react";import{S as r,a as i,b as l}from"../../index.styled-1479f73a.js";import"styled-components";var s=function(e){var a=e.isDisabled,n=e.isLeft,r=e.onClick,i=e.className,s=e.scheme,o=void 0===s?"hellosites":s;return t.createElement(l,{onClick:r,"data-is-disabled":a,"data-is-left":n,className:i},t.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n?t.createElement("path",{d:"M2.92902 6.00015L6.75002 2.17915C7.16402 1.76515 7.16402 1.09315 6.75002 0.679152C6.33602 0.265152 5.66402 0.265152 5.25002 0.679152L0.636023 5.29315C0.245023 5.68415 0.245023 6.31715 0.636023 6.70715L5.25002 11.3212C5.66402 11.7352 6.33602 11.7352 6.75002 11.3212C7.16402 10.9072 7.16402 10.2352 6.75002 9.82115L2.92902 6.00015Z",fill:"hellosites"===o?"#595959":"#E55C8A"}):t.createElement("path",{d:"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z",fill:"hellosites"===o?"#595959":"#E55C8A"})))},o=function(l){for(var o=l.row,c=l.column,d=l.children,m=l.scheme,v=void 0===m?"hellosites":m,u=l.classNameLeftArrow,f=void 0===u?"":u,h=l.classNameRightArrow,p=void 0===h?"":h,g=l.mode,C=void 0===g?"snap":g,E=l.isDotsShown,w=void 0===E||E,k=l.isArrowShown,L=void 0!==k&&k,N=l.dataEventCategory,b=l.dataEventAction,y=l.dataEventLabel,A=l.onChangePage,x=t.useState(0),D=x[0],S=x[1],P=a(!1),j=P[0],M=P[1],Z=n({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){S(e.track.details.rel),A&&A(e.track.details.rel)},created:function(){M(!0)},drag:!0,mode:C,slides:{spacing:12}}),_=Z[0],B=Z[1],F=[],I=o*c,R=0;R<d.length;R+=I){var T=d.slice(R,R+I);F.push(T)}return t.createElement(r,{row:o,column:c},t.createElement("div",{className:"navigation-wrapper"},t.createElement("div",{ref:_,className:"keen-slider slides-wrapper"},F.map((function(e,a){return t.createElement("div",{key:a,className:"keen-slider__slide page-items"},e.map((function(e,a){return t.createElement("div",{key:a},e)})))}))),j&&B.current&&L&&t.createElement(t.Fragment,null,t.createElement(s,{isLeft:!0,onClick:function(e){var t;return e.stopPropagation()||(null===(t=B.current)||void 0===t?void 0:t.prev())},isDisabled:0===D,scheme:v,className:"left-arrow ".concat(f),"data-event-category":N,"data-event-action":b,"data-event-label":y}),t.createElement(s,{isLeft:!1,onClick:function(e){var t;return e.stopPropagation()||(null===(t=B.current)||void 0===t?void 0:t.next())},isDisabled:D===B.current.track.details.slides.length-1,scheme:v,className:"right-arrow ".concat(p),"data-event-category":N,"data-event-action":b,"data-event-label":y}))),j&&B.current&&w&&t.createElement("div",{className:"dots"},e([],Array(B.current.track.details.slides.length),!0).map((function(e,a){return t.createElement(i,{key:a,onClick:function(){var e;null===(e=B.current)||void 0===e||e.moveToIdx(a)},"data-is-active":D===a,"data-is-hellosites":"hellosites"===v})}))))};export{o as Carousel};

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

@@ -0,0 +1 @@
+import e from"react";import{Text as t}from"../atoms/text.js";import{S as a}from"../../index.styled-c0b0df7e.js";import"../../tslib.es6-260fa47f.js";import"../../theme-a50a1aa5.js";import"../../utils-432904d8.js";import"styled-components";var n=function(n){var r=n.imgBanner,s=n.label,m=n.className,o=n.style,l=n.href,c=void 0===l?"":l,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:c,onClick:function(e){""===c&&e.preventDefault()}},e.createElement("div",{className:"banner"},r),e.createElement("div",{className:"content"},e.createElement(t,{className:"category_name",size:"sm",type:"bold"},s)))};export{n as CategoryCard};

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

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

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

@@ -0,0 +1 @@
+import e,{useRef as t,useState as n}from"react";import{u as i}from"../../useTranslations-32d4da23.js";import{t as o}from"../../theme-a50a1aa5.js";import{Text as r}from"../atoms/text.js";import"../../index.styled-c9c43e63.js";import"../../index.styled-3a7f1be6.js";import"../../index.styled-5cc30198.js";import"../../index.styled-c7311908.js";import"../../index.styled-76f02a1e.js";import"../../index.styled-bc1e34ec.js";import"../../index.styled-8a2fdae1.js";import"../../index.styled-35802967.js";import"../../index.styled-14385ba4.js";import{Heading as a}from"../atoms/heading.js";import"../atoms/label.js";import"../../index.styled-a6be0beb.js";import"../atoms/logo.js";import{s as l}from"../../utils-432904d8.js";import"../../index.styled-f3b75621.js";import"../atoms/pureInput.js";import"../../index.styled-c2186de7.js";import"../../index.styled-b8c131bf.js";import"react-range";import"../../index.styled-7eda6b11.js";import"../../index.styled-18eeca5a.js";import"../../index.styled-b9ee0859.js";import"../../index.styled-21bf0a76.js";import"../../index.styled-4516ef5a.js";import"../atoms/textArea.js";import"../atoms/container.js";import"../../index.styled-070ed8ad.js";import"../atoms/textDivider.js";import"../../index.styled-db5aa049.js";import{Icon as s}from"../atoms/icons.js";import"../../index.styled-7b4d2a6a.js";import"react-dom";import"../../index.styled-e4f1d848.js";import"../../index.styled-3247d7d7.js";import{Menu as d}from"../atoms/menu.js";import"../../index.styled-3a97799e.js";import"lodash/debounce";import"../../constants-3be6f6a9.js";import"date-fns";import"../../animation-e703e19e.js";import"../../lazyLoad-59e8ff6d.js";import m from"styled-components";import{G as c}from"../../Locale-69030fff.js";import"../../index.styled-41fcfc4d.js";import{b as p}from"../../tslib.es6-260fa47f.js";import"../../index.styled-ee90d157.js";import"../../Stethoscope-43935dbb.js";import"../../translationsContext-d658f58d.js";import"string-format";import{u as C}from"../../useOutsideClick-6004483a.js";import"../../en-PH-15a5d362.js";import"vanilla-lazyload";var f,x,h,g=m.div(f||(f=p(["\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  .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  .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"])),o.colors.white,o.colors.gray100),u=m.div(x||(x=p(["\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"]))),y=m(d)(h||(h=p(["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"],["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"]))),j=function(n){var a=n.name,l=n.onClose,s=n.onEdit,m=n.onSwitch,c=n.onAdd,p=n.onRemove,f=i().t,x=t();return C(x,l),e.createElement("div",{ref:x},e.createElement(y,{width:250},e.createElement(d.Item,{onClick:s,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(r,{size:"p2",color:o.colors.gray800},f("childCard.menu.edit",{name:a}))),e.createElement(d.Item,{onClick:m,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(r,{size:"p2",color:o.colors.gray800},f("childCard.menu.switch"))),e.createElement(d.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",{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(r,{size:"p2",color:o.colors.gray800},f("childCard.menu.add"))),e.createElement(d.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:"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(r,{size:"p2",color:o.colors.red600},f("childCard.menu.remove",{name:a})))))},E=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(e.month>0)return t("childCard.age.months",{month:e.month})}else{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})}},v=function(t){var d=t.name,m=t.gender,p=t.age,C=t.isLoggedIn,f=void 0!==C&&C,x=t.showMenu,h=void 0!==x&&x,y=t.onEdit,v=t.onSwitch,b=t.onAdd,w=t.onRemove,H=t.className,M=i().t,L=n(!1),Z=L[0],k=L[1];return e.createElement(g,{className:H},e.createElement("div",{"data-testid":"gender"},m===c.Boy?e.createElement(s.Boy,{"data-testid":"boy",id:"boy"}):e.createElement(s.Girl,{"data-testid":"girl",id:"girl"})),e.createElement("div",{className:"information"},e.createElement(a,{tag:"h5",fontWeight:"bold",color:o.colors.gray800},l(d)||M("childCard.noName")),e.createElement("div",{className:"detail"},e.createElement("div",null,m===c.Boy?e.createElement(s.GenderBoy,null):e.createElement(s.GenderGirl,null),e.createElement(r,{size:"p3",color:o.colors.gray800,style:{textTransform:"capitalize"}},m)),e.createElement("div",null,e.createElement(s.Calendar,{size:16}),p&&e.createElement(r,{size:"p3",color:o.colors.gray800},E(p,M))))),h&&f&&e.createElement(u,null,e.createElement(s.Kebab,{onClick:function(){return k((function(e){return!e}))}}),Z&&e.createElement(j,{name:d,onClose:function(){return k(!1)},onEdit:function(){k(!1),y()},onSwitch:function(){k(!1),v()},onAdd:function(){k(!1),b()},onRemove:function(){k(!1),w()}})))};export{v as ChildCard,E as renderChildAge};

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

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

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

@@ -0,0 +1 @@
+import{_ as e}from"../../tslib.es6-260fa47f.js";import n,{useRef as t,useState as r,useEffect as a}from"react";import{format as i}from"date-fns";import o from"react-day-picker/DayPickerInput";import{S as c,a as l}from"../../index.styled-b1c59945.js";import"styled-components";var u={"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":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},s=function(s){var m=s.alignRight,d=void 0===m||m,h=s.placeholder,p=s.displayDateFormat,y=s.onChange,f=s.customInput,g=s.pickedDate,v=s.className,D=s.isStatic,k=s.disabledDays,b=s.modifiers,M=s.UnHideOnClickOutside,T=s.initialMonth,E=s.locale,C=void 0===E?"en-PH":E,O=t(!1),P=i,w=r(T||new Date),N=w[0],F=w[1],J=t(null),A=t(null),H=u[C],S=function(e){M||J.current&&J.current.contains(e.target)||A.current&&A.current.hideDayPicker()},Y=(new Date).getFullYear(),I=new Date(Y-150,0),L=new Date(Y+1,0),W=function(e){for(var t=e.date,r=e.onChange,a=e.monthLabels,i=[],o=L.getFullYear();o>=I.getFullYear();o-=1)i.push(o);var c=function(e){var n=e.target.form,t=n.year,a=n.month;r(new Date(t.value,a.value))};return n.createElement("div",{className:"DayPicker-Caption"},n.createElement(l,null,n.createElement("select",{name:"month",onChange:c,value:t.getMonth()},a.map((function(e,t){return n.createElement("option",{key:e,value:t},e)}))),n.createElement("select",{name:"year",onChange:c,value:t.getFullYear()},i.map((function(e){return n.createElement("option",{key:e,value:e},e)})))))};return a((function(){return document.addEventListener("mousedown",S,!1),function(){document.removeEventListener("mousedown",S,!1)}}),[]),n.createElement(c,{className:v,"data-align-right":d,ref:J,"data-is-static":D||void 0},n.createElement(o,{ref:A,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:f&&n.forwardRef((function(t,r){return n.createElement(f,e({},t))})),onDayPickerHide:function(){O.current=!1},onDayPickerShow:function(){O.current=!0},dayPickerProps:{month:N,className:"picker",selectedDays:g,canChangeMonth:!0,enableOutsideDaysClick:!D,firstDayOfWeek:1,captionElement:function(e){var t=e.date,r=e.localeUtils,a=null==r?void 0:r.getMonths();return n.createElement(W,{date:t,monthLabels:H||a,onChange:F})},disabledDays:k||void 0,modifiers:b},format:p||"yyyy-MM-dd",formatDate:function(e,n){return P(e,n)},hideOnDayClick:!D,placeholder:h||"",onDayChange:function(e){var n;n=e,A.current&&!D&&A.current.hideDayPicker(),y&&y(n)},showOverlay:D}))};export{s as DatePicker};

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

@@ -0,0 +1 @@
+import e,{useState as t,useMemo as o,useEffect as n,useRef as r}from"react";import{isBefore as a,startOfMonth as i,addMonths as s,format as l,subMonths as m,getDaysInMonth as d,isToday as c,isSameDay as u,isWithinInterval as f,isAfter as p,isPast as v}from"date-fns";import{PureInput as j}from"../atoms/pureInput.js";import{u as g}from"../../useOutsideClick-6004483a.js";import{_ as y}from"../../tslib.es6-260fa47f.js";import x from"date-fns/locale/en-US";import h from"date-fns/locale/id";import E from"date-fns/locale/vi";import w from"date-fns/locale/zh-TW";import"../atoms/text.js";import"../../index.styled-c9c43e63.js";import"../../index.styled-3a7f1be6.js";import"../../index.styled-5cc30198.js";import"../../index.styled-c7311908.js";import{Button as b}from"../atoms/button.js";import"../../index.styled-bc1e34ec.js";import"../../index.styled-8a2fdae1.js";import"../../index.styled-35802967.js";import"../../index.styled-14385ba4.js";import"../../index.styled-ee90d157.js";import"../atoms/label.js";import"../../index.styled-a6be0beb.js";import"../atoms/logo.js";import"../../utils-432904d8.js";import"../../index.styled-f3b75621.js";import"../../index.styled-c2186de7.js";import"../../index.styled-b8c131bf.js";import"react-range";import"../../index.styled-7eda6b11.js";import"../../index.styled-18eeca5a.js";import"../../index.styled-b9ee0859.js";import"../../index.styled-21bf0a76.js";import"../../index.styled-4516ef5a.js";import"../atoms/textArea.js";import"../atoms/container.js";import"../../index.styled-070ed8ad.js";import"../atoms/textDivider.js";import"../../index.styled-db5aa049.js";import"../../Stethoscope-43935dbb.js";import"../../index.styled-7b4d2a6a.js";import"react-dom";import"../../index.styled-e4f1d848.js";import"../../index.styled-3247d7d7.js";import"../atoms/menu.js";import"../../index.styled-3a97799e.js";import{u as C}from"../../useTranslations-32d4da23.js";import"lodash/debounce";import"../../constants-3be6f6a9.js";import"../../animation-e703e19e.js";import"../../lazyLoad-59e8ff6d.js";import"styled-components";import"../../Locale-69030fff.js";import"../../index.styled-41fcfc4d.js";import{u as k}from"../../useScreenSize-fc434740.js";import{S as M,a as D,b as H,c as z,d as V,e as L,f as N,g as T,h as P,i as S,j as B,k as F,l as I}from"../../index.styled-8c13a042.js";import"../../theme-a50a1aa5.js";import"../../index.styled-76f02a1e.js";import"../../en-PH-15a5d362.js";import"../../translationsContext-d658f58d.js";import"string-format";import"vanilla-lazyload";var R={"en-PH":x,"vi-VN":E,"zh-TW":w,"id-ID":h};function W(n){var r=n.value,a=void 0===r?{from:null,to:null}:r,l=t(null),d=l[0],c=l[1],u=k().isMobile,f=t((function(){return a})),p=f[0],v=f[1],j=t((function(){var e;return i(null!==(e=a.from)&&void 0!==e?e:new Date)})),g=j[0],x=j[1],h=o((function(){return s(g,1)}),[g]);var E=y(y({},n),{goToNextMonth:function(){x((function(e){return s(e,1)}))},goToPreviousMonth:function(){x((function(e){return m(e,1)}))},range:p,setRange:v,hoverDay:d,setHoverDay:c});return e.createElement(e.Fragment,null,e.createElement(Z,y({},E,{date:g})),!u&&e.createElement(M,null),!u&&e.createElement(Z,y({},E,{date:h})))}function Z(t){var r=t.date,i=t.range,s=t.setRange,m=t.onChange,j=t.goToPreviousMonth,g=t.goToNextMonth,x=t.minDate,h=t.maxDate,E=t.close,w=void 0===E?function(){}:E,k=t.autoClose,M=void 0!==k&&k,F=t.hoverDay,I=t.setHoverDay,W=C().locale,Z=o((function(){var e;return null!==(e=R[W])&&void 0!==e?e:R["en-PH"]}),[W]),A=o((function(){return l(r,"MMMM",{locale:Z})}),[r,Z]),O=o((function(){return Z?[1,2,3,4,5,6,0].map((function(e){return Z.localize.day(e,{width:"narrow"})})):[]}),[Z]);function U(t,o){if(null===t)return e.createElement(S,{key:"idx-".concat(o),"data-empty":"true"});var n=t.getDate(),r=c(t),l=!!i.from&&u(i.from,t),m=!!i.to&&u(i.to,t),d=l||m,j=!1;null!==F&&i.from&&a(i.from,F)&&!i.to?j=f(t,{start:i.from,end:F}):i.from&&i.to&&(j=f(t,{start:i.from,end:i.to}));var g=!1;return x&&h?g=!f(t,{start:x,end:h}):x?g=a(t,x):h&&(g=p(t,h)),e.createElement(S,{key:n,"data-is-today":r,"data-is-past":!r&&v(t),"data-is-selected":d,"data-is-disabled":g,"data-in-range":j,"data-is-from":l,"data-is-to":m,onMouseEnter:function(){I(t)},onMouseLeave:function(){return I(null)},onClick:function(){g||s((function(e){return M&&i.from&&!i.to&&w(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?a(e,t.from)?y(y({},t),{from:e}):y(y({},t),{to:e}):t:y(y({},t),{from:e})}(t,e)}))}},e.createElement(B,{onClick:function(){}},e.createElement("p",null,n)))}return n((function(){i.from&&i.to&&m(i)}),[i]),e.createElement(D,{className:"calendar-wrapper"},e.createElement(H,null,e.createElement(b,{onClick:j,size:"md",color:"ghost",icon:e.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.66875 11.814L1.46875 6.657L5.66875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})}),e.createElement("div",{className:"calendar-month"},A,e.createElement("strong",null,l(r,"yyyy"))),e.createElement(b,{onClick:g,size:"md",color:"ghost",icon:e.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.46875 11.814L5.66875 6.657L1.46875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})})),e.createElement(z,null,e.createElement("div",null,e.createElement(V,null,O.map((function(t,o){return e.createElement(L,{key:"".concat(t,"-").concat(o)},t)})))),e.createElement("div",null,function(){for(var t=r.getFullYear(),o=r.getMonth(),n=d(r),a=[],s=1;s<=n;s++)a.push(new Date(t,o,s));var l=a[0]?a[0].getDay():0;if(1!==l){var m=0===l?6:l-1;for(s=0;s<m;s++)a.unshift(null)}return e.createElement(N,{key:"month-".concat(o),"data-month-index":o,"data-has-range":Boolean(i.from&&i.to)},e.createElement(T,null,e.createElement(P,null,a.map(U))))}())))}function A(n){var a=n.inputSize,i=void 0===a?"md":a,s=n.name,m=void 0===s?"date-range-picker":s,d=n.value,c=n.minDate,f=n.maxDate,p=n.onChange,v=n.className,y=n.autoClose,x=void 0!==y&&y;d||(d={from:null,to:null});var h=t(!1),E=h[0],w=h[1];function b(){w(!1)}var C=r(null);function k(e){p&&p(e)}function M(e){return l(e,"dd/MM/yyyy")}g(C,(function(){b()}));var D=o((function(){return d.from&&d.to?u(d.from,d.to)?M(d.from):"".concat(M(d.from)," - ").concat(M(d.to)):""}),[d.from,d.to]);return e.createElement(F,{className:[v,E&&"focused"].filter(Boolean).join(" "),ref:C},e.createElement("label",{htmlFor:m},e.createElement(j,{size:i,value:D,name:m,actionIcon:e.createElement("img",{src:"data:image/svg+xml,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9168 1.99984H13.5835C14.3168 1.99984 14.9168 2.59984 14.9168 3.33317V13.9998C14.9168 14.7332 14.3168 15.3332 13.5835 15.3332H2.91683C2.1835 15.3332 1.5835 14.7332 1.5835 13.9998V3.33317C1.5835 2.59984 2.1835 1.99984 2.91683 1.99984H3.5835V1.33317C3.5835 0.966504 3.8835 0.666504 4.25016 0.666504C4.61683 0.666504 4.91683 0.966504 4.91683 1.33317V1.99984H11.5835V1.33317C11.5835 0.966504 11.8835 0.666504 12.2502 0.666504C12.6168 0.666504 12.9168 0.966504 12.9168 1.33317V1.99984ZM3.5835 13.9998H12.9168C13.2835 13.9998 13.5835 13.6998 13.5835 13.3332V5.33317H2.91683V13.3332C2.91683 13.6998 3.21683 13.9998 3.5835 13.9998Z' fill='%23595959'/%3e%3c/svg%3e"}),autoFocus:!1,onFocus:function(){return w(!0)}})),E?e.createElement(I,{onMouseDown:function(e){e.stopPropagation()}},e.createElement(W,{value:d,onChange:k,minDate:c,maxDate:f,close:b,autoClose:x})):null)}export{A as DateRangePicker};

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

@@ -0,0 +1 @@
+import{b as t}from"../../tslib.es6-260fa47f.js";import e from"react";import{Text as i}from"../atoms/text.js";import"../../index.styled-c9c43e63.js";import"../../index.styled-3a7f1be6.js";import"../../index.styled-5cc30198.js";import"../../index.styled-c7311908.js";import"../../index.styled-76f02a1e.js";import"../../index.styled-bc1e34ec.js";import"../../index.styled-8a2fdae1.js";import"../../index.styled-35802967.js";import"../../index.styled-14385ba4.js";import"../../index.styled-ee90d157.js";import"../atoms/label.js";import"../../index.styled-a6be0beb.js";import"../atoms/logo.js";import"../../utils-432904d8.js";import"../../index.styled-f3b75621.js";import"../atoms/pureInput.js";import"../../index.styled-c2186de7.js";import"../../index.styled-b8c131bf.js";import"react-range";import"../../index.styled-7eda6b11.js";import"../../index.styled-18eeca5a.js";import"../../index.styled-b9ee0859.js";import"../../index.styled-21bf0a76.js";import"../../index.styled-4516ef5a.js";import"../atoms/textArea.js";import"../atoms/container.js";import"../../index.styled-070ed8ad.js";import"../atoms/textDivider.js";import"../../index.styled-db5aa049.js";import"../../Stethoscope-43935dbb.js";import"../../index.styled-7b4d2a6a.js";import"react-dom";import"../../index.styled-e4f1d848.js";import"../../index.styled-3247d7d7.js";import"../atoms/menu.js";import"../../index.styled-3a97799e.js";import"../../translationsContext-d658f58d.js";import"string-format";import"lodash/debounce";import"../../constants-3be6f6a9.js";import"date-fns";import"../../animation-e703e19e.js";import"../../lazyLoad-59e8ff6d.js";import s from"styled-components";import"../../Locale-69030fff.js";import"../../index.styled-41fcfc4d.js";import"../../theme-a50a1aa5.js";import"vanilla-lazyload";var n,o=s.figure(n||(n=t(["\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"]))),r=function(t){var s=t.name,n=t.description,r=t.image,d=t.isDescriptionHidden;return e.createElement(o,null,r,!d&&e.createElement("figcaption",null,e.createElement(i,{size:"p4",type:"bold"},s),e.createElement(i,{size:"p4"},n)))};export{r as DoctorInfo};

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

@@ -0,0 +1 @@
+import{_ as e}from"../../tslib.es6-260fa47f.js";import a from"react";import{S as t,a as l,b as n,c as i,d,e as o}from"../../index.styled-c3dcdb30.js";import"styled-components";var c=function(c){var s=c.className,r=c.value,u=c.options,v=c.onChange,m=void 0===v?function(){}:v,b=c.id,p=c.placeholderIcon,f=c.placeholder,E=c.style,g=c.size,h=void 0===g?"lg":g,y=c.groupedWithLabel,k=c.disabled,C=c.dropdownLabelTrackingAttributes,N=void 0===C?{}:C,w=c.isNativeSelect,x=void 0!==w&&w,S=a.useState(!1),j=S[0],z=S[1],I=function(){return!k&&z(!j)};return x?a.createElement(t,{as:"select","data-is-native":"true",value:(null==r?void 0:r.value)||void 0,disabled:k,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:s,"data-dropdown-open":j||void 0,"data-size":h,id:b,"data-has-icons":!!p,style:E,onBlur:function(){return z(!1)},tabIndex:0,"data-disabled":k},!!y&&a.createElement(l,null,y),a.createElement(n,e({onClick:I,className:y&&"with-label"},N),p," ",a.createElement("span",null,r&&r.value?r.label:f)),j&&a.createElement(i,{onClick:I,"data-has-icons":!!p},u.map((function(e){return a.createElement(d,{key:"".concat(b,"-").concat(e.value),"data-selected":r&&r.value===e.value||void 0,onClick:function(){return!e.disabled&&!k&&(null==m?void 0:m(e))},"data-disabled":!!e.disabled&&e.disabled},e.icon&&a.createElement(o,null,e.icon),e.label)}))))};export{c as Dropdown};

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

@@ -0,0 +1 @@
+import{b as n,_ as e}from"../../tslib.es6-260fa47f.js";import t,{useState as o,useRef as i,useMemo as a}from"react";import r from"styled-components";import{PureInput as d}from"../atoms/pureInput.js";import"../atoms/label.js";import"../../utils-432904d8.js";r.img(p||(p=n(["\n  width: 24px;\n  height: 24px;\n"],["\n  width: 24px;\n  height: 24px;\n"])));var p,l,s,x,c,u,g,h=r.div(l||(l=n(["\n  position: relative;\n  border: 1px solid ",";\n  background-position: right 16px center;\n  border-radius: 6px;\n  background-color: ",";\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 0px;\n    }\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    &:disabled {\n      > div::after {\n        display: none;\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  background-color: ",";\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 0px;\n    }\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    &:disabled {\n      > div::after {\n        display: none;\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.white}),(function(n){return n.theme.colors.blue200})),b=r.div(s||(s=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})),v=r.ul(x||(x=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),\n    -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),\n    -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})),m=r.li(c||(c=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  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"])),(function(n){return n.theme.colors.gray100})),w=r.div(u||(u=n(["\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n"],["\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n"]))),f=r(d)(g||(g=n(["\n  input {\n    padding: 12px 36px 12px 48px;\n  }\n\n  &[data-has-display-icon] input {\n    padding: 12px 36px 12px 48px;\n  }\n  .displayIcon {\n    img {\n      width: 24px;\n      max-width: unset;\n      height: 24px;\n    }\n  }\n"],["\n  input {\n    padding: 12px 36px 12px 48px;\n  }\n\n  &[data-has-display-icon] input {\n    padding: 12px 36px 12px 48px;\n  }\n  .displayIcon {\n    img {\n      width: 24px;\n      max-width: unset;\n      height: 24px;\n    }\n  }\n"]))),C=function(n){var r=n.className,d=n.style,p=n.id,l=n.placeholder,s=n.placeholderIcon,x=n.onChange,c=n.value,u=n.options,g=n.dropdownLabelTrackingAttributes,C=n.disabled,k=n.onSearchChange,y=n.useSearchFilter,L=void 0===y||y,E=o(""),z=E[0],A=E[1],j=t.useState(!1),B=j[0],I=j[1],M=i(null);var Z=a((function(){return z&&L?(n=u,e="".concat(z).toLowerCase(),n.filter((function(n){return"".concat(n.value).toLowerCase().includes(e)||"".concat(n.label).toLowerCase().includes(e)}))):c?u.filter((function(n){return n.value!==c.value})):u;var n,e}),[z,u,c]);return t.createElement(h,{className:r,"data-dropdown-open":B||void 0,id:p,"data-has-icons":!0,"data-is-open":B,ref:M,onBlur:function(n){(!n.relatedTarget||"id"in n.relatedTarget&&n.relatedTarget.id!==p)&&I(!1)},style:d,tabIndex:0},t.createElement(b,e({onClick:function(n){var e,t;"true"===(null===(t=null===(e=n.target)||void 0===e?void 0:e.getAttribute)||void 0===t?void 0:t.call(e,"data-is-open"))&&(A(""),x(null,""),null==k||k("")),!C&&I(!0)},"data-is-open":B},g),t.createElement(f,e({name:"dropdown-input",autoFocus:!1,displayIcon:s,size:"md",onChange:function(n){x(null,n),A(n),null==k||k(z)},placeholder:l,value:c&&c.value?"".concat(c.label):z,isDisabled:C},g))),B&&Z.length>0&&t.createElement(v,{onClick:function(n){var e,t;"true"===(null===(t=null===(e=n.target)||void 0===e?void 0:e.getAttribute)||void 0===t?void 0:t.call(e,"data-is-open"))&&(A(""),x(null,"")),!C&&I(!B)},className:"dropdown-option","data-has-icons":!0},Z.map((function(n){return t.createElement(m,{key:"".concat(p,"-").concat(n.value),"data-selected":c&&c.value===n.value||void 0,onClick:function(){!C&&(null==x||x(n,n.value))}},n.icon&&t.createElement(w,null,n.icon),t.createElement("div",{className:"dropdown-label"},n.label))}))))};export{C as DropdownSearch};

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

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

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

@@ -0,0 +1 @@
+import t from"react";import{S as i}from"../../index.styled-8f74f167.js";import"../../tslib.es6-260fa47f.js";import"../../utils-432904d8.js";import"styled-components";var e=function(e){var o=e.size,s=e.iconPosition,r=e.className,a=e.children,n=e.icon;return t.createElement(i,{className:r,"data-size":o,"data-icon-position":s},"left"===s&&n,a,"right"===s&&n)};export{e as IconText};

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

@@ -0,0 +1 @@
+import n,{useState as e}from"react";import{Text as t}from"../atoms/text.js";import"../../index.styled-c9c43e63.js";import"../../index.styled-3a7f1be6.js";import"../../index.styled-5cc30198.js";import"../../index.styled-c7311908.js";import"../../index.styled-76f02a1e.js";import"../../index.styled-bc1e34ec.js";import"../../index.styled-8a2fdae1.js";import{Flag as o}from"../atoms/flag.js";import"../../index.styled-14385ba4.js";import"../../index.styled-ee90d157.js";import"../atoms/label.js";import"../../index.styled-a6be0beb.js";import"../atoms/logo.js";import"../../utils-432904d8.js";import"../../index.styled-f3b75621.js";import"../atoms/pureInput.js";import"../../index.styled-c2186de7.js";import"../../index.styled-b8c131bf.js";import"react-range";import"../../index.styled-7eda6b11.js";import"../../index.styled-18eeca5a.js";import"../../index.styled-b9ee0859.js";import"../../index.styled-21bf0a76.js";import"../../index.styled-4516ef5a.js";import"../atoms/textArea.js";import"../atoms/container.js";import"../../index.styled-070ed8ad.js";import"../atoms/textDivider.js";import"../../index.styled-db5aa049.js";import"../../Stethoscope-43935dbb.js";import"../../index.styled-7b4d2a6a.js";import"react-dom";import"../../index.styled-e4f1d848.js";import"../../index.styled-3247d7d7.js";import"../atoms/menu.js";import"../../index.styled-3a97799e.js";import"../../translationsContext-d658f58d.js";import"string-format";import"lodash/debounce";import"../../constants-3be6f6a9.js";import"date-fns";import"../../animation-e703e19e.js";import"../../lazyLoad-59e8ff6d.js";import i from"styled-components";import"../../Locale-69030fff.js";import"../../index.styled-41fcfc4d.js";import{b as r}from"../../tslib.es6-260fa47f.js";import"../../theme-a50a1aa5.js";import"../../index.styled-35802967.js";import"vanilla-lazyload";var d,a,l,s,p,c,m=i.a(d||(d=r(["\n  display: inline-flex;\n  position: relative;\n  flex-direction: row;\n  align-items: center;\n  padding: 7px 11px;\n  gap: 2px;\n\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 20px;\n\n  color: ",";\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  text-decoration: none;\n\n  cursor: pointer;\n"],["\n  display: inline-flex;\n  position: relative;\n  flex-direction: row;\n  align-items: center;\n  padding: 7px 11px;\n  gap: 2px;\n\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 20px;\n\n  color: ",";\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  text-decoration: none;\n\n  cursor: pointer;\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray600})),u=i.div(a||(a=r(["\n  position: relative;\n  display: inline-block;\n"],["\n  position: relative;\n  display: inline-block;\n"]))),x=i.div(l||(l=r(["\n  position: relative;\n"],["\n  position: relative;\n"]))),f=i.div(s||(s=r(["\n  position: absolute;\n  z-index: 21;\n  top: 100%;\n  right: 0;\n  width: 327px;\n  padding: 8px;\n  background: white;\n  border-radius: 4px;\n  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-show-indicator='true'] {\n    &:before {\n      position: absolute;\n      right: 11px;\n      bottom: 100%;\n      width: 0;\n      height: 0;\n      border: 0.5rem solid transparent;\n      border-top: none;\n      border-bottom-color: #fff;\n      content: '';\n      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n    }\n  }\n"],["\n  position: absolute;\n  z-index: 21;\n  top: 100%;\n  right: 0;\n  width: 327px;\n  padding: 8px;\n  background: white;\n  border-radius: 4px;\n  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-show-indicator='true'] {\n    &:before {\n      position: absolute;\n      right: 11px;\n      bottom: 100%;\n      width: 0;\n      height: 0;\n      border: 0.5rem solid transparent;\n      border-top: none;\n      border-bottom-color: #fff;\n      content: '';\n      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n    }\n  }\n"]))),h=i.div(p||(p=r(["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 16px;\n  border-radius: 6px;\n  cursor: pointer;\n\n  .check-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &[data-selected='false'] {\n    background-color: ",";\n  }\n"],["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 16px;\n  border-radius: 6px;\n  cursor: pointer;\n\n  .check-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &[data-selected='false'] {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),b=i.div(c||(c=r(["\n  position: fixed;\n  z-index: 20;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n"],["\n  position: fixed;\n  z-index: 20;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n"]))),g=function(o){var i=o.options,r=o.label,d=o.labelRenderer,a=o.selected,l=o.onChange,s=o.showSelected,p=void 0===s||s,c=o.style,m=void 0===c?{}:c,g=o.showIndicator,j=void 0===g||g,y=e(!1),v=y[0],w=y[1];return n.createElement(n.Fragment,null,n.createElement(u,null,n.createElement(x,{onClick:function(){return w((function(n){return!n}))}},r||(null==d?void 0:d(v))||null,n.createElement(f,{"data-is-open":v,style:m,"data-show-indicator":j},i.map((function(e,o){return n.createElement(h,{key:o,"data-selected":p&&a===e.value,onClick:function(n){a!==e.value&&(l(e.value),w((function(n){return!n}))),n.stopPropagation()}},n.createElement(t,{size:"p3"},e.label),p&&a===e.value&&n.createElement("img",{src:"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 d='M13.3346 4L6.0013 11.3333L2.66797 8' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",alt:"check",className:"check-icon"}))}))))),v&&n.createElement(b,{onClick:function(){return w(!1)}}))},j=function(e){var t,o,i=e.languageOptions,r=e.locale,d=null==i?void 0:i.find((function(n){return n.locale===r}));return(null==i?void 0:i.length)?n.createElement(g,{options:i,selected:d.value,label:n.createElement(y,{locale:r,label:d.label||(null===(o=null===(t=r.split("-"))||void 0===t?void 0:t[0])||void 0===o?void 0:o.toUpperCase())}),onChange:function(n){"undefined"!=typeof window&&(window.location.href=n)},style:{width:100},showSelected:!0,showIndicator:!1}):null},y=function(e){var t,i,r,d=e.locale,a=e.label,l=e.href;return n.createElement(m,{href:l},n.createElement(o,{country:null===(i=null===(t=null==d?void 0:d.split("-"))||void 0===t?void 0:t[1])||void 0===i?void 0:i.toUpperCase(),width:16,height:16,rounded:!0,language:null===(r=null==d?void 0:d.split("-"))||void 0===r?void 0:r[0]}),n.createElement("span",null,a))};export{y as LanguageLabel,j as LanguageSwitcher};

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

@@ -0,0 +1 @@
+import"../../tslib.es6-260fa47f.js";import"react";export{M as MobileBottomNavigation}from"../../index-b1f8b4ff.js";import"styled-components";import"../../theme-a50a1aa5.js";import"../atoms/text.js";import"../../utils-432904d8.js";import"../../index.styled-c9c43e63.js";import"../../index.styled-3a7f1be6.js";import"../../index.styled-5cc30198.js";import"../../index.styled-c7311908.js";import"../../index.styled-76f02a1e.js";import"../../index.styled-bc1e34ec.js";import"../../index.styled-8a2fdae1.js";import"../../index.styled-35802967.js";import"../../index.styled-14385ba4.js";import"../../index.styled-ee90d157.js";import"../atoms/label.js";import"../../index.styled-a6be0beb.js";import"../atoms/logo.js";import"../../index.styled-f3b75621.js";import"../atoms/pureInput.js";import"../../index.styled-c2186de7.js";import"../../index.styled-b8c131bf.js";import"react-range";import"../../index.styled-7eda6b11.js";import"../../index.styled-18eeca5a.js";import"../../index.styled-b9ee0859.js";import"../../index.styled-21bf0a76.js";import"../../index.styled-4516ef5a.js";import"../atoms/textArea.js";import"../atoms/container.js";import"../../index.styled-070ed8ad.js";import"../atoms/textDivider.js";import"../../index.styled-db5aa049.js";import"../../Stethoscope-43935dbb.js";import"../../index.styled-7b4d2a6a.js";import"react-dom";import"../../index.styled-e4f1d848.js";import"../../index.styled-3247d7d7.js";import"../../animation-e703e19e.js";import"../atoms/menu.js";import"../../index.styled-3a97799e.js";import"../../translationsContext-d658f58d.js";import"string-format";import"lodash/debounce";import"../../constants-3be6f6a9.js";import"date-fns";import"../../lazyLoad-59e8ff6d.js";import"vanilla-lazyload";import"../../Locale-69030fff.js";import"../../index.styled-41fcfc4d.js";

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

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

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

@@ -0,0 +1 @@
+import n from"react";import{b as t}from"../../tslib.es6-260fa47f.js";import{M as i}from"../../utils-432904d8.js";import e from"styled-components";var o,a,p=e.div(o||(o=t(["\n  position: fixed;\n  left: 50%;\n\n  padding: 0 16px 32px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n  visibility: hidden;\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n    "," {\n      width: 340px;\n    }\n  }\n\n  &[data-type='confirm'] {\n    "," {\n      width: calc(100% - 32px);\n    }\n    "," {\n      width: 100%;\n      max-width: 407px;\n    }\n  }\n\n  .popup-content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n\n  .close-button {\n    position: absolute;\n    top: 16px;\n    right: 0;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n\n  padding: 0 16px 32px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n  visibility: hidden;\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n    "," {\n      width: 340px;\n    }\n  }\n\n  &[data-type='confirm'] {\n    "," {\n      width: calc(100% - 32px);\n    }\n    "," {\n      width: 100%;\n      max-width: 407px;\n    }\n  }\n\n  .popup-content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n\n  .close-button {\n    position: absolute;\n    top: 16px;\n    right: 0;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),i.mbDown,i.mbDown,i.mbUp),d=e.div(a||(a=t(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),r=function(t){var i=t.type,e=void 0===i?"lead":i,o=t.closeIcon,a=t.isOpen,r=void 0===a||a,s=t.onClose,l=t.children,x=t.className,h=void 0===x?"":x,c=t.enableAnimation,m=void 0===c||c;return n.createElement(n.Fragment,null,n.createElement(p,{"data-open":r,"data-type":e,"data-animation":m},n.createElement("div",{className:"".concat(h||""," popup-content")},!!o&&n.createElement("div",{className:"close-button",onClick:s},o),l)),n.createElement(d,{"data-open":r,onClick:s}))};export{r as Popup};

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

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

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

@@ -0,0 +1 @@
+import n,{useState as t,useImperativeHandle as a,Fragment as e}from"react";import{Radio as r}from"../atoms/radio.js";import{b as i}from"../../tslib.es6-260fa47f.js";import o from"styled-components";import"../../index.styled-c2186de7.js";var d,l=o.div(d||(d=i(["\n  display: flex;\n\n  &[data-direction='vertical'] {\n    flex-direction: column;\n\n    div {\n      &[data-type='circle'] {\n        margin-bottom: 20px;\n      }\n\n      &[data-type='rectangle'] {\n        margin-bottom: 20px;\n      }\n    }\n  }\n\n  &[data-direction='horizontal'] {\n    flex-wrap: wrap;\n\n    &[data-group='group1'] {\n      div {\n        &[data-type='rectangle'] {\n          flex-wrap: wrap;\n\n          &:first-child {\n            label {\n              border-top-left-radius: 6px;\n              border-bottom-left-radius: 6px;\n            }\n          }\n\n          &:last-child {\n            label {\n              border-top-right-radius: 6px;\n              border-bottom-right-radius: 6px;\n            }\n          }\n\n          &:not(:last-child) {\n            label {\n              border-right: unset;\n            }\n          }\n\n          label {\n            border-radius: unset;\n          }\n        }\n      }\n    }\n\n    &[data-group='group2'] {\n      div {\n        &[data-type='rectangle'] {\n          flex-wrap: wrap;\n          margin-right: 8px;\n          margin-bottom: 8px;\n        }\n      }\n    }\n\n    div {\n      &[data-type='circle'] {\n        margin-right: 25px;\n      }\n\n      &[data-type='rectangle'] {\n        margin-bottom: 20px;\n      }\n    }\n  }\n"],["\n  display: flex;\n\n  &[data-direction='vertical'] {\n    flex-direction: column;\n\n    div {\n      &[data-type='circle'] {\n        margin-bottom: 20px;\n      }\n\n      &[data-type='rectangle'] {\n        margin-bottom: 20px;\n      }\n    }\n  }\n\n  &[data-direction='horizontal'] {\n    flex-wrap: wrap;\n\n    &[data-group='group1'] {\n      div {\n        &[data-type='rectangle'] {\n          flex-wrap: wrap;\n\n          &:first-child {\n            label {\n              border-top-left-radius: 6px;\n              border-bottom-left-radius: 6px;\n            }\n          }\n\n          &:last-child {\n            label {\n              border-top-right-radius: 6px;\n              border-bottom-right-radius: 6px;\n            }\n          }\n\n          &:not(:last-child) {\n            label {\n              border-right: unset;\n            }\n          }\n\n          label {\n            border-radius: unset;\n          }\n        }\n      }\n    }\n\n    &[data-group='group2'] {\n      div {\n        &[data-type='rectangle'] {\n          flex-wrap: wrap;\n          margin-right: 8px;\n          margin-bottom: 8px;\n        }\n      }\n    }\n\n    div {\n      &[data-type='circle'] {\n        margin-right: 25px;\n      }\n\n      &[data-type='rectangle'] {\n        margin-bottom: 20px;\n      }\n    }\n  }\n"]))),p=n.forwardRef((function(i,o){var d=i.id,p=i.value,c=i.options,g=i.className,m=i.type,s=void 0===m?"circle":m,b=i.isDisabled,u=i.size,v=void 0===u?"small":u,x=i.direction,f=void 0===x?"vertical":x,h=i.group,y=void 0===h?"group1":h,w=i.onChange,E=i.dataEventCategory,z=i.dataEventAction,A=i.dataEventLabel,C=t(p),j=C[0],k=C[1];a(o,(function(){return{reset:function(){k(p)}}}));var D=function(n){k(n),w&&w(n)};return n.createElement(l,{className:g,"data-direction":f,"data-group":y},c.map((function(t){var a=j===t.value;return n.createElement(e,{key:"".concat(d,"-").concat(t.value)},n.createElement(r,{type:s,size:v,label:t.label,name:d,checked:a,value:t.value,isDisabled:b,onChange:!b&&D,dataEventCategory:E,dataEventAction:z,dataEventLabel:A}),a&&t.renderActivated&&t.renderActivated())})))}));export{p as RadioGroup};

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

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

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

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

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

@@ -0,0 +1 @@
+import{d as e,e as t}from"../../tslib.es6-260fa47f.js";import o from"react";import{Text as r}from"../atoms/text.js";import"../../index.styled-c9c43e63.js";import"../../index.styled-3a7f1be6.js";import"../../index.styled-5cc30198.js";import"../../index.styled-c7311908.js";import{Button as i}from"../atoms/button.js";import"../../index.styled-bc1e34ec.js";import"../../index.styled-8a2fdae1.js";import"../../index.styled-35802967.js";import"../../index.styled-14385ba4.js";import"../../index.styled-ee90d157.js";import"../atoms/label.js";import"../../index.styled-a6be0beb.js";import"../atoms/logo.js";import"../../utils-432904d8.js";import"../../index.styled-f3b75621.js";import"../atoms/pureInput.js";import"../../index.styled-c2186de7.js";import"../../index.styled-b8c131bf.js";import"react-range";import"../../index.styled-7eda6b11.js";import"../../index.styled-18eeca5a.js";import"../../index.styled-b9ee0859.js";import"../../index.styled-21bf0a76.js";import"../../index.styled-4516ef5a.js";import"../atoms/textArea.js";import"../atoms/container.js";import"../../index.styled-070ed8ad.js";import"../atoms/textDivider.js";import"../../index.styled-db5aa049.js";import"../../Stethoscope-43935dbb.js";import"../../index.styled-7b4d2a6a.js";import"react-dom";import"../../index.styled-e4f1d848.js";import"../../index.styled-3247d7d7.js";import"../atoms/menu.js";import"../../index.styled-3a97799e.js";import{u as s}from"../../useTranslations-32d4da23.js";import"lodash/debounce";import"../../constants-3be6f6a9.js";import"date-fns";import"../../animation-e703e19e.js";import"../../lazyLoad-59e8ff6d.js";import"styled-components";import{t as n}from"../../theme-a50a1aa5.js";import{g as a}from"../../getSocialList-ff22842b.js";import"../../index.styled-41fcfc4d.js";import{S as d}from"../../index.styled-74cafd8f.js";import"../../index.styled-76f02a1e.js";import"../../en-PH-15a5d362.js";import"../../translationsContext-d658f58d.js";import"string-format";import"vanilla-lazyload";import"../../Locale-69030fff.js";var m=function(){return o.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M6.86364 10.6666H5.22727C4.86912 10.6666 4.51448 10.5977 4.18359 10.4637C3.8527 10.3296 3.55205 10.1332 3.2988 9.8856C2.78734 9.3855 2.5 8.70722 2.5 7.99998C2.5 7.29274 2.78734 6.61446 3.2988 6.11436C3.81026 5.61426 4.50396 5.33331 5.22727 5.33331H6.86364M9.78374 5.33331H11.7727C12.1309 5.33331 12.4855 5.40229 12.8164 5.5363C13.1473 5.67031 13.4479 5.86674 13.7012 6.11436C13.9545 6.36198 14.1553 6.65596 14.2924 6.97949C14.4295 7.30303 14.5 7.64979 14.5 7.99998C14.5 8.35017 14.4295 8.69693 14.2924 9.02047C14.1553 9.344 13.9545 9.63798 13.7012 9.8856C13.4479 10.1332 13.1473 10.3296 12.8164 10.4637C12.4855 10.5977 12.1309 10.6666 11.7727 10.6666H9.78374",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}))},l=function(l){var p=l.url,c=l.onCopied,j=l.locale,f=s().t,u=a(p||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(j)}));return o.createElement(d,null,o.createElement(r,{size:"p3",color:n.colors.gray800},f("shareContainer.title")),o.createElement("div",{className:"icon-group"},u.map((function(e,t){return o.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon)})),o.createElement(i,{size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:o.createElement(m,null),onClick:function(){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(p)];case 1:return t.sent(),null==c||c(),[2]}}))}))}})))};export{l as ShareContainer};