@hhgtech/hhg-components 1.21.0-beta-13 → 1.21.0-beta-14

package/build/esm/components/babyGrowthRecord.js

@@ -1 +1 @@
-import e from"react";import{format as t}from"date-fns";import{t as r}from"../theme-a50a1aa5.js";import{renderChildAge as n}from"./childCard.js";import{Text as i}from"./text.js";import{_ as l}from"../tslib.es6-95636cf4.js";import a from"styled-components";import{a as o,l as m}from"../localizeNumberFormat-77c129ef.js";import{L as s}from"../Locale-2d9f66c1.js";import{u as C}from"../useTranslations-d9bcdd4c.js";import"./heading.js";import"../utils-432904d8.js";import"./icons.js";import"../FullScreen-a24fd8fa.js";import"./menu.js";import"../useOutsideClick-6004483a.js";import"../BabyGrowth-a6bb24d9.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";var c,p=a.div(c||(c=l(["\n  cursor: pointer;\n  position: relative;\n  padding: 20px 2px;\n  border-bottom: 1px solid ",";\n  .time {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 16px;\n  }\n  .edit-button {\n    margin-left: auto;\n    justify-self: end;\n  }\n  .record {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: 1fr;\n    grid-column-gap: 30px;\n    grid-row-gap: 0px;\n  }\n  .record-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n"],["\n  cursor: pointer;\n  position: relative;\n  padding: 20px 2px;\n  border-bottom: 1px solid ",";\n  .time {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 16px;\n  }\n  .edit-button {\n    margin-left: auto;\n    justify-self: end;\n  }\n  .record {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: 1fr;\n    grid-column-gap: 30px;\n    grid-row-gap: 0px;\n  }\n  .record-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n"])),r.colors.gray100),d=function(e,t){return e&&"NaN"!==e?e+" "+(t||""):"--"},g=function(l){var a=l.measurementDate,c=void 0===a?new Date:a,g=l.weight,f=l.height,h=l.head,L=l.onEdit,w=l.birthday,E=l.dateFormat,x=void 0===E?"dd/MM/yyyy":E,u=l.locale;void 0===u&&s.PhilippinesEnglish;var v=C().t;return e.createElement(p,{onClick:L},e.createElement("div",{className:"time"},e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.64421 0.666016C5.27621 0.666016 4.97754 0.964682 4.97754 1.33268V1.99935H4.31087C3.57754 1.99935 2.97754 2.59935 2.97754 3.33268V12.666C2.97754 13.3993 3.57754 13.9993 4.31087 13.9993H13.6442C14.3775 13.9993 14.9775 13.3993 14.9775 12.666V3.33268C14.9775 2.59935 14.3775 1.99935 13.6442 1.99935H12.9775V1.33268C12.9775 0.964682 12.6789 0.666016 12.3109 0.666016C11.9429 0.666016 11.6442 0.964682 11.6442 1.33268V1.99935H6.31087V1.33268C6.31087 0.964682 6.01221 0.666016 5.64421 0.666016ZM4.31087 5.33268H13.6442V11.9993C13.6442 12.3673 13.3455 12.666 12.9775 12.666H4.97754C4.60954 12.666 4.31087 12.3673 4.31087 11.9993V5.33268Z",fill:"#8C8C8C"})),e.createElement(i,{size:"p3",color:r.colors.gray600},"".concat(t(c,x)," (").concat(n(o(w,c),v),")")),e.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"edit-button"},e.createElement("path",{d:"M12.7721 1.33398C12.2911 1.33398 11.8102 1.51773 11.443 1.88607L10.6643 2.66732L13.3224 5.33398L14.1011 4.55273C14.8348 3.81673 14.8348 2.62273 14.1011 1.88607C13.734 1.51773 13.253 1.33398 12.7721 1.33398ZM9.66748 3.66732L2.02539 11.334V14.0007H4.68351L12.3256 6.33398L9.66748 3.66732Z",fill:"#8C8C8C"}))),e.createElement("div",{className:"record"},e.createElement("div",{className:"record-item"},e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M8.44401 9.86602C8.44401 9.57146 8.68279 9.33268 8.97734 9.33268C9.2719 9.33268 9.51068 9.57146 9.51068 9.86602V11.466C9.51068 11.7606 9.2719 11.9993 8.97734 11.9993C8.68279 11.9993 8.44401 11.7606 8.44401 11.466V9.86602Z",fill:"#8C8C8C"}),e.createElement("path",{d:"M8.17595 3.05319C7.96767 3.26147 7.96767 3.59916 8.17595 3.80744L8.83592 4.46741C9.0442 4.67569 9.38189 4.67569 9.59017 4.46741C9.79844 4.25913 9.79844 3.92144 9.59017 3.71316L8.9302 3.05319C8.72192 2.84491 8.38423 2.84492 8.17595 3.05319Z",fill:"#8C8C8C"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.2941 3.66435C12.1261 1.98071 10.7053 0.666016 8.97738 0.666016C7.2495 0.666016 5.82868 1.9807 5.66067 3.66434L3.67054 3.86336C2.92499 3.93791 2.38724 4.61197 2.48017 5.35545L3.498 13.4981C3.5814 14.1653 4.1486 14.666 4.82104 14.666H13.1336C13.806 14.666 14.3732 14.1653 14.4567 13.4981L15.4745 5.35545C15.5674 4.61197 15.0297 3.93791 14.2841 3.86336L12.2941 3.66435ZM12.1607 4.991C11.7386 6.34768 10.473 7.33268 8.97738 7.33268C7.48176 7.33268 6.2162 6.34767 5.79403 4.99099L3.80321 5.19007L4.82104 13.3327L13.1336 13.3327L14.1514 5.19007L12.1607 4.991ZM10.9774 3.99935C10.9774 5.10392 10.0819 5.99935 8.97738 5.99935C7.87281 5.99935 6.97738 5.10392 6.97738 3.99935C6.97738 2.89478 7.87281 1.99935 8.97738 1.99935C10.0819 1.99935 10.9774 2.89478 10.9774 3.99935Z",fill:"#8C8C8C"})),e.createElement(i,{size:"s3",color:r.colors.gray800,type:"semiBold"},d(m(g),"kg"))),e.createElement("div",{className:"record-item"},e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_855_82991)"},e.createElement("path",{d:"M12.6055 13.9993L12.6055 1.99935C12.6055 1.26602 12.0055 0.666016 11.2721 0.666016L5.9388 0.666015C5.20547 0.666015 4.60547 1.26602 4.60547 1.99935L4.60547 13.9993C4.60547 14.7327 5.20547 15.3327 5.9388 15.3327L11.2721 15.3327C12.0055 15.3327 12.6055 14.7327 12.6055 13.9993ZM5.9388 13.9993L5.9388 1.99935L11.2721 1.99935L11.2721 3.33268L8.60547 3.33268L8.60547 4.66602L11.2721 4.66602L11.2721 5.99935L8.60547 5.99935L8.60547 7.33268L11.2721 7.33268L11.2721 8.66602L8.60547 8.66601L8.60547 9.99935L11.2721 9.99935L11.2721 11.3327L8.60547 11.3327L8.60547 12.666L11.2721 12.666L11.2721 13.9993L5.9388 13.9993Z",fill:"#8C8C8C"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_855_82991"},e.createElement("rect",{width:"16",height:"16",fill:"white",transform:"translate(16.6055) rotate(90)"})))),e.createElement(i,{size:"s3",color:r.colors.gray800,type:"semiBold"},d(m(f),"cm"))),e.createElement("div",{className:"record-item"},e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_855_82994)"},e.createElement("path",{d:"M9.90072 7.83268C10.361 7.83268 10.734 7.45959 10.734 6.99935C10.734 6.53911 10.361 6.16602 9.90072 6.16602C9.44048 6.16602 9.06738 6.53911 9.06738 6.99935C9.06738 7.45959 9.44048 7.83268 9.90072 7.83268Z",fill:"#8C8C8C"}),e.createElement("path",{d:"M6.56771 7.83268C7.02795 7.83268 7.40104 7.45959 7.40104 6.99935C7.40104 6.53911 7.02795 6.16602 6.56771 6.16602C6.10747 6.16602 5.73438 6.53911 5.73438 6.99935C5.73438 7.45959 6.10747 7.83268 6.56771 7.83268Z",fill:"#8C8C8C"}),e.createElement("path",{d:"M15.528 7.56C15.3614 6.55333 14.6214 5.73333 13.6547 5.44667C13.3014 4.7 12.8014 4.04667 12.1947 3.50667C11.1414 2.56667 9.7547 2 8.2347 2C6.7147 2 5.32803 2.56667 4.2747 3.50667C3.66137 4.04667 3.16137 4.70667 2.8147 5.44667C1.84803 5.73333 1.10803 6.54667 0.941367 7.56C0.9147 7.7 0.901367 7.84667 0.901367 8C0.901367 8.15333 0.9147 8.3 0.941367 8.44C1.10803 9.44667 1.84803 10.2667 2.8147 10.5533C3.16137 11.2933 3.66137 11.9467 4.26137 12.48C5.3147 13.4267 6.70803 14 8.2347 14C9.76137 14 11.1547 13.4267 12.2147 12.48C12.8147 11.9467 13.3147 11.2867 13.6614 10.5533C14.6214 10.2667 15.3614 9.45333 15.528 8.44C15.5547 8.3 15.568 8.15333 15.568 8C15.568 7.84667 15.5547 7.7 15.528 7.56ZM12.9014 9.33333C12.8347 9.33333 12.7747 9.32 12.708 9.31333C12.5747 9.76 12.3814 10.1733 12.1347 10.5533C11.3014 11.8267 9.86803 12.6667 8.2347 12.6667C6.60137 12.6667 5.16803 11.8267 4.3347 10.5533C4.08803 10.1733 3.8947 9.76 3.76137 9.31333C3.6947 9.32 3.6347 9.33333 3.56803 9.33333C2.8347 9.33333 2.2347 8.73333 2.2347 8C2.2347 7.26667 2.8347 6.66667 3.56803 6.66667C3.6347 6.66667 3.6947 6.68 3.76137 6.68667C3.8947 6.24 4.08803 5.82667 4.3347 5.44667C5.16803 4.17333 6.60137 3.33333 8.2347 3.33333C9.86803 3.33333 11.3014 4.17333 12.1347 5.44667C12.3814 5.82667 12.5747 6.24 12.708 6.68667C12.7747 6.68 12.8347 6.66667 12.9014 6.66667C13.6347 6.66667 14.2347 7.26667 14.2347 8C14.2347 8.73333 13.6347 9.33333 12.9014 9.33333ZM8.2347 11.3333C9.5747 11.3333 10.728 10.5133 11.2347 9.33333H5.2347C5.74137 10.5133 6.8947 11.3333 8.2347 11.3333Z",fill:"#8C8C8C"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_855_82994"},e.createElement("rect",{width:"16",height:"16",fill:"white",transform:"translate(0.234375)"})))),e.createElement(i,{size:"s3",color:r.colors.gray800,type:"semiBold"},d(m(h),"cm")))))};export{g as BabyGrowthRecord};
+import e from"react";import{format as t}from"date-fns";import{t as r}from"../theme-a50a1aa5.js";import{renderChildAge as n}from"./childCard.js";import{u as i}from"../useTranslations-d9bcdd4c.js";import"lodash/debounce";import"../constants-3be6f6a9.js";import{L as l}from"../Locale-69030fff.js";import{a,l as o}from"../localizeNumberFormat-77c129ef.js";import"../animation-c611f996.js";import"../lazyLoad-751c35bd.js";import m from"styled-components";import"../utils-432904d8.js";import{Text as s}from"./text.js";import{_ as C}from"../tslib.es6-95636cf4.js";import"./heading.js";import"./icons.js";import"../FullScreen-a24fd8fa.js";import"./menu.js";import"../useOutsideClick-6004483a.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";var c,p=m.div(c||(c=C(["\n  cursor: pointer;\n  position: relative;\n  padding: 20px 2px;\n  border-bottom: 1px solid ",";\n  .time {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 16px;\n  }\n  .edit-button {\n    margin-left: auto;\n    justify-self: end;\n  }\n  .record {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: 1fr;\n    grid-column-gap: 30px;\n    grid-row-gap: 0px;\n  }\n  .record-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n"],["\n  cursor: pointer;\n  position: relative;\n  padding: 20px 2px;\n  border-bottom: 1px solid ",";\n  .time {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 16px;\n  }\n  .edit-button {\n    margin-left: auto;\n    justify-self: end;\n  }\n  .record {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: 1fr;\n    grid-column-gap: 30px;\n    grid-row-gap: 0px;\n  }\n  .record-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n"])),r.colors.gray100),d=function(e,t){return e&&"NaN"!==e?e+" "+(t||""):"--"},g=function(m){var C=m.measurementDate,c=void 0===C?new Date:C,g=m.weight,f=m.height,h=m.head,L=m.onEdit,w=m.birthday,E=m.dateFormat,u=void 0===E?"dd/MM/yyyy":E,x=m.locale;void 0===x&&l.PhilippinesEnglish;var v=i().t;return e.createElement(p,{onClick:L},e.createElement("div",{className:"time"},e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.64421 0.666016C5.27621 0.666016 4.97754 0.964682 4.97754 1.33268V1.99935H4.31087C3.57754 1.99935 2.97754 2.59935 2.97754 3.33268V12.666C2.97754 13.3993 3.57754 13.9993 4.31087 13.9993H13.6442C14.3775 13.9993 14.9775 13.3993 14.9775 12.666V3.33268C14.9775 2.59935 14.3775 1.99935 13.6442 1.99935H12.9775V1.33268C12.9775 0.964682 12.6789 0.666016 12.3109 0.666016C11.9429 0.666016 11.6442 0.964682 11.6442 1.33268V1.99935H6.31087V1.33268C6.31087 0.964682 6.01221 0.666016 5.64421 0.666016ZM4.31087 5.33268H13.6442V11.9993C13.6442 12.3673 13.3455 12.666 12.9775 12.666H4.97754C4.60954 12.666 4.31087 12.3673 4.31087 11.9993V5.33268Z",fill:"#8C8C8C"})),e.createElement(s,{size:"p3",color:r.colors.gray600},"".concat(t(c,u)," (").concat(n(a(w,c),v),")")),e.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"edit-button"},e.createElement("path",{d:"M12.7721 1.33398C12.2911 1.33398 11.8102 1.51773 11.443 1.88607L10.6643 2.66732L13.3224 5.33398L14.1011 4.55273C14.8348 3.81673 14.8348 2.62273 14.1011 1.88607C13.734 1.51773 13.253 1.33398 12.7721 1.33398ZM9.66748 3.66732L2.02539 11.334V14.0007H4.68351L12.3256 6.33398L9.66748 3.66732Z",fill:"#8C8C8C"}))),e.createElement("div",{className:"record"},e.createElement("div",{className:"record-item"},e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M8.44401 9.86602C8.44401 9.57146 8.68279 9.33268 8.97734 9.33268C9.2719 9.33268 9.51068 9.57146 9.51068 9.86602V11.466C9.51068 11.7606 9.2719 11.9993 8.97734 11.9993C8.68279 11.9993 8.44401 11.7606 8.44401 11.466V9.86602Z",fill:"#8C8C8C"}),e.createElement("path",{d:"M8.17595 3.05319C7.96767 3.26147 7.96767 3.59916 8.17595 3.80744L8.83592 4.46741C9.0442 4.67569 9.38189 4.67569 9.59017 4.46741C9.79844 4.25913 9.79844 3.92144 9.59017 3.71316L8.9302 3.05319C8.72192 2.84491 8.38423 2.84492 8.17595 3.05319Z",fill:"#8C8C8C"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.2941 3.66435C12.1261 1.98071 10.7053 0.666016 8.97738 0.666016C7.2495 0.666016 5.82868 1.9807 5.66067 3.66434L3.67054 3.86336C2.92499 3.93791 2.38724 4.61197 2.48017 5.35545L3.498 13.4981C3.5814 14.1653 4.1486 14.666 4.82104 14.666H13.1336C13.806 14.666 14.3732 14.1653 14.4567 13.4981L15.4745 5.35545C15.5674 4.61197 15.0297 3.93791 14.2841 3.86336L12.2941 3.66435ZM12.1607 4.991C11.7386 6.34768 10.473 7.33268 8.97738 7.33268C7.48176 7.33268 6.2162 6.34767 5.79403 4.99099L3.80321 5.19007L4.82104 13.3327L13.1336 13.3327L14.1514 5.19007L12.1607 4.991ZM10.9774 3.99935C10.9774 5.10392 10.0819 5.99935 8.97738 5.99935C7.87281 5.99935 6.97738 5.10392 6.97738 3.99935C6.97738 2.89478 7.87281 1.99935 8.97738 1.99935C10.0819 1.99935 10.9774 2.89478 10.9774 3.99935Z",fill:"#8C8C8C"})),e.createElement(s,{size:"s3",color:r.colors.gray800,type:"semiBold"},d(o(g),"kg"))),e.createElement("div",{className:"record-item"},e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_855_82991)"},e.createElement("path",{d:"M12.6055 13.9993L12.6055 1.99935C12.6055 1.26602 12.0055 0.666016 11.2721 0.666016L5.9388 0.666015C5.20547 0.666015 4.60547 1.26602 4.60547 1.99935L4.60547 13.9993C4.60547 14.7327 5.20547 15.3327 5.9388 15.3327L11.2721 15.3327C12.0055 15.3327 12.6055 14.7327 12.6055 13.9993ZM5.9388 13.9993L5.9388 1.99935L11.2721 1.99935L11.2721 3.33268L8.60547 3.33268L8.60547 4.66602L11.2721 4.66602L11.2721 5.99935L8.60547 5.99935L8.60547 7.33268L11.2721 7.33268L11.2721 8.66602L8.60547 8.66601L8.60547 9.99935L11.2721 9.99935L11.2721 11.3327L8.60547 11.3327L8.60547 12.666L11.2721 12.666L11.2721 13.9993L5.9388 13.9993Z",fill:"#8C8C8C"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_855_82991"},e.createElement("rect",{width:"16",height:"16",fill:"white",transform:"translate(16.6055) rotate(90)"})))),e.createElement(s,{size:"s3",color:r.colors.gray800,type:"semiBold"},d(o(f),"cm"))),e.createElement("div",{className:"record-item"},e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_855_82994)"},e.createElement("path",{d:"M9.90072 7.83268C10.361 7.83268 10.734 7.45959 10.734 6.99935C10.734 6.53911 10.361 6.16602 9.90072 6.16602C9.44048 6.16602 9.06738 6.53911 9.06738 6.99935C9.06738 7.45959 9.44048 7.83268 9.90072 7.83268Z",fill:"#8C8C8C"}),e.createElement("path",{d:"M6.56771 7.83268C7.02795 7.83268 7.40104 7.45959 7.40104 6.99935C7.40104 6.53911 7.02795 6.16602 6.56771 6.16602C6.10747 6.16602 5.73438 6.53911 5.73438 6.99935C5.73438 7.45959 6.10747 7.83268 6.56771 7.83268Z",fill:"#8C8C8C"}),e.createElement("path",{d:"M15.528 7.56C15.3614 6.55333 14.6214 5.73333 13.6547 5.44667C13.3014 4.7 12.8014 4.04667 12.1947 3.50667C11.1414 2.56667 9.7547 2 8.2347 2C6.7147 2 5.32803 2.56667 4.2747 3.50667C3.66137 4.04667 3.16137 4.70667 2.8147 5.44667C1.84803 5.73333 1.10803 6.54667 0.941367 7.56C0.9147 7.7 0.901367 7.84667 0.901367 8C0.901367 8.15333 0.9147 8.3 0.941367 8.44C1.10803 9.44667 1.84803 10.2667 2.8147 10.5533C3.16137 11.2933 3.66137 11.9467 4.26137 12.48C5.3147 13.4267 6.70803 14 8.2347 14C9.76137 14 11.1547 13.4267 12.2147 12.48C12.8147 11.9467 13.3147 11.2867 13.6614 10.5533C14.6214 10.2667 15.3614 9.45333 15.528 8.44C15.5547 8.3 15.568 8.15333 15.568 8C15.568 7.84667 15.5547 7.7 15.528 7.56ZM12.9014 9.33333C12.8347 9.33333 12.7747 9.32 12.708 9.31333C12.5747 9.76 12.3814 10.1733 12.1347 10.5533C11.3014 11.8267 9.86803 12.6667 8.2347 12.6667C6.60137 12.6667 5.16803 11.8267 4.3347 10.5533C4.08803 10.1733 3.8947 9.76 3.76137 9.31333C3.6947 9.32 3.6347 9.33333 3.56803 9.33333C2.8347 9.33333 2.2347 8.73333 2.2347 8C2.2347 7.26667 2.8347 6.66667 3.56803 6.66667C3.6347 6.66667 3.6947 6.68 3.76137 6.68667C3.8947 6.24 4.08803 5.82667 4.3347 5.44667C5.16803 4.17333 6.60137 3.33333 8.2347 3.33333C9.86803 3.33333 11.3014 4.17333 12.1347 5.44667C12.3814 5.82667 12.5747 6.24 12.708 6.68667C12.7747 6.68 12.8347 6.66667 12.9014 6.66667C13.6347 6.66667 14.2347 7.26667 14.2347 8C14.2347 8.73333 13.6347 9.33333 12.9014 9.33333ZM8.2347 11.3333C9.5747 11.3333 10.728 10.5133 11.2347 9.33333H5.2347C5.74137 10.5133 6.8947 11.3333 8.2347 11.3333Z",fill:"#8C8C8C"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_855_82994"},e.createElement("rect",{width:"16",height:"16",fill:"white",transform:"translate(0.234375)"})))),e.createElement(s,{size:"s3",color:r.colors.gray800,type:"semiBold"},d(o(h),"cm")))))};export{g as BabyGrowthRecord};

package/build/esm/components/babyGrowthTooltip.js

@@ -1 +1 @@
-import n,{useMemo as r}from"react";import{t as e}from"../theme-a50a1aa5.js";import{Text as o}from"./text.js";import{_ as t}from"../tslib.es6-95636cf4.js";import i from"styled-components";import{L as a}from"../Locale-2d9f66c1.js";import"../utils-432904d8.js";var l,p=i.div(l||(l=t(["\n  /* position: absolute; */\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n  padding: 8px;\n  gap: 14px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  }\n  .tooltip {\n    text-align: left;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n  padding: 8px;\n  gap: 14px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  }\n  .tooltip {\n    text-align: left;\n  }\n"])),e.colors.yellow600),s=[{name:["3rd","-3SD","97th","3SD"],color:e.colors.red600},{name:["15rd","-2SD","85th","2SD"],color:e.colors.yellow600},{name:["50th","0Median"],color:e.colors.green600}],d={"3rd":"-3SD","15th":"-2SD","50th":"Median","85th":"2SD","97th":"3SD"},c=function(t){var i=t.riskLevel,l=t.tooltips,c=t.locale,x=r((function(){var n;return null===(n=s.find((function(n){return n.name.includes(i||"")})))||void 0===n?void 0:n.color}),[i]),m=r((function(){return c===a.Indonesia?i?d[i]:"":i}),[c,i]);return n.createElement(p,null,n.createElement("div",{className:"risk",style:{backgroundColor:x}},n.createElement(o,{size:"s3",color:e.colors.white,type:"semiBold"},m)),n.createElement("div",{className:"tooltip"},l.map((function(r,t){return n.createElement(o,{key:t,size:"n1",color:e.colors.gray600},r)}))))};export{c as BabyGrowthTooltip};
+import n,{useMemo as r}from"react";import{L as e}from"../Locale-69030fff.js";import{t as o}from"../theme-a50a1aa5.js";import{Text as t}from"./text.js";import{_ as i}from"../tslib.es6-95636cf4.js";import a from"styled-components";import"../utils-432904d8.js";var l,p=a.div(l||(l=i(["\n  /* position: absolute; */\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n  padding: 8px;\n  gap: 14px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  }\n  .tooltip {\n    text-align: left;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n  padding: 8px;\n  gap: 14px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  }\n  .tooltip {\n    text-align: left;\n  }\n"])),o.colors.yellow600),s=[{name:["3rd","-3SD","97th","3SD"],color:o.colors.red600},{name:["15rd","-2SD","85th","2SD"],color:o.colors.yellow600},{name:["50th","0Median"],color:o.colors.green600}],d={"3rd":"-3SD","15th":"-2SD","50th":"Median","85th":"2SD","97th":"3SD"},c=function(i){var a=i.riskLevel,l=i.tooltips,c=i.locale,x=r((function(){var n;return null===(n=s.find((function(n){return n.name.includes(a||"")})))||void 0===n?void 0:n.color}),[a]),m=r((function(){return c===e.Indonesia?a?d[a]:"":a}),[c,a]);return n.createElement(p,null,n.createElement("div",{className:"risk",style:{backgroundColor:x}},n.createElement(t,{size:"s3",color:o.colors.white,type:"semiBold"},m)),n.createElement("div",{className:"tooltip"},l.map((function(r,e){return n.createElement(t,{key:e,size:"n1",color:o.colors.gray600},r)}))))};export{c as BabyGrowthTooltip};

package/build/esm/components/childCard.js

@@ -1 +1 @@
-import e,{useRef as n,useState as t}from"react";import{u as o}from"../useTranslations-d9bcdd4c.js";import{t as r}from"../theme-a50a1aa5.js";import{Heading as i}from"./heading.js";import{Icon as a}from"./icons.js";import{Text as l}from"./text.js";import{_ as C}from"../tslib.es6-95636cf4.js";import{Menu as s}from"./menu.js";import c from"styled-components";import{u as m}from"../useOutsideClick-6004483a.js";import{s as d}from"../utils-432904d8.js";import{G as p}from"../BabyGrowth-a6bb24d9.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";import"../FullScreen-a24fd8fa.js";var f,h,u,g=c.div(f||(f=C(["\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"])),r.colors.white,r.colors.gray100),x=c.div(h||(h=C(["\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"]))),E=c(s)(u||(u=C(["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"],["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"]))),w=function(t){var i=t.name,a=t.onClose,C=t.onEdit,c=t.onSwitch,d=t.onAdd,p=t.onRemove,f=o().t,h=n();return m(h,a),e.createElement("div",{ref:h},e.createElement(E,{width:250},e.createElement(s.Item,{onClick:C,icon:e.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.7812 1.83301C12.2987 1.83301 11.8162 2.01676 11.4479 2.38509L10.6667 3.16634L13.3333 5.83301L14.1146 5.05176C14.8506 4.31576 14.8506 3.12176 14.1146 2.38509C13.7463 2.01676 13.2638 1.83301 12.7812 1.83301ZM9.66667 4.16634L2 11.833V14.4997H4.66667L12.3333 6.83301L9.66667 4.16634Z",fill:"#595959"}))},e.createElement(l,{size:"p2",color:r.colors.gray800},f("childCard.menu.edit",{name:i}))),e.createElement(s.Item,{onClick:c,icon:e.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"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(l,{size:"p2",color:r.colors.gray800},f("childCard.menu.switch"))),e.createElement(s.Item,{onClick:d,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(l,{size:"p2",color:r.colors.gray800},f("childCard.menu.add"))),e.createElement(s.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(l,{size:"p2",color:r.colors.red600},f("childCard.menu.remove",{name:i})))))},v=function(e,n){if(e)if(e.year<1){if(0===e.month)switch(e.week){case 0:case 1:return n("childCard.age.oneWeek");default:return n("childCard.age.week",{weeks:e.week})}if(e.month>0)return n("childCard.age.months",{month:e.month})}else{if(0===e.month)return n("childCard.age.yearNoMonth",{year:e.year});if(e.month>0)return n("childCard.age.yearMonth",{year:e.year,month:e.month})}},y=function(n){var C=n.name,s=n.gender,c=n.age,m=n.isLoggedIn,f=void 0!==m&&m,h=n.showMenu,u=void 0!==h&&h,E=n.onEdit,y=n.onSwitch,b=n.onAdd,H=n.onRemove,M=n.className,j=o().t,Z=t(!1),k=Z[0],L=Z[1];return e.createElement(g,{className:M},e.createElement("div",{"data-testid":"gender"},s===p.Boy?e.createElement(a.Boy,{"data-testid":"boy",id:"boy"}):e.createElement(a.Girl,{"data-testid":"girl",id:"girl"})),e.createElement("div",{className:"information"},e.createElement(i,{tag:"h5",fontWeight:"bold",color:r.colors.gray800},d(C)||j("childCard.noName")),e.createElement("div",{className:"detail"},e.createElement("div",null,s===p.Boy?e.createElement(a.GenderBoy,null):e.createElement(a.GenderGirl,null),e.createElement(l,{size:"p3",color:r.colors.gray800,style:{textTransform:"capitalize"}},s)),e.createElement("div",null,e.createElement(a.Calendar,{size:16}),c&&e.createElement(l,{size:"p3",color:r.colors.gray800},v(c,j))))),u&&f&&e.createElement(x,null,e.createElement(a.Kebab,{onClick:function(){return L((function(e){return!e}))}}),k&&e.createElement(w,{name:C,onClose:function(){return L(!1)},onEdit:function(){L(!1),E()},onSwitch:function(){L(!1),y()},onAdd:function(){L(!1),b()},onRemove:function(){L(!1),H()}})))};export{y as ChildCard,v as renderChildAge};
+import e,{useRef as n,useState as t}from"react";import{u as o}from"../useTranslations-d9bcdd4c.js";import{t as r}from"../theme-a50a1aa5.js";import{Heading as i}from"./heading.js";import{Icon as a}from"./icons.js";import{Text as l}from"./text.js";import{G as s}from"../Locale-69030fff.js";import"date-fns";import"../animation-c611f996.js";import"../lazyLoad-751c35bd.js";import C from"styled-components";import"../constants-3be6f6a9.js";import{s as m}from"../utils-432904d8.js";import{_ as c}from"../tslib.es6-95636cf4.js";import{Menu as d}from"./menu.js";import{u as p}from"../useOutsideClick-6004483a.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";import"../FullScreen-a24fd8fa.js";var f,h,u,g=C.div(f||(f=c(["\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"])),r.colors.white,r.colors.gray100),x=C.div(h||(h=c(["\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"]))),E=C(d)(u||(u=c(["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"],["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"]))),w=function(t){var i=t.name,a=t.onClose,s=t.onEdit,C=t.onSwitch,m=t.onAdd,c=t.onRemove,f=o().t,h=n();return p(h,a),e.createElement("div",{ref:h},e.createElement(E,{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(l,{size:"p2",color:r.colors.gray800},f("childCard.menu.edit",{name:i}))),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",{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(l,{size:"p2",color:r.colors.gray800},f("childCard.menu.switch"))),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",{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(l,{size:"p2",color:r.colors.gray800},f("childCard.menu.add"))),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",{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(l,{size:"p2",color:r.colors.red600},f("childCard.menu.remove",{name:i})))))},v=function(e,n){if(e)if(e.year<1){if(0===e.month)switch(e.week){case 0:case 1:return n("childCard.age.oneWeek");default:return n("childCard.age.week",{weeks:e.week})}if(e.month>0)return n("childCard.age.months",{month:e.month})}else{if(0===e.month)return n("childCard.age.yearNoMonth",{year:e.year});if(e.month>0)return n("childCard.age.yearMonth",{year:e.year,month:e.month})}},y=function(n){var C=n.name,c=n.gender,d=n.age,p=n.isLoggedIn,f=void 0!==p&&p,h=n.showMenu,u=void 0!==h&&h,E=n.onEdit,y=n.onSwitch,b=n.onAdd,j=n.onRemove,H=n.className,M=o().t,L=t(!1),Z=L[0],k=L[1];return e.createElement(g,{className:H},e.createElement("div",{"data-testid":"gender"},c===s.Boy?e.createElement(a.Boy,{"data-testid":"boy",id:"boy"}):e.createElement(a.Girl,{"data-testid":"girl",id:"girl"})),e.createElement("div",{className:"information"},e.createElement(i,{tag:"h5",fontWeight:"bold",color:r.colors.gray800},m(C)||M("childCard.noName")),e.createElement("div",{className:"detail"},e.createElement("div",null,c===s.Boy?e.createElement(a.GenderBoy,null):e.createElement(a.GenderGirl,null),e.createElement(l,{size:"p3",color:r.colors.gray800,style:{textTransform:"capitalize"}},c)),e.createElement("div",null,e.createElement(a.Calendar,{size:16}),d&&e.createElement(l,{size:"p3",color:r.colors.gray800},v(d,M))))),u&&f&&e.createElement(x,null,e.createElement(a.Kebab,{onClick:function(){return k((function(e){return!e}))}}),Z&&e.createElement(w,{name:C,onClose:function(){return k(!1)},onEdit:function(){k(!1),E()},onSwitch:function(){k(!1),y()},onAdd:function(){k(!1),b()},onRemove:function(){k(!1),j()}})))};export{y as ChildCard,v as renderChildAge};

package/build/esm/components/dateRangePicker.js

@@ -1 +1 @@
-import n,{useState as e,useMemo as t,useEffect as o,useRef as r}from"react";import{isBefore as a,startOfMonth as i,addMonths as l,format as s,subMonths as d,getDaysInMonth as c,isToday as u,isSameDay as p,isWithinInterval as m,isAfter as f,isPast as g}from"date-fns";import{PureInput as h}from"./pureInput.js";import{u as x}from"../useOutsideClick-6004483a.js";import{a as v,_ as b}from"../tslib.es6-95636cf4.js";import w from"date-fns/locale/en-US";import y from"date-fns/locale/id";import k from"date-fns/locale/vi";import E from"date-fns/locale/zh-TW";import{Button as j}from"./button.js";import{u as C}from"../useScreenSize-fc434740.js";import{u as D}from"../useTranslations-d9bcdd4c.js";import M from"styled-components";import{M as z}from"../utils-432904d8.js";import"./label.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";var H=M.div(F||(F=b(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),V=M.div(L||(L=b(["\n  padding: 0 10px;\n"],["\n  padding: 0 10px;\n"]))),B=M.div(P||(P=b(["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"],["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"])),z.mbDown),N=M.div(S||(S=b(["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"],["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"]))),T=M(N)(I||(I=b(["\n  margin-bottom: 8px;\n"],["\n  margin-bottom: 8px;\n"])));M.div(U||(U=b(["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var F,L,P,S,I,U,R,W,Z,_,O,Y,q,A=M.div(R||(R=b(["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"],["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"])),(function(n){return n.theme.colors.gray800})),G=M.div(W||(W=b(["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"],["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.neutral100})),J=M.div(Z||(Z=b(["\n  margin: 0 auto;\n"],["\n  margin: 0 auto;\n"]))),K=M.div(_||(_=b(["\n  position: relative;\n"],["\n  position: relative;\n"]))),Q=M(N)(O||(O=b([""],[""]))),X=M.div(Y||(Y=b(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"])),z.mbUp,(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray100})),$=M.div(q||(q=b(["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"],["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"])),z.mbDown,z.mbUp,(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase})),nn={"en-PH":w,"vi-VN":k,"zh-TW":E,"id-ID":y};function en(o){var r=o.value,a=void 0===r?{from:null,to:null}:r,s=e(null),c=s[0],u=s[1],p=C().isMobile,m=e((function(){return a})),f=m[0],g=m[1],h=e((function(){var n;return i(null!==(n=a.from)&&void 0!==n?n:new Date)})),x=h[0],b=h[1],w=t((function(){return l(x,1)}),[x]);var y=v(v({},o),{goToNextMonth:function(){b((function(n){return l(n,1)}))},goToPreviousMonth:function(){b((function(n){return d(n,1)}))},range:f,setRange:g,hoverDay:c,setHoverDay:u});return n.createElement(n.Fragment,null,n.createElement(tn,v({},y,{date:x})),!p&&n.createElement(G,null),!p&&n.createElement(tn,v({},y,{date:w})))}function tn(e){var r=e.date,i=e.range,l=e.setRange,d=e.onChange,h=e.goToPreviousMonth,x=e.goToNextMonth,b=e.minDate,w=e.maxDate,y=e.close,k=void 0===y?function(){}:y,E=e.autoClose,C=void 0!==E&&E,M=e.hoverDay,z=e.setHoverDay,N=D().locale,F=t((function(){var n;return null!==(n=nn[N])&&void 0!==n?n:nn["en-PH"]}),[N]),L=t((function(){return s(r,"MMMM",{locale:F})}),[r,F]),P=t((function(){return F?[1,2,3,4,5,6,0].map((function(n){return F.localize.day(n,{width:"narrow"})})):[]}),[F]);function S(e,t){if(null===e)return n.createElement(X,{key:"idx-".concat(t),"data-empty":"true"});var o=e.getDate(),r=u(e),s=!!i.from&&p(i.from,e),d=!!i.to&&p(i.to,e),c=s||d,h=!1;null!==M&&i.from&&a(i.from,M)&&!i.to?h=m(e,{start:i.from,end:M}):i.from&&i.to&&(h=m(e,{start:i.from,end:i.to}));var x=!1;return b&&w?x=!m(e,{start:b,end:w}):b?x=a(e,b):w&&(x=f(e,w)),n.createElement(X,{key:o,"data-is-today":r,"data-is-past":!r&&g(e),"data-is-selected":c,"data-is-disabled":x,"data-in-range":h,"data-is-from":s,"data-is-to":d,onMouseEnter:function(){z(e)},onMouseLeave:function(){return z(null)},onClick:function(){x||l((function(n){return C&&i.from&&!i.to&&k(),function(n,e){return e.from||e.to?e.from&&e.to?{from:n,to:null}:e.from?a(n,e.from)?v(v({},e),{from:n}):v(v({},e),{to:n}):e:v(v({},e),{from:n})}(e,n)}))}},n.createElement($,{onClick:function(){}},n.createElement("p",null,o)))}return o((function(){i.from&&i.to&&d(i)}),[i]),n.createElement(H,{className:"calendar-wrapper"},n.createElement(B,null,n.createElement(j,{onClick:h,size:"md",color:"ghost",icon:n.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"})}),n.createElement("div",{className:"calendar-month"},L,n.createElement("strong",null,s(r,"yyyy"))),n.createElement(j,{onClick:x,size:"md",color:"ghost",icon:n.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"})})),n.createElement(V,null,n.createElement("div",null,n.createElement(T,null,P.map((function(e,t){return n.createElement(A,{key:"".concat(e,"-").concat(t)},e)})))),n.createElement("div",null,function(){for(var e=r.getFullYear(),t=r.getMonth(),o=c(r),a=[],l=1;l<=o;l++)a.push(new Date(e,t,l));var s=a[0]?a[0].getDay():0;if(1!==s){var d=0===s?6:s-1;for(l=0;l<d;l++)a.unshift(null)}return n.createElement(K,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(i.from&&i.to)},n.createElement(J,null,n.createElement(Q,null,a.map(S))))}())))}var on,rn,an=M.div(on||(on=b(["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"],["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"])),z.mbDown),ln=M.div(rn||(rn=b(["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"])),(function(n){return n.theme.colors.gray200}),z.mbDown);function sn(o){var a=o.inputSize,i=void 0===a?"md":a,l=o.name,d=void 0===l?"date-range-picker":l,c=o.value,u=o.minDate,m=o.maxDate,f=o.onChange,g=o.className,v=o.autoClose,b=void 0!==v&&v;c||(c={from:null,to:null});var w=e(!1),y=w[0],k=w[1];function E(){k(!1)}var j=r(null);function C(n){f&&f(n)}function D(n){return s(n,"dd/MM/yyyy")}x(j,(function(){E()}));var M=t((function(){return c.from&&c.to?p(c.from,c.to)?D(c.from):"".concat(D(c.from)," - ").concat(D(c.to)):""}),[c.from,c.to]);return n.createElement(an,{className:[g,y&&"focused"].filter(Boolean).join(" "),ref:j},n.createElement("label",{htmlFor:d},n.createElement(h,{size:i,value:M,name:d,actionIcon:n.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 k(!0)}})),y?n.createElement(ln,{onMouseDown:function(n){n.stopPropagation()}},n.createElement(en,{value:c,onChange:C,minDate:u,maxDate:m,close:E,autoClose:b})):null)}export{sn as DateRangePicker};
+import n,{useState as e,useEffect as t,useMemo as o,useRef as r}from"react";import{isBefore as a,startOfMonth as i,addMonths as l,format as s,subMonths as d,getDaysInMonth as c,isToday as u,isSameDay as p,isWithinInterval as f,isAfter as m,isPast as g}from"date-fns";import{PureInput as h}from"./pureInput.js";import{u as x}from"../useOutsideClick-6004483a.js";import{a as v,_ as w}from"../tslib.es6-95636cf4.js";import b from"date-fns/locale/en-US";import y from"date-fns/locale/id";import k from"date-fns/locale/vi";import E from"date-fns/locale/zh-TW";import{Button as j}from"./button.js";import{u as C}from"../useTranslations-d9bcdd4c.js";import"../animation-c611f996.js";import"../lazyLoad-751c35bd.js";import M from"styled-components";import"../constants-3be6f6a9.js";import{M as D}from"../utils-432904d8.js";import"../Locale-69030fff.js";import"./label.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";var z=function(){return"undefined"!=typeof window&&window.innerWidth<768},H=function(){return"undefined"!=typeof window&&window.innerWidth>=768&&window.innerWidth<1112};var L=M.div(F||(F=w(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),V=M.div(P||(P=w(["\n  padding: 0 10px;\n"],["\n  padding: 0 10px;\n"]))),B=M.div(W||(W=w(["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"],["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"])),D.mbDown),N=M.div(I||(I=w(["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"],["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"]))),T=M(N)(U||(U=w(["\n  margin-bottom: 8px;\n"],["\n  margin-bottom: 8px;\n"])));M.div(R||(R=w(["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var F,P,W,I,U,R,S,Z,_,O,Y,q,A,G=M.div(S||(S=w(["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"],["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"])),(function(n){return n.theme.colors.gray800})),J=M.div(Z||(Z=w(["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"],["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.neutral100})),K=M.div(_||(_=w(["\n  margin: 0 auto;\n"],["\n  margin: 0 auto;\n"]))),Q=M.div(O||(O=w(["\n  position: relative;\n"],["\n  position: relative;\n"]))),X=M(N)(Y||(Y=w([""],[""]))),$=M.div(q||(q=w(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"])),D.mbUp,(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray100})),nn=M.div(A||(A=w(["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"],["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"])),D.mbDown,D.mbUp,(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase})),en={"en-PH":b,"vi-VN":k,"zh-TW":E,"id-ID":y};function tn(r){var a=r.value,s=void 0===a?{from:null,to:null}:a,c=e(null),u=c[0],p=c[1],f=function(){var n=e(z()),o=n[0],r=n[1],a=e(H()),i=a[0],l=a[1];return t((function(){var n=function(){r(z()),l(H())};return window.addEventListener("resize",n),function(){window.removeEventListener("resize",n)}}),[]),{isMobile:o,isLargeMobile:i}}().isMobile,m=e((function(){return s})),g=m[0],h=m[1],x=e((function(){var n;return i(null!==(n=s.from)&&void 0!==n?n:new Date)})),w=x[0],b=x[1],y=o((function(){return l(w,1)}),[w]);var k=v(v({},r),{goToNextMonth:function(){b((function(n){return l(n,1)}))},goToPreviousMonth:function(){b((function(n){return d(n,1)}))},range:g,setRange:h,hoverDay:u,setHoverDay:p});return n.createElement(n.Fragment,null,n.createElement(on,v({},k,{date:w})),!f&&n.createElement(J,null),!f&&n.createElement(on,v({},k,{date:y})))}function on(e){var r=e.date,i=e.range,l=e.setRange,d=e.onChange,h=e.goToPreviousMonth,x=e.goToNextMonth,w=e.minDate,b=e.maxDate,y=e.close,k=void 0===y?function(){}:y,E=e.autoClose,M=void 0!==E&&E,D=e.hoverDay,z=e.setHoverDay,H=C().locale,N=o((function(){var n;return null!==(n=en[H])&&void 0!==n?n:en["en-PH"]}),[H]),F=o((function(){return s(r,"MMMM",{locale:N})}),[r,N]),P=o((function(){return N?[1,2,3,4,5,6,0].map((function(n){return N.localize.day(n,{width:"narrow"})})):[]}),[N]);function W(e,t){if(null===e)return n.createElement($,{key:"idx-".concat(t),"data-empty":"true"});var o=e.getDate(),r=u(e),s=!!i.from&&p(i.from,e),d=!!i.to&&p(i.to,e),c=s||d,h=!1;null!==D&&i.from&&a(i.from,D)&&!i.to?h=f(e,{start:i.from,end:D}):i.from&&i.to&&(h=f(e,{start:i.from,end:i.to}));var x=!1;return w&&b?x=!f(e,{start:w,end:b}):w?x=a(e,w):b&&(x=m(e,b)),n.createElement($,{key:o,"data-is-today":r,"data-is-past":!r&&g(e),"data-is-selected":c,"data-is-disabled":x,"data-in-range":h,"data-is-from":s,"data-is-to":d,onMouseEnter:function(){z(e)},onMouseLeave:function(){return z(null)},onClick:function(){x||l((function(n){return M&&i.from&&!i.to&&k(),function(n,e){return e.from||e.to?e.from&&e.to?{from:n,to:null}:e.from?a(n,e.from)?v(v({},e),{from:n}):v(v({},e),{to:n}):e:v(v({},e),{from:n})}(e,n)}))}},n.createElement(nn,{onClick:function(){}},n.createElement("p",null,o)))}return t((function(){i.from&&i.to&&d(i)}),[i]),n.createElement(L,{className:"calendar-wrapper"},n.createElement(B,null,n.createElement(j,{onClick:h,size:"md",color:"ghost",icon:n.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"})}),n.createElement("div",{className:"calendar-month"},F,n.createElement("strong",null,s(r,"yyyy"))),n.createElement(j,{onClick:x,size:"md",color:"ghost",icon:n.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"})})),n.createElement(V,null,n.createElement("div",null,n.createElement(T,null,P.map((function(e,t){return n.createElement(G,{key:"".concat(e,"-").concat(t)},e)})))),n.createElement("div",null,function(){for(var e=r.getFullYear(),t=r.getMonth(),o=c(r),a=[],l=1;l<=o;l++)a.push(new Date(e,t,l));var s=a[0]?a[0].getDay():0;if(1!==s){var d=0===s?6:s-1;for(l=0;l<d;l++)a.unshift(null)}return n.createElement(Q,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(i.from&&i.to)},n.createElement(K,null,n.createElement(X,null,a.map(W))))}())))}var rn,an,ln=M.div(rn||(rn=w(["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"],["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"])),D.mbDown),sn=M.div(an||(an=w(["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"])),(function(n){return n.theme.colors.gray200}),D.mbDown);function dn(t){var a=t.inputSize,i=void 0===a?"md":a,l=t.name,d=void 0===l?"date-range-picker":l,c=t.value,u=t.minDate,f=t.maxDate,m=t.onChange,g=t.className,v=t.autoClose,w=void 0!==v&&v;c||(c={from:null,to:null});var b=e(!1),y=b[0],k=b[1];function E(){k(!1)}var j=r(null);function C(n){m&&m(n)}function M(n){return s(n,"dd/MM/yyyy")}x(j,(function(){E()}));var D=o((function(){return c.from&&c.to?p(c.from,c.to)?M(c.from):"".concat(M(c.from)," - ").concat(M(c.to)):""}),[c.from,c.to]);return n.createElement(ln,{className:[g,y&&"focused"].filter(Boolean).join(" "),ref:j},n.createElement("label",{htmlFor:d},n.createElement(h,{size:i,value:D,name:d,actionIcon:n.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 k(!0)}})),y?n.createElement(sn,{onMouseDown:function(n){n.stopPropagation()}},n.createElement(tn,{value:c,onChange:C,minDate:u,maxDate:f,close:E,autoClose:w})):null)}export{dn as DateRangePicker};

package/build/esm/components/displayWrapper.js

@@ -1 +1 @@
-import"react";export{D as DisplayWrapper}from"../index-52fcdd30.js";import"../useScreenSize-fc434740.js";import"../utils-432904d8.js";import"../tslib.es6-95636cf4.js";import"styled-components";
+import n,{useMemo as e}from"react";import{g as o}from"../utils-432904d8.js";import{_ as r}from"../tslib.es6-95636cf4.js";import t from"styled-components";var a,i=t.div(a||(a=r(["\n  ","\n"],["\n  ","\n"])),(function(n){return"\n    ".concat(0!==n.lowerBound?"@media (max-width: ".concat(n.lowerBound-1,"px) { display: none; }"):"","\n    ").concat(0!==n.upperBound?"@media (min-width: ".concat(n.upperBound,"px) { display: none; }"):"","\n  ")})),c=function(r){var t=r.forceDisplay,a=r.mediaQueryKey,c=r.children,s=r.className,d=r.style,m=e((function(){return o(a)}),[a]),p=m[0],u=m[1];return n.createElement(i,{lowerBound:t?0:p,upperBound:t?0:u,className:s,style:d},c)};export{c as DisplayWrapper};

package/build/esm/components/footer.js

@@ -1 +1 @@
-import n,{useEffect as e}from"react";import{Button as t}from"./button.js";import{Container as o}from"./container.js";import{Text as a}from"./text.js";import{d as i}from"../constants-3be6f6a9.js";import{t as l}from"../theme-a50a1aa5.js";import{u as r}from"../useTranslations-d9bcdd4c.js";import{l as p}from"../lazyLoad-751c35bd.js";import{_ as c}from"../tslib.es6-95636cf4.js";import{M as s}from"../utils-432904d8.js";import d from"styled-components";import{F as m,Y as g,I as x,Z as f}from"../zalo-d903a989.js";import{Divider as u}from"./divider.js";import{Logo as h}from"./logo.js";import{MarryBabyText as b}from"./marryBabyText.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";var v,y,w=d.footer(v||(v=c(["\n  background-color: #1b3250;\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 24px 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    max-height: 32px;\n    margin-bottom: 24px;\n    &[data-is-sehat='true'] {\n      max-width: 250px;\n    }\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n      p {\n        font-size: 13px;\n      }\n    }\n\n    "," {\n      p {\n        font-size: 12px;\n      }\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n\n    .social-icon {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .copyright-content {\n      width: 90%;\n      color: ",";\n      font-size: 12px;\n    }\n\n    .copyright-image {\n      width: 10%;\n      align-self: flex-start;\n\n      img {\n        max-width: 100px;\n        margin-bottom: 16px;\n\n        "," {\n          margin-bottom: 0px;\n        }\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .copyright-certificate {\n    color: ",";\n    "," {\n      font-size: 11px;\n    }\n    "," {\n      font-size: 12px;\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 14px;\n    font-weight: ",";\n    text-decoration: none;\n    word-break: break-word;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      color: ",";\n\n      "," {\n        margin-bottom: 8px;\n        font-size: 13px;\n        line-height: 20px;\n      }\n      "," {\n        margin-bottom: 12px;\n        font-size: 14px;\n      }\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n      font-size: 12px;\n      "," {\n        font-size: 13px;\n      }\n      "," {\n        font-size: 13px;\n      }\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n      word-break: break-word;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div:not(:last-child) {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"],["\n  background-color: #1b3250;\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 24px 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    max-height: 32px;\n    margin-bottom: 24px;\n    &[data-is-sehat='true'] {\n      max-width: 250px;\n    }\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n      p {\n        font-size: 13px;\n      }\n    }\n\n    "," {\n      p {\n        font-size: 12px;\n      }\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n\n    .social-icon {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .copyright-content {\n      width: 90%;\n      color: ",";\n      font-size: 12px;\n    }\n\n    .copyright-image {\n      width: 10%;\n      align-self: flex-start;\n\n      img {\n        max-width: 100px;\n        margin-bottom: 16px;\n\n        "," {\n          margin-bottom: 0px;\n        }\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .copyright-certificate {\n    color: ",";\n    "," {\n      font-size: 11px;\n    }\n    "," {\n      font-size: 12px;\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 14px;\n    font-weight: ",";\n    text-decoration: none;\n    word-break: break-word;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      color: ",";\n\n      "," {\n        margin-bottom: 8px;\n        font-size: 13px;\n        line-height: 20px;\n      }\n      "," {\n        margin-bottom: 12px;\n        font-size: 14px;\n      }\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n      font-size: 12px;\n      "," {\n        font-size: 13px;\n      }\n      "," {\n        font-size: 13px;\n      }\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n      word-break: break-word;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div:not(:last-child) {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"])),s.mbDown,s.mbDown,s.mbUp,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.neutral500}),s.mbUp,s.mbDown,(function(n){return n.theme.colors.neutral500}),s.mbUp,s.mbUp,(function(n){return n.theme.colors.neutral500}),s.mbUp,(function(n){return n.theme.colors.neutral500}),s.mbDown,s.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.mbDown,(function(n){return n.theme.colors.neutral500}),s.mbDown,s.mbUp,(function(n){return n.theme.colors.neutral500}),s.mbDown,s.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.mbUp),E=d.div(y||(y=c(["\n  width: 32px;\n  height: 32px;\n  margin-right: 10px;\n\n  &[data-is-mobile='true'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  .country-flag {\n    width: 100%;\n    height: 100%;\n  }\n"],["\n  width: 32px;\n  height: 32px;\n  margin-right: 10px;\n\n  &[data-is-mobile='true'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  .country-flag {\n    width: 100%;\n    height: 100%;\n  }\n"]))),k=function(e){var t=e.url,o=e.isMobile,a=e.dataEventCategory,i=e.dataEventAction,l=e.dataEventLabel,r=e.isAmp;return n.createElement(E,{"data-is-mobile":o},r?n.createElement("amp-img",{className:"country-flag",src:t,alt:"Country Flag","data-event-category":a,"data-event-action":i,"data-content-label":l}):n.createElement("img",{loading:"lazy",className:"country-flag lazy","data-src":t,alt:"Country Flag","data-event-category":a,"data-event-action":i,"data-content-label":l}))},C=function(c){var s,d,m,g,x,f,u,h,b,v,y,E,C,z,N,F,j,L,D,M,B,A,H,U,_,T,S,I,Z,V,Y,G,O,X,K,W=c.className,P=c.type,q=void 0===P?"main":P,J=c.footerInfo,Q=c.isMobile,R=c.locale,$=c.isAmp,nn=r().t,en=null==J?void 0:J.menu;return e((function(){setTimeout((function(){return null==p?void 0:p.update()}),100)}),[]),n.createElement(w,{as:$&&"mini"===q?"div":"footer",className:W,style:"mini"===q?{backgroundColor:l.colors.neutral50}:{},"next-page-hide":!0},n.createElement(o,null,n.createElement("div",{className:"inner","data-type":q,"next-page-hide":""},"main"===q?n.createElement(n.Fragment,null,n.createElement("a",{href:"/"},$?(null===(d=null==J?void 0:J.general)||void 0===d?void 0:d.logo)?n.createElement("amp-img",{src:null===(m=null==J?void 0:J.general)||void 0===m?void 0:m.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:n.createElement("img",{loading:"lazy",className:"footer-logo lazy","data-src":null===(s=null==J?void 0:J.general)||void 0===s?void 0:s.logo,alt:"Logo","data-is-sehat":"id-ID"===R})),n.createElement("div",{className:"columns"},n.createElement("div",{className:"newsletter"},n.createElement(a,{size:"p1",type:"bold"},null===(g=null==J?void 0:J.general)||void 0===g?void 0:g.content),n.createElement(t,{className:"signupButton",color:"primary",size:"lg"},nn("footer.signUp")),n.createElement("div",{className:"social"},n.createElement(a,{size:"sm",type:"regular"},null===(x=null==J?void 0:J.social)||void 0===x?void 0:x.title),n.createElement("div",{className:"icons"},null===(u=null===(f=null==J?void 0:J.social)||void 0===f?void 0:f.socials)||void 0===u?void 0:u.map((function(e,t){return n.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},$?n.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):n.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,"data-src":e.icon,alt:"Logo Social",className:"social-icon lazy"}))}))),n.createElement("hr",{className:"hrMobile"}))),n.createElement("div",null,en&&n.createElement(n.Fragment,null,n.createElement("div",{className:"biglinks"},null===(b=null===(h=en[0])||void 0===h?void 0:h.items)||void 0===b?void 0:b.map((function(e,t){return n.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(i[R]).concat(e.url),className:"bigLink",key:t,href:e.url},e.title)}))),n.createElement("hr",{className:"hrMobile"}),n.createElement("div",{className:"mHalf"},n.createElement(a,{type:"regular",size:"sm",className:"linkTitle"},null===(v=en[1])||void 0===v?void 0:v.menu_title),null===(E=null===(y=en[1])||void 0===y?void 0:y.items)||void 0===E?void 0:E.map((function(e,t){return n.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(i[R]).concat(e.url),className:"link",href:e.url,key:t},n.createElement(a,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(i[R]).concat(e.url)},e.title))}))),n.createElement("div",{className:"mHalf"},n.createElement(a,{type:"regular",size:"sm",className:"linkTitle"},null===(C=en[2])||void 0===C?void 0:C.menu_title),null===(N=null===(z=en[2])||void 0===z?void 0:z.items)||void 0===N?void 0:N.map((function(e,t){return e.url&&n.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url,className:"link",href:e.url,key:t},n.createElement(a,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))})))),!$&&n.createElement(n.Fragment,null,n.createElement("hr",{className:"hrMobile"}),n.createElement("div",{className:"otherSites"},n.createElement(a,{type:"regular",size:"sm",className:"linkTitle"},null===(F=null==J?void 0:J.branch)||void 0===F?void 0:F.title),n.createElement("div",{className:"flags"},null===(L=null===(j=null==J?void 0:J.branch)||void 0===j?void 0:j.branch)||void 0===L?void 0:L.map((function(e,t){return n.createElement("a",{className:"link",href:e.url,key:t,"data-event-category":"Footer","data-event-action":e.name,"data-event-label":e.url},n.createElement(k,{url:e.flag,isMobile:Q,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url,isAmp:$}))}))))))),n.createElement("hr",null),n.createElement("div",{className:"copyright","data-is-amp":$||void 0},(null===(D=null==J?void 0:J.general)||void 0===D?void 0:D.verified)&&n.createElement("a",{href:null===(B=null===(M=null==J?void 0:J.general)||void 0===M?void 0:M.verified[0])||void 0===B?void 0:B.url,className:"copyright-image"},$?n.createElement("amp-img",{src:null===(H=null===(A=null==J?void 0:J.general)||void 0===A?void 0:A.verified[0])||void 0===H?void 0:H.image,alt:"DMCA Icon",width:"100",height:"36"}):n.createElement("img",{loading:"lazy",className:"lazy","data-src":null===(_=null===(U=null==J?void 0:J.general)||void 0===U?void 0:U.verified[0])||void 0===_?void 0:_.image,alt:"DMCA Icon"})),n.createElement(a,{size:"xs",type:"regular",className:"copyright-content"},null===(T=null==J?void 0:J.general)||void 0===T?void 0:T.copyright)),"vi-VN"===R&&n.createElement(a,{className:"copyright-certificate",size:"xs",type:"regular",color:"white"},"Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số 529/GP-BTTTT, HN ngày 03/12/2019")):n.createElement(n.Fragment,null,(null==J?void 0:J.menu)&&n.createElement("div",{className:"columns"},n.createElement("div",{className:"mHalf"},n.createElement(a,{type:"regular",size:"sm",className:"linkTitle"},null===(S=null==J?void 0:J.menu[1])||void 0===S?void 0:S.menu_title),null===(Z=null===(I=null==J?void 0:J.menu[1])||void 0===I?void 0:I.items)||void 0===Z?void 0:Z.map((function(e){return n.createElement("a",{className:"link",href:e.url,key:e.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":e.title,"data-content-id":"https://".concat(i[R]).concat(e.url),"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(i[R]).concat(e.url)},n.createElement(a,{dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(i[R]).concat(e.url),size:"sm",type:"regular",style:{color:l.colors.gray800}},e.title))}))),n.createElement("div",{className:"mHalf"},n.createElement(a,{type:"regular",size:"sm",className:"linkTitle"},null===(V=null==J?void 0:J.menu[2])||void 0===V?void 0:V.menu_title),null===(G=null===(Y=null==J?void 0:J.menu[2])||void 0===Y?void 0:Y.items)||void 0===G?void 0:G.map((function(e,t){return n.createElement("a",{className:"link",href:e.url,key:t,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":e.title,"data-content-id":e.url,"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url},n.createElement(a,{size:"sm",type:"regular",style:{color:l.colors.gray800},dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))}))),!$&&"mini"!==q&&n.createElement("hr",{className:"hrMobile"}),n.createElement("div",{className:"newsletter"},n.createElement("div",{className:"social"},n.createElement(a,{size:"sm",type:"regular"},null===(O=null==J?void 0:J.social)||void 0===O?void 0:O.title),n.createElement("div",{className:"icons"},null===(K=null===(X=null==J?void 0:J.social)||void 0===X?void 0:X.socials)||void 0===K?void 0:K.map((function(e,t){return n.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},$?n.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):n.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,"data-src":e.icon,alt:"Logo Social",className:"social-icon lazy"}))}))))))))))};d.footer(z||(z=c(["\n  position: relative;\n  background: ",";\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    margin-bottom: 24px;\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        font-size: 19px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    p {\n      color: ",";\n    }\n\n    img {\n      max-width: 100px;\n      margin-bottom: 16px;\n\n      "," {\n        margin-bottom: 0px;\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 19px;\n    font-weight: ",";\n    text-decoration: none;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    "," {\n      margin-bottom: 8px;\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"],["\n  position: relative;\n  background: ",";\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    margin-bottom: 24px;\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        font-size: 19px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    p {\n      color: ",";\n    }\n\n    img {\n      max-width: 100px;\n      margin-bottom: 16px;\n\n      "," {\n        margin-bottom: 0px;\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 19px;\n    font-weight: ",";\n    text-decoration: none;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    "," {\n      margin-bottom: 8px;\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"])),(function(n){return n.theme.mbColors.lightGray}),s.mbDown,s.mbDown,(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral500}),s.mbUp,s.mbDown,(function(n){return n.theme.colors.neutral500}),s.mbUp,s.mbUp,(function(n){return n.theme.colors.white}),s.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.mbDown,(function(n){return n.theme.colors.neutral500}),s.mbDown,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.mbUp);var z,N,F,j,L,D,M,B,A=d.div(N||(N=c([""],[""]))),H=d.div(F||(F=c(["\n  position: relative;\n  overflow: hidden;\n  padding: 40px 40px 100px 40px;\n\n  .icons-links {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  overflow: hidden;\n  padding: 40px 40px 100px 40px;\n\n  .icons-links {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),U=d.div(j||(j=c(["\n  position: relative;\n  margin: 80px 0 0;\n\n  "," {\n    margin-top: 0px;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      content: '';\n      transform: translateX(-50%);\n      border-radius: 100% 100% 0 0 / 30% 30%;\n    }\n  }\n"],["\n  position: relative;\n  margin: 80px 0 0;\n\n  "," {\n    margin-top: 0px;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      content: '';\n      transform: translateX(-50%);\n      border-radius: 100% 100% 0 0 / 30% 30%;\n    }\n  }\n"])),s.mbDown),_=d.div(L||(L=c(["\n  position: relative;\n  padding: 0 16px;\n\n  "," {\n    padding: 48px 8px 0;\n  }\n\n  & .grid {\n    display: flex;\n    flex-wrap: wrap;\n    margin: -8px;\n\n    & > * {\n      display: inline-block;\n      flex: 0 0 25%;\n      padding: 8px;\n      color: ",";\n      text-decoration: none;\n    }\n\n    "," {\n      & > * {\n        flex: 0 0 100%;\n        text-align: center;\n      }\n    }\n  }\n\n  & .social-wrapper {\n    margin-left: auto;\n  }\n\n  & .social {\n    "," {\n      & .icons-links {\n        margin-top: 16px;\n\n        & > a:not(:first-child) {\n          margin-left: 10%;\n        }\n\n        & > a {\n          text-decoration: none;\n        }\n      }\n    }\n\n    "," {\n      width: 100%;\n      display: flex;\n      background: #fff;\n      box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n      border-radius: 8px;\n      padding: 20px 16px;\n      align-items: center;\n      max-width: 400px;\n      margin: 32px auto 0px;\n\n      & > p {\n        font-size: 12px;\n        line-height: 20px;\n      }\n\n      & .icons-links {\n        margin-left: 8%;\n        flex: 1;\n        display: inline-flex;\n        justify-content: space-between;\n      }\n    }\n\n    & .icons-links {\n      & > a {\n        & > img {\n          width: 24px;\n          object-fit: contain;\n        }\n      }\n    }\n  }\n"],["\n  position: relative;\n  padding: 0 16px;\n\n  "," {\n    padding: 48px 8px 0;\n  }\n\n  & .grid {\n    display: flex;\n    flex-wrap: wrap;\n    margin: -8px;\n\n    & > * {\n      display: inline-block;\n      flex: 0 0 25%;\n      padding: 8px;\n      color: ",";\n      text-decoration: none;\n    }\n\n    "," {\n      & > * {\n        flex: 0 0 100%;\n        text-align: center;\n      }\n    }\n  }\n\n  & .social-wrapper {\n    margin-left: auto;\n  }\n\n  & .social {\n    "," {\n      & .icons-links {\n        margin-top: 16px;\n\n        & > a:not(:first-child) {\n          margin-left: 10%;\n        }\n\n        & > a {\n          text-decoration: none;\n        }\n      }\n    }\n\n    "," {\n      width: 100%;\n      display: flex;\n      background: #fff;\n      box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n      border-radius: 8px;\n      padding: 20px 16px;\n      align-items: center;\n      max-width: 400px;\n      margin: 32px auto 0px;\n\n      & > p {\n        font-size: 12px;\n        line-height: 20px;\n      }\n\n      & .icons-links {\n        margin-left: 8%;\n        flex: 1;\n        display: inline-flex;\n        justify-content: space-between;\n      }\n    }\n\n    & .icons-links {\n      & > a {\n        & > img {\n          width: 24px;\n          object-fit: contain;\n        }\n      }\n    }\n  }\n"])),s.mbDown,(function(n){return n.theme.colors.gray800}),s.mbDown,s.mbUp,s.mbDown),T=d.div(D||(D=c(["\n  position: relative;\n\n  "," {\n    margin: 80px 0 0;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n      content: '';\n      transform: translateX(-50%);\n    }\n  }\n\n  "," {\n    background-color: #f3f3f3;\n  }\n"],["\n  position: relative;\n\n  "," {\n    margin: 80px 0 0;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n      content: '';\n      transform: translateX(-50%);\n    }\n  }\n\n  "," {\n    background-color: #f3f3f3;\n  }\n"])),s.mbUp,s.mbDown),S=d.div(M||(M=c(["\n  position: relative;\n  padding: 64px 16px 154px;\n  text-align: center;\n\n  "," {\n    padding: 48px 8px 32px;\n  }\n\n  & .company-name {\n    margin-top: 24px;\n  }\n\n  .logo {\n    justify-content: center;\n  }\n\n  & .text-info {\n    margin-top: 8px;\n    > p {\n      margin-bottom: 8px;\n    }\n    "," {\n      text-align: left;\n      margin-top: 16px;\n    }\n  }\n\n  & .img-container {\n    display: flex;\n    max-width: 176px;\n    height: 24px;\n    justify-content: space-between;\n    margin: 24px auto 0;\n\n    "," {\n      height: 32px;\n      max-width: unset;\n      justify-content: space-around;\n    }\n\n    img {\n      width: unset;\n      height: 100%;\n      object-fit: contain;\n    }\n  }\n\n  & > hr {\n    border-color: ",";\n    margin: 64px 0 18px;\n    opacity: 0.1;\n  }\n\n  & .language-and-copyright {\n    display: flex;\n    justify-content: center;\n\n    "," {\n      margin-top: 60px;\n    }\n\n    & #footer-language-select {\n      width: 100%;\n      max-width: 114px;\n\n      &[data-dropdown-open='true'] > div:after {\n        transform: translateY(-60%) rotateZ(-180deg);\n      }\n\n      "," {\n        order: 1;\n      }\n\n      & > div {\n        padding: 0;\n\n        & > div > svg {\n          max-width: 22px;\n          margin-right: 8px;\n          transform: translateY(1px);\n        }\n\n        & > span {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n        }\n      }\n\n      & > ul[data-has-icons='true'] {\n        width: 158px;\n        max-width: 158px;\n        border: none;\n        border-radius: 4px;\n        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n        "," {\n          margin-top: 0;\n          left: unset;\n          right: 0;\n          top: unset;\n          bottom: 32px;\n        }\n\n        & li {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n\n          & > div {\n            max-width: 22px;\n            & svg {\n              width: 22px;\n              max-width: 22px;\n              transform: translateY(3px);\n            }\n          }\n        }\n      }\n    }\n\n    & > p {\n      color: ",";\n    }\n  }\n"],["\n  position: relative;\n  padding: 64px 16px 154px;\n  text-align: center;\n\n  "," {\n    padding: 48px 8px 32px;\n  }\n\n  & .company-name {\n    margin-top: 24px;\n  }\n\n  .logo {\n    justify-content: center;\n  }\n\n  & .text-info {\n    margin-top: 8px;\n    > p {\n      margin-bottom: 8px;\n    }\n    "," {\n      text-align: left;\n      margin-top: 16px;\n    }\n  }\n\n  & .img-container {\n    display: flex;\n    max-width: 176px;\n    height: 24px;\n    justify-content: space-between;\n    margin: 24px auto 0;\n\n    "," {\n      height: 32px;\n      max-width: unset;\n      justify-content: space-around;\n    }\n\n    img {\n      width: unset;\n      height: 100%;\n      object-fit: contain;\n    }\n  }\n\n  & > hr {\n    border-color: ",";\n    margin: 64px 0 18px;\n    opacity: 0.1;\n  }\n\n  & .language-and-copyright {\n    display: flex;\n    justify-content: center;\n\n    "," {\n      margin-top: 60px;\n    }\n\n    & #footer-language-select {\n      width: 100%;\n      max-width: 114px;\n\n      &[data-dropdown-open='true'] > div:after {\n        transform: translateY(-60%) rotateZ(-180deg);\n      }\n\n      "," {\n        order: 1;\n      }\n\n      & > div {\n        padding: 0;\n\n        & > div > svg {\n          max-width: 22px;\n          margin-right: 8px;\n          transform: translateY(1px);\n        }\n\n        & > span {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n        }\n      }\n\n      & > ul[data-has-icons='true'] {\n        width: 158px;\n        max-width: 158px;\n        border: none;\n        border-radius: 4px;\n        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n        "," {\n          margin-top: 0;\n          left: unset;\n          right: 0;\n          top: unset;\n          bottom: 32px;\n        }\n\n        & li {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n\n          & > div {\n            max-width: 22px;\n            & svg {\n              width: 22px;\n              max-width: 22px;\n              transform: translateY(3px);\n            }\n          }\n        }\n      }\n    }\n\n    & > p {\n      color: ",";\n    }\n  }\n"])),s.mbDown,s.mbDown,s.mbDown,(function(n){return n.theme.mbColors.midGray}),s.mbDown,s.mbDown,s.mbDown,(function(n){return n.theme.mbColors.midGray})),I=d.div(B||(B=c(["\n  position: absolute;\n  top: 0;\n  right: -50%;\n  width: 400px;\n  height: 400px;\n  background-color: #f2fcf7;\n  border-radius: 50%;\n"],["\n  position: absolute;\n  top: 0;\n  right: -50%;\n  width: 400px;\n  height: 400px;\n  background-color: #f2fcf7;\n  border-radius: 50%;\n"]))),Z={SOCIAL_LINKS:{facebookLink:"https://www.facebook.com/marry.baby.vn",instagramLink:"https://www.instagram.com/marrybaby.vn",zaloLink:"http://zalo.me/806483414530291942",youtubeLink:"https://www.youtube.com/user/marrybabyvn"}},V=function(e){var t,a=e.socialLinks,i=void 0===a?Z.SOCIAL_LINKS:a,p=i.facebookLink,c=i.instagramLink,s=i.zaloLink,d=i.youtubeLink,v=e.copyrightText,y=e.logoType,w=void 0===y?"marryBaby":y,E=e.isMobile,k=e.footerMenu,C=void 0===k?[]:k,z=e.type,N=void 0===z?"main":z,F=r().t;return"main"===N?n.createElement(A,{className:"footer-container"},!E&&n.createElement("div",{className:"footer-divider"},n.createElement(o,{type:"marryBaby"},n.createElement(u,{style:{padding:"0 16px"},type:"solid"}))),n.createElement(U,null,n.createElement(o,{type:"marryBaby"},n.createElement(_,null,n.createElement("div",{className:"grid"},null===(t=E?null==C?void 0:C.slice(0,6):C)||void 0===t?void 0:t.map((function(e,t){var o=e.title,a=e.link;return n.createElement("a",{"data-event-category":"Footer","data-event-action":o,"data-event-label":"".concat(a),className:"link",href:a,key:"footer-links-".concat(t)},n.createElement(b,{color:l.colors.gray800,type:"subtitle-2"},o))})),n.createElement("div",{className:"social-wrapper"},n.createElement("div",{className:"social"},n.createElement(b,{type:"subtitle-2"},F("footer.followUsText")),n.createElement("div",{className:"icons-links"},p&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":p,href:p},n.createElement("img",{src:m,alt:"Facebook"})),d&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":d,href:d},n.createElement("img",{src:g,alt:"Youtube"})),c&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":c,href:c},n.createElement("img",{src:x,alt:"Instagram"})),s&&n.createElement("a",{target:"_blank",rel:"noreferrer",href:s,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":s},n.createElement("img",{src:f,alt:"Zalo"}))))))))),n.createElement(T,null,n.createElement(o,{type:"marryBaby"},n.createElement(S,null,n.createElement(h,{className:"logo",type:w,width:"121px"}),n.createElement(b,{className:"company-name",type:"subtitle-2"},F("footer.info.companyName")),n.createElement("div",{className:"text-info"},n.createElement(b,{type:"bodytext-3"},F("footer.info.address")),n.createElement(b,{type:"bodytext-3"},F("footer.info.license")),n.createElement(b,{type:"bodytext-3"},F("footer.info.email"))),n.createElement("div",{className:"img-container"},n.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),n.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},n.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!E&&n.createElement(u,{type:"solid"}),n.createElement("div",{className:"language-and-copyright"},n.createElement(b,{type:"bodytext-3"},v)))))):n.createElement(H,null,n.createElement(I,null),n.createElement(b,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:l.sizes.fwSemiBold},color:l.mbColors.midGray},F("footer.followUsText")),n.createElement("div",{className:"icons-links"},p&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":p,href:p},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M21 5.75V18.25C21 19.765 19.765 21 18.25 21H15.5V14H17.31C17.565 14 17.78 13.81 17.81 13.56L17.995 12.06C18.015 11.92 17.97 11.775 17.875 11.67C17.78 11.56 17.645 11.5 17.5 11.5H15.5V9.75C15.5 9.2 15.95 8.75 16.5 8.75H17.5C17.775 8.75 18 8.525 18 8.25V6.56C18 6.305 17.8 6.09 17.545 6.065C17.515 6.06 16.81 6 15.915 6C13.715 6 12.5 7.31 12.5 9.685V11.5H10.5C10.225 11.5 10 11.725 10 12V13.5C10 13.775 10.225 14 10.5 14H12.5V21H5.75C4.235 21 3 19.765 3 18.25V5.75C3 4.235 4.235 3 5.75 3H18.25C19.765 3 21 4.235 21 5.75Z",fill:"url(#paint0_linear)"}),n.createElement("defs",null,n.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},n.createElement("stop",{stopColor:"#4DABF7"}),n.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),d&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":d,href:d},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M11.9287 4.25C8.75236 4.25 5.80117 4.47631 4.11719 4.82812C4.1136 4.82907 4.11002 4.83005 4.10645 4.83105C2.83774 5.11535 1.64309 6.02412 1.3916 7.44727L1.39062 7.45312C1.19742 8.60013 1 10.0953 1 12.25C1 14.4006 1.1981 15.8562 1.44238 17.0635C1.70004 18.4446 2.86711 19.3809 4.15527 19.6689C4.16144 19.6707 4.16762 19.6723 4.17383 19.6738C5.93135 20.0201 8.79923 20.25 11.9756 20.25C15.1519 20.25 18.0213 20.0201 19.7793 19.6738C19.7855 19.6723 19.7917 19.6707 19.7979 19.6689C21.0666 19.3847 22.2612 18.4759 22.5127 17.0527C22.5134 17.0492 22.514 17.0456 22.5146 17.042C22.7049 15.8716 22.9514 14.3778 23 12.2197C23.0001 12.2142 23.0001 12.2087 23 12.2031C23 10.0438 22.7529 8.53934 22.5117 7.34766C22.2561 5.96354 21.0877 5.02474 19.7979 4.73633C19.7781 4.73195 19.7583 4.72836 19.7383 4.72559C18.0232 4.48448 15.1056 4.25 11.9287 4.25ZM10.0781 8.50098C10.2633 8.49715 10.4548 8.54095 10.6348 8.64258L14.9365 11.0732C15.662 11.4832 15.662 12.5177 14.9365 12.9277L10.6348 15.3584C9.91527 15.7644 9.01855 15.2502 9.01855 14.4307V9.56934C9.01855 8.95471 9.52252 8.51246 10.0781 8.50098Z",fill:"#EB3223"}))),c&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":c,href:c},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M8.25 2.5C5.08319 2.5 2.5 5.08319 2.5 8.25V15.75C2.5 18.9164 5.0831 21.5 8.25 21.5H15.75C18.9165 21.5 21.5 18.9165 21.5 15.75V8.25C21.5 5.0831 18.9164 2.5 15.75 2.5H8.25ZM8.25 4H15.75C18.1056 4 20 5.8939 20 8.25V15.75C20 18.1055 18.1055 20 15.75 20H8.25C5.8939 20 4 18.1056 4 15.75V8.25C4 5.89381 5.89381 4 8.25 4ZM17 6C16.4475 6 16 6.4475 16 7C16 7.5525 16.4475 8 17 8C17.5525 8 18 7.5525 18 7C18 6.4475 17.5525 6 17 6ZM12 7C9.24759 7 7 9.24759 7 12C7 14.7524 9.24759 17 12 17C14.7524 17 17 14.7524 17 12C17 9.24759 14.7524 7 12 7ZM12 8.5C13.9416 8.5 15.5 10.0584 15.5 12C15.5 13.9416 13.9416 15.5 12 15.5C10.0584 15.5 8.5 13.9416 8.5 12C8.5 10.0584 10.0584 8.5 12 8.5Z",fill:"url(#paint0_radial)"}),n.createElement("defs",null,n.createElement("radialGradient",{id:"paint0_radial",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(0.499995 26) rotate(-47.9508) scale(34.3402 30.014)"},n.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),n.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),n.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),n.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),n.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),n.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),n.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),n.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),n.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),n.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),n.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),s&&n.createElement("a",{target:"_blank",rel:"noreferrer",href:s,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":s},n.createElement("div",{style:{height:24,width:24}},n.createElement("img",{src:"/icons/zalo.png",alt:"Zalo"})))))},Y=function(e){var t=e.type,o=e.isMobile,a=void 0===o||o,i=e.locale,l=e.footerInfo,r=e.isAmp;return"helloSites"===e.siteType?n.createElement(C,{isAmp:r,isMobile:a,type:t,locale:i,footerInfo:l||{}}):n.createElement(V,{isMobile:a,locale:i,footerMenu:l||[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:e.marryBabySocialLinks,type:t})};export{Y as Footer};
+import n,{useEffect as e}from"react";import{Button as t}from"./button.js";import{Container as o}from"./container.js";import{Text as a}from"./text.js";import{d as i}from"../constants-3be6f6a9.js";import{t as l}from"../theme-a50a1aa5.js";import{u as r}from"../useTranslations-d9bcdd4c.js";import{l as p}from"../lazyLoad-751c35bd.js";import{_ as c}from"../tslib.es6-95636cf4.js";import{M as s}from"../utils-432904d8.js";import d from"styled-components";import{i as m,a as g,b as x,c as f}from"../zalo-7f0726ae.js";import{Divider as u}from"./divider.js";import{Logo as h}from"./logo.js";import{MarryBabyText as b}from"./marryBabyText.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";var v,y,w=d.footer(v||(v=c(["\n  background-color: #1b3250;\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 24px 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    max-height: 32px;\n    margin-bottom: 24px;\n    &[data-is-sehat='true'] {\n      max-width: 250px;\n    }\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n      p {\n        font-size: 13px;\n      }\n    }\n\n    "," {\n      p {\n        font-size: 12px;\n      }\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n\n    .social-icon {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .copyright-content {\n      width: 90%;\n      color: ",";\n      font-size: 12px;\n    }\n\n    .copyright-image {\n      width: 10%;\n      align-self: flex-start;\n\n      img {\n        max-width: 100px;\n        margin-bottom: 16px;\n\n        "," {\n          margin-bottom: 0px;\n        }\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .copyright-certificate {\n    color: ",";\n    "," {\n      font-size: 11px;\n    }\n    "," {\n      font-size: 12px;\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 14px;\n    font-weight: ",";\n    text-decoration: none;\n    word-break: break-word;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      color: ",";\n\n      "," {\n        margin-bottom: 8px;\n        font-size: 13px;\n        line-height: 20px;\n      }\n      "," {\n        margin-bottom: 12px;\n        font-size: 14px;\n      }\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n      font-size: 12px;\n      "," {\n        font-size: 13px;\n      }\n      "," {\n        font-size: 13px;\n      }\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n      word-break: break-word;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div:not(:last-child) {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"],["\n  background-color: #1b3250;\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 24px 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    max-height: 32px;\n    margin-bottom: 24px;\n    &[data-is-sehat='true'] {\n      max-width: 250px;\n    }\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n      p {\n        font-size: 13px;\n      }\n    }\n\n    "," {\n      p {\n        font-size: 12px;\n      }\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n\n    .social-icon {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .copyright-content {\n      width: 90%;\n      color: ",";\n      font-size: 12px;\n    }\n\n    .copyright-image {\n      width: 10%;\n      align-self: flex-start;\n\n      img {\n        max-width: 100px;\n        margin-bottom: 16px;\n\n        "," {\n          margin-bottom: 0px;\n        }\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .copyright-certificate {\n    color: ",";\n    "," {\n      font-size: 11px;\n    }\n    "," {\n      font-size: 12px;\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 14px;\n    font-weight: ",";\n    text-decoration: none;\n    word-break: break-word;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      color: ",";\n\n      "," {\n        margin-bottom: 8px;\n        font-size: 13px;\n        line-height: 20px;\n      }\n      "," {\n        margin-bottom: 12px;\n        font-size: 14px;\n      }\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n      font-size: 12px;\n      "," {\n        font-size: 13px;\n      }\n      "," {\n        font-size: 13px;\n      }\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n      word-break: break-word;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div:not(:last-child) {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"])),s.mbDown,s.mbDown,s.mbUp,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.neutral500}),s.mbUp,s.mbDown,(function(n){return n.theme.colors.neutral500}),s.mbUp,s.mbUp,(function(n){return n.theme.colors.neutral500}),s.mbUp,(function(n){return n.theme.colors.neutral500}),s.mbDown,s.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.mbDown,(function(n){return n.theme.colors.neutral500}),s.mbDown,s.mbUp,(function(n){return n.theme.colors.neutral500}),s.mbDown,s.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.mbUp),E=d.div(y||(y=c(["\n  width: 32px;\n  height: 32px;\n  margin-right: 10px;\n\n  &[data-is-mobile='true'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  .country-flag {\n    width: 100%;\n    height: 100%;\n  }\n"],["\n  width: 32px;\n  height: 32px;\n  margin-right: 10px;\n\n  &[data-is-mobile='true'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  .country-flag {\n    width: 100%;\n    height: 100%;\n  }\n"]))),k=function(e){var t=e.url,o=e.isMobile,a=e.dataEventCategory,i=e.dataEventAction,l=e.dataEventLabel,r=e.isAmp;return n.createElement(E,{"data-is-mobile":o},r?n.createElement("amp-img",{className:"country-flag",src:t,alt:"Country Flag","data-event-category":a,"data-event-action":i,"data-content-label":l}):n.createElement("img",{loading:"lazy",className:"country-flag lazy","data-src":t,alt:"Country Flag","data-event-category":a,"data-event-action":i,"data-content-label":l}))},C=function(c){var s,d,m,g,x,f,u,h,b,v,y,E,C,z,N,F,j,L,D,M,B,A,H,U,_,T,S,I,V,Z,Y,G,O,X,K,W=c.className,P=c.type,q=void 0===P?"main":P,J=c.footerInfo,Q=c.isMobile,R=c.locale,$=c.isAmp,nn=r().t,en=null==J?void 0:J.menu;return e((function(){setTimeout((function(){return null==p?void 0:p.update()}),100)}),[]),n.createElement(w,{as:$&&"mini"===q?"div":"footer",className:W,style:"mini"===q?{backgroundColor:l.colors.neutral50}:{},"next-page-hide":!0},n.createElement(o,null,n.createElement("div",{className:"inner","data-type":q,"next-page-hide":""},"main"===q?n.createElement(n.Fragment,null,n.createElement("a",{href:"/"},$?(null===(d=null==J?void 0:J.general)||void 0===d?void 0:d.logo)?n.createElement("amp-img",{src:null===(m=null==J?void 0:J.general)||void 0===m?void 0:m.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:n.createElement("img",{loading:"lazy",className:"footer-logo lazy","data-src":null===(s=null==J?void 0:J.general)||void 0===s?void 0:s.logo,alt:"Logo","data-is-sehat":"id-ID"===R})),n.createElement("div",{className:"columns"},n.createElement("div",{className:"newsletter"},n.createElement(a,{size:"p1",type:"bold"},null===(g=null==J?void 0:J.general)||void 0===g?void 0:g.content),n.createElement(t,{className:"signupButton",color:"primary",size:"lg"},nn("footer.signUp")),n.createElement("div",{className:"social"},n.createElement(a,{size:"sm",type:"regular"},null===(x=null==J?void 0:J.social)||void 0===x?void 0:x.title),n.createElement("div",{className:"icons"},null===(u=null===(f=null==J?void 0:J.social)||void 0===f?void 0:f.socials)||void 0===u?void 0:u.map((function(e,t){return n.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},$?n.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):n.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,"data-src":e.icon,alt:"Logo Social",className:"social-icon lazy"}))}))),n.createElement("hr",{className:"hrMobile"}))),n.createElement("div",null,en&&n.createElement(n.Fragment,null,n.createElement("div",{className:"biglinks"},null===(b=null===(h=en[0])||void 0===h?void 0:h.items)||void 0===b?void 0:b.map((function(e,t){return n.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(i[R]).concat(e.url),className:"bigLink",key:t,href:e.url},e.title)}))),n.createElement("hr",{className:"hrMobile"}),n.createElement("div",{className:"mHalf"},n.createElement(a,{type:"regular",size:"sm",className:"linkTitle"},null===(v=en[1])||void 0===v?void 0:v.menu_title),null===(E=null===(y=en[1])||void 0===y?void 0:y.items)||void 0===E?void 0:E.map((function(e,t){return n.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(i[R]).concat(e.url),className:"link",href:e.url,key:t},n.createElement(a,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(i[R]).concat(e.url)},e.title))}))),n.createElement("div",{className:"mHalf"},n.createElement(a,{type:"regular",size:"sm",className:"linkTitle"},null===(C=en[2])||void 0===C?void 0:C.menu_title),null===(N=null===(z=en[2])||void 0===z?void 0:z.items)||void 0===N?void 0:N.map((function(e,t){return e.url&&n.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url,className:"link",href:e.url,key:t},n.createElement(a,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))})))),!$&&n.createElement(n.Fragment,null,n.createElement("hr",{className:"hrMobile"}),n.createElement("div",{className:"otherSites"},n.createElement(a,{type:"regular",size:"sm",className:"linkTitle"},null===(F=null==J?void 0:J.branch)||void 0===F?void 0:F.title),n.createElement("div",{className:"flags"},null===(L=null===(j=null==J?void 0:J.branch)||void 0===j?void 0:j.branch)||void 0===L?void 0:L.map((function(e,t){return n.createElement("a",{className:"link",href:e.url,key:t,"data-event-category":"Footer","data-event-action":e.name,"data-event-label":e.url},n.createElement(k,{url:e.flag,isMobile:Q,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url,isAmp:$}))}))))))),n.createElement("hr",null),n.createElement("div",{className:"copyright","data-is-amp":$||void 0},(null===(D=null==J?void 0:J.general)||void 0===D?void 0:D.verified)&&n.createElement("a",{href:null===(B=null===(M=null==J?void 0:J.general)||void 0===M?void 0:M.verified[0])||void 0===B?void 0:B.url,className:"copyright-image"},$?n.createElement("amp-img",{src:null===(H=null===(A=null==J?void 0:J.general)||void 0===A?void 0:A.verified[0])||void 0===H?void 0:H.image,alt:"DMCA Icon",width:"100",height:"36"}):n.createElement("img",{loading:"lazy",className:"lazy","data-src":null===(_=null===(U=null==J?void 0:J.general)||void 0===U?void 0:U.verified[0])||void 0===_?void 0:_.image,alt:"DMCA Icon"})),n.createElement(a,{size:"xs",type:"regular",className:"copyright-content"},null===(T=null==J?void 0:J.general)||void 0===T?void 0:T.copyright)),"vi-VN"===R&&n.createElement(a,{className:"copyright-certificate",size:"xs",type:"regular",color:"white"},"Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số 529/GP-BTTTT, HN ngày 03/12/2019")):n.createElement(n.Fragment,null,(null==J?void 0:J.menu)&&n.createElement("div",{className:"columns"},n.createElement("div",{className:"mHalf"},n.createElement(a,{type:"regular",size:"sm",className:"linkTitle"},null===(S=null==J?void 0:J.menu[1])||void 0===S?void 0:S.menu_title),null===(V=null===(I=null==J?void 0:J.menu[1])||void 0===I?void 0:I.items)||void 0===V?void 0:V.map((function(e){return n.createElement("a",{className:"link",href:e.url,key:e.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":e.title,"data-content-id":"https://".concat(i[R]).concat(e.url),"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(i[R]).concat(e.url)},n.createElement(a,{dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(i[R]).concat(e.url),size:"sm",type:"regular",style:{color:l.colors.gray800}},e.title))}))),n.createElement("div",{className:"mHalf"},n.createElement(a,{type:"regular",size:"sm",className:"linkTitle"},null===(Z=null==J?void 0:J.menu[2])||void 0===Z?void 0:Z.menu_title),null===(G=null===(Y=null==J?void 0:J.menu[2])||void 0===Y?void 0:Y.items)||void 0===G?void 0:G.map((function(e,t){return n.createElement("a",{className:"link",href:e.url,key:t,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":e.title,"data-content-id":e.url,"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url},n.createElement(a,{size:"sm",type:"regular",style:{color:l.colors.gray800},dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))}))),!$&&"mini"!==q&&n.createElement("hr",{className:"hrMobile"}),n.createElement("div",{className:"newsletter"},n.createElement("div",{className:"social"},n.createElement(a,{size:"sm",type:"regular"},null===(O=null==J?void 0:J.social)||void 0===O?void 0:O.title),n.createElement("div",{className:"icons"},null===(K=null===(X=null==J?void 0:J.social)||void 0===X?void 0:X.socials)||void 0===K?void 0:K.map((function(e,t){return n.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},$?n.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):n.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,"data-src":e.icon,alt:"Logo Social",className:"social-icon lazy"}))}))))))))))};d.footer(z||(z=c(["\n  position: relative;\n  background: ",";\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    margin-bottom: 24px;\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        font-size: 19px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    p {\n      color: ",";\n    }\n\n    img {\n      max-width: 100px;\n      margin-bottom: 16px;\n\n      "," {\n        margin-bottom: 0px;\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 19px;\n    font-weight: ",";\n    text-decoration: none;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    "," {\n      margin-bottom: 8px;\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"],["\n  position: relative;\n  background: ",";\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    margin-bottom: 24px;\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        font-size: 19px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    p {\n      color: ",";\n    }\n\n    img {\n      max-width: 100px;\n      margin-bottom: 16px;\n\n      "," {\n        margin-bottom: 0px;\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 19px;\n    font-weight: ",";\n    text-decoration: none;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    "," {\n      margin-bottom: 8px;\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"])),(function(n){return n.theme.mbColors.lightGray}),s.mbDown,s.mbDown,(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral500}),s.mbUp,s.mbDown,(function(n){return n.theme.colors.neutral500}),s.mbUp,s.mbUp,(function(n){return n.theme.colors.white}),s.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.mbDown,(function(n){return n.theme.colors.neutral500}),s.mbDown,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.mbUp);var z,N,F,j,L,D,M,B,A=d.div(N||(N=c([""],[""]))),H=d.div(F||(F=c(["\n  position: relative;\n  overflow: hidden;\n  padding: 40px 40px 100px 40px;\n\n  .icons-links {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  overflow: hidden;\n  padding: 40px 40px 100px 40px;\n\n  .icons-links {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),U=d.div(j||(j=c(["\n  position: relative;\n  margin: 80px 0 0;\n\n  "," {\n    margin-top: 0px;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      content: '';\n      transform: translateX(-50%);\n      border-radius: 100% 100% 0 0 / 30% 30%;\n    }\n  }\n"],["\n  position: relative;\n  margin: 80px 0 0;\n\n  "," {\n    margin-top: 0px;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      content: '';\n      transform: translateX(-50%);\n      border-radius: 100% 100% 0 0 / 30% 30%;\n    }\n  }\n"])),s.mbDown),_=d.div(L||(L=c(["\n  position: relative;\n  padding: 0 16px;\n\n  "," {\n    padding: 48px 8px 0;\n  }\n\n  & .grid {\n    display: flex;\n    flex-wrap: wrap;\n    margin: -8px;\n\n    & > * {\n      display: inline-block;\n      flex: 0 0 25%;\n      padding: 8px;\n      color: ",";\n      text-decoration: none;\n    }\n\n    "," {\n      & > * {\n        flex: 0 0 100%;\n        text-align: center;\n      }\n    }\n  }\n\n  & .social-wrapper {\n    margin-left: auto;\n  }\n\n  & .social {\n    "," {\n      & .icons-links {\n        margin-top: 16px;\n\n        & > a:not(:first-child) {\n          margin-left: 10%;\n        }\n\n        & > a {\n          text-decoration: none;\n        }\n      }\n    }\n\n    "," {\n      width: 100%;\n      display: flex;\n      background: #fff;\n      box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n      border-radius: 8px;\n      padding: 20px 16px;\n      align-items: center;\n      max-width: 400px;\n      margin: 32px auto 0px;\n\n      & > p {\n        font-size: 12px;\n        line-height: 20px;\n      }\n\n      & .icons-links {\n        margin-left: 8%;\n        flex: 1;\n        display: inline-flex;\n        justify-content: space-between;\n      }\n    }\n\n    & .icons-links {\n      & > a {\n        & > img {\n          width: 24px;\n          object-fit: contain;\n        }\n      }\n    }\n  }\n"],["\n  position: relative;\n  padding: 0 16px;\n\n  "," {\n    padding: 48px 8px 0;\n  }\n\n  & .grid {\n    display: flex;\n    flex-wrap: wrap;\n    margin: -8px;\n\n    & > * {\n      display: inline-block;\n      flex: 0 0 25%;\n      padding: 8px;\n      color: ",";\n      text-decoration: none;\n    }\n\n    "," {\n      & > * {\n        flex: 0 0 100%;\n        text-align: center;\n      }\n    }\n  }\n\n  & .social-wrapper {\n    margin-left: auto;\n  }\n\n  & .social {\n    "," {\n      & .icons-links {\n        margin-top: 16px;\n\n        & > a:not(:first-child) {\n          margin-left: 10%;\n        }\n\n        & > a {\n          text-decoration: none;\n        }\n      }\n    }\n\n    "," {\n      width: 100%;\n      display: flex;\n      background: #fff;\n      box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n      border-radius: 8px;\n      padding: 20px 16px;\n      align-items: center;\n      max-width: 400px;\n      margin: 32px auto 0px;\n\n      & > p {\n        font-size: 12px;\n        line-height: 20px;\n      }\n\n      & .icons-links {\n        margin-left: 8%;\n        flex: 1;\n        display: inline-flex;\n        justify-content: space-between;\n      }\n    }\n\n    & .icons-links {\n      & > a {\n        & > img {\n          width: 24px;\n          object-fit: contain;\n        }\n      }\n    }\n  }\n"])),s.mbDown,(function(n){return n.theme.colors.gray800}),s.mbDown,s.mbUp,s.mbDown),T=d.div(D||(D=c(["\n  position: relative;\n\n  "," {\n    margin: 80px 0 0;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n      content: '';\n      transform: translateX(-50%);\n    }\n  }\n\n  "," {\n    background-color: #f3f3f3;\n  }\n"],["\n  position: relative;\n\n  "," {\n    margin: 80px 0 0;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n      content: '';\n      transform: translateX(-50%);\n    }\n  }\n\n  "," {\n    background-color: #f3f3f3;\n  }\n"])),s.mbUp,s.mbDown),S=d.div(M||(M=c(["\n  position: relative;\n  padding: 64px 16px 154px;\n  text-align: center;\n\n  "," {\n    padding: 48px 8px 32px;\n  }\n\n  & .company-name {\n    margin-top: 24px;\n  }\n\n  .logo {\n    justify-content: center;\n  }\n\n  & .text-info {\n    margin-top: 8px;\n    > p {\n      margin-bottom: 8px;\n    }\n    "," {\n      text-align: left;\n      margin-top: 16px;\n    }\n  }\n\n  & .img-container {\n    display: flex;\n    max-width: 176px;\n    height: 24px;\n    justify-content: space-between;\n    margin: 24px auto 0;\n\n    "," {\n      height: 32px;\n      max-width: unset;\n      justify-content: space-around;\n    }\n\n    img {\n      width: unset;\n      height: 100%;\n      object-fit: contain;\n    }\n  }\n\n  & > hr {\n    border-color: ",";\n    margin: 64px 0 18px;\n    opacity: 0.1;\n  }\n\n  & .language-and-copyright {\n    display: flex;\n    justify-content: center;\n\n    "," {\n      margin-top: 60px;\n    }\n\n    & #footer-language-select {\n      width: 100%;\n      max-width: 114px;\n\n      &[data-dropdown-open='true'] > div:after {\n        transform: translateY(-60%) rotateZ(-180deg);\n      }\n\n      "," {\n        order: 1;\n      }\n\n      & > div {\n        padding: 0;\n\n        & > div > svg {\n          max-width: 22px;\n          margin-right: 8px;\n          transform: translateY(1px);\n        }\n\n        & > span {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n        }\n      }\n\n      & > ul[data-has-icons='true'] {\n        width: 158px;\n        max-width: 158px;\n        border: none;\n        border-radius: 4px;\n        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n        "," {\n          margin-top: 0;\n          left: unset;\n          right: 0;\n          top: unset;\n          bottom: 32px;\n        }\n\n        & li {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n\n          & > div {\n            max-width: 22px;\n            & svg {\n              width: 22px;\n              max-width: 22px;\n              transform: translateY(3px);\n            }\n          }\n        }\n      }\n    }\n\n    & > p {\n      color: ",";\n    }\n  }\n"],["\n  position: relative;\n  padding: 64px 16px 154px;\n  text-align: center;\n\n  "," {\n    padding: 48px 8px 32px;\n  }\n\n  & .company-name {\n    margin-top: 24px;\n  }\n\n  .logo {\n    justify-content: center;\n  }\n\n  & .text-info {\n    margin-top: 8px;\n    > p {\n      margin-bottom: 8px;\n    }\n    "," {\n      text-align: left;\n      margin-top: 16px;\n    }\n  }\n\n  & .img-container {\n    display: flex;\n    max-width: 176px;\n    height: 24px;\n    justify-content: space-between;\n    margin: 24px auto 0;\n\n    "," {\n      height: 32px;\n      max-width: unset;\n      justify-content: space-around;\n    }\n\n    img {\n      width: unset;\n      height: 100%;\n      object-fit: contain;\n    }\n  }\n\n  & > hr {\n    border-color: ",";\n    margin: 64px 0 18px;\n    opacity: 0.1;\n  }\n\n  & .language-and-copyright {\n    display: flex;\n    justify-content: center;\n\n    "," {\n      margin-top: 60px;\n    }\n\n    & #footer-language-select {\n      width: 100%;\n      max-width: 114px;\n\n      &[data-dropdown-open='true'] > div:after {\n        transform: translateY(-60%) rotateZ(-180deg);\n      }\n\n      "," {\n        order: 1;\n      }\n\n      & > div {\n        padding: 0;\n\n        & > div > svg {\n          max-width: 22px;\n          margin-right: 8px;\n          transform: translateY(1px);\n        }\n\n        & > span {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n        }\n      }\n\n      & > ul[data-has-icons='true'] {\n        width: 158px;\n        max-width: 158px;\n        border: none;\n        border-radius: 4px;\n        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n        "," {\n          margin-top: 0;\n          left: unset;\n          right: 0;\n          top: unset;\n          bottom: 32px;\n        }\n\n        & li {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n\n          & > div {\n            max-width: 22px;\n            & svg {\n              width: 22px;\n              max-width: 22px;\n              transform: translateY(3px);\n            }\n          }\n        }\n      }\n    }\n\n    & > p {\n      color: ",";\n    }\n  }\n"])),s.mbDown,s.mbDown,s.mbDown,(function(n){return n.theme.mbColors.midGray}),s.mbDown,s.mbDown,s.mbDown,(function(n){return n.theme.mbColors.midGray})),I=d.div(B||(B=c(["\n  position: absolute;\n  top: 0;\n  right: -50%;\n  width: 400px;\n  height: 400px;\n  background-color: #f2fcf7;\n  border-radius: 50%;\n"],["\n  position: absolute;\n  top: 0;\n  right: -50%;\n  width: 400px;\n  height: 400px;\n  background-color: #f2fcf7;\n  border-radius: 50%;\n"]))),V={SOCIAL_LINKS:{facebookLink:"https://www.facebook.com/marry.baby.vn",instagramLink:"https://www.instagram.com/marrybaby.vn",zaloLink:"http://zalo.me/806483414530291942",youtubeLink:"https://www.youtube.com/user/marrybabyvn"}},Z=function(e){var t,a=e.socialLinks,i=void 0===a?V.SOCIAL_LINKS:a,p=i.facebookLink,c=i.instagramLink,s=i.zaloLink,d=i.youtubeLink,v=e.copyrightText,y=e.logoType,w=void 0===y?"marryBaby":y,E=e.isMobile,k=e.footerMenu,C=void 0===k?[]:k,z=e.type,N=void 0===z?"main":z,F=r().t;return"main"===N?n.createElement(A,{className:"footer-container"},!E&&n.createElement("div",{className:"footer-divider"},n.createElement(o,{type:"marryBaby"},n.createElement(u,{style:{padding:"0 16px"},type:"solid"}))),n.createElement(U,null,n.createElement(o,{type:"marryBaby"},n.createElement(_,null,n.createElement("div",{className:"grid"},null===(t=E?null==C?void 0:C.slice(0,6):C)||void 0===t?void 0:t.map((function(e,t){var o=e.title,a=e.link;return n.createElement("a",{"data-event-category":"Footer","data-event-action":o,"data-event-label":"".concat(a),className:"link",href:a,key:"footer-links-".concat(t)},n.createElement(b,{color:l.colors.gray800,type:"subtitle-2"},o))})),n.createElement("div",{className:"social-wrapper"},n.createElement("div",{className:"social"},n.createElement(b,{type:"subtitle-2"},F("footer.followUsText")),n.createElement("div",{className:"icons-links"},p&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":p,href:p},n.createElement("img",{src:m,alt:"Facebook"})),d&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":d,href:d},n.createElement("img",{src:g,alt:"Youtube"})),c&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":c,href:c},n.createElement("img",{src:x,alt:"Instagram"})),s&&n.createElement("a",{target:"_blank",rel:"noreferrer",href:s,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":s},n.createElement("img",{src:f,alt:"Zalo"}))))))))),n.createElement(T,null,n.createElement(o,{type:"marryBaby"},n.createElement(S,null,n.createElement(h,{className:"logo",type:w,width:"121px"}),n.createElement(b,{className:"company-name",type:"subtitle-2"},F("footer.info.companyName")),n.createElement("div",{className:"text-info"},n.createElement(b,{type:"bodytext-3"},F("footer.info.address")),n.createElement(b,{type:"bodytext-3"},F("footer.info.license")),n.createElement(b,{type:"bodytext-3"},F("footer.info.email"))),n.createElement("div",{className:"img-container"},n.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),n.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},n.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!E&&n.createElement(u,{type:"solid"}),n.createElement("div",{className:"language-and-copyright"},n.createElement(b,{type:"bodytext-3"},v)))))):n.createElement(H,null,n.createElement(I,null),n.createElement(b,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:l.sizes.fwSemiBold},color:l.mbColors.midGray},F("footer.followUsText")),n.createElement("div",{className:"icons-links"},p&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":p,href:p},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M21 5.75V18.25C21 19.765 19.765 21 18.25 21H15.5V14H17.31C17.565 14 17.78 13.81 17.81 13.56L17.995 12.06C18.015 11.92 17.97 11.775 17.875 11.67C17.78 11.56 17.645 11.5 17.5 11.5H15.5V9.75C15.5 9.2 15.95 8.75 16.5 8.75H17.5C17.775 8.75 18 8.525 18 8.25V6.56C18 6.305 17.8 6.09 17.545 6.065C17.515 6.06 16.81 6 15.915 6C13.715 6 12.5 7.31 12.5 9.685V11.5H10.5C10.225 11.5 10 11.725 10 12V13.5C10 13.775 10.225 14 10.5 14H12.5V21H5.75C4.235 21 3 19.765 3 18.25V5.75C3 4.235 4.235 3 5.75 3H18.25C19.765 3 21 4.235 21 5.75Z",fill:"url(#paint0_linear)"}),n.createElement("defs",null,n.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},n.createElement("stop",{stopColor:"#4DABF7"}),n.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),d&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":d,href:d},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M11.9287 4.25C8.75236 4.25 5.80117 4.47631 4.11719 4.82812C4.1136 4.82907 4.11002 4.83005 4.10645 4.83105C2.83774 5.11535 1.64309 6.02412 1.3916 7.44727L1.39062 7.45312C1.19742 8.60013 1 10.0953 1 12.25C1 14.4006 1.1981 15.8562 1.44238 17.0635C1.70004 18.4446 2.86711 19.3809 4.15527 19.6689C4.16144 19.6707 4.16762 19.6723 4.17383 19.6738C5.93135 20.0201 8.79923 20.25 11.9756 20.25C15.1519 20.25 18.0213 20.0201 19.7793 19.6738C19.7855 19.6723 19.7917 19.6707 19.7979 19.6689C21.0666 19.3847 22.2612 18.4759 22.5127 17.0527C22.5134 17.0492 22.514 17.0456 22.5146 17.042C22.7049 15.8716 22.9514 14.3778 23 12.2197C23.0001 12.2142 23.0001 12.2087 23 12.2031C23 10.0438 22.7529 8.53934 22.5117 7.34766C22.2561 5.96354 21.0877 5.02474 19.7979 4.73633C19.7781 4.73195 19.7583 4.72836 19.7383 4.72559C18.0232 4.48448 15.1056 4.25 11.9287 4.25ZM10.0781 8.50098C10.2633 8.49715 10.4548 8.54095 10.6348 8.64258L14.9365 11.0732C15.662 11.4832 15.662 12.5177 14.9365 12.9277L10.6348 15.3584C9.91527 15.7644 9.01855 15.2502 9.01855 14.4307V9.56934C9.01855 8.95471 9.52252 8.51246 10.0781 8.50098Z",fill:"#EB3223"}))),c&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":c,href:c},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M8.25 2.5C5.08319 2.5 2.5 5.08319 2.5 8.25V15.75C2.5 18.9164 5.0831 21.5 8.25 21.5H15.75C18.9165 21.5 21.5 18.9165 21.5 15.75V8.25C21.5 5.0831 18.9164 2.5 15.75 2.5H8.25ZM8.25 4H15.75C18.1056 4 20 5.8939 20 8.25V15.75C20 18.1055 18.1055 20 15.75 20H8.25C5.8939 20 4 18.1056 4 15.75V8.25C4 5.89381 5.89381 4 8.25 4ZM17 6C16.4475 6 16 6.4475 16 7C16 7.5525 16.4475 8 17 8C17.5525 8 18 7.5525 18 7C18 6.4475 17.5525 6 17 6ZM12 7C9.24759 7 7 9.24759 7 12C7 14.7524 9.24759 17 12 17C14.7524 17 17 14.7524 17 12C17 9.24759 14.7524 7 12 7ZM12 8.5C13.9416 8.5 15.5 10.0584 15.5 12C15.5 13.9416 13.9416 15.5 12 15.5C10.0584 15.5 8.5 13.9416 8.5 12C8.5 10.0584 10.0584 8.5 12 8.5Z",fill:"url(#paint0_radial)"}),n.createElement("defs",null,n.createElement("radialGradient",{id:"paint0_radial",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(0.499995 26) rotate(-47.9508) scale(34.3402 30.014)"},n.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),n.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),n.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),n.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),n.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),n.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),n.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),n.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),n.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),n.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),n.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),s&&n.createElement("a",{target:"_blank",rel:"noreferrer",href:s,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":s},n.createElement("div",{style:{height:24,width:24}},n.createElement("img",{src:"/icons/zalo.png",alt:"Zalo"})))))},Y=function(e){var t=e.type,o=e.isMobile,a=void 0===o||o,i=e.locale,l=e.footerInfo,r=e.isAmp;return"helloSites"===e.siteType?n.createElement(C,{isAmp:r,isMobile:a,type:t,locale:i,footerInfo:l||{}}):n.createElement(Z,{isMobile:a,locale:i,footerMenu:l||[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:e.marryBabySocialLinks,type:t})};export{Y as Footer};

package/build/esm/components/navigationLayout_deprecated.js

@@ -1 +1 @@
-import"../tslib.es6-95636cf4.js";import"react";import"../together-68c58fff.js";export{a as NavigationLayout}from"../index-3f5821b7.js";import"./heading.js";import"../theme-a50a1aa5.js";import"../utils-432904d8.js";import"styled-components";import"./logo.js";import"../constants-a0a981fa.js";import"../useTranslations-d9bcdd4c.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";import"./button.js";import"./container.js";import"./text.js";import"../zalo-d903a989.js";import"./divider.js";import"../index-6d62c282.js";import"./pureInput.js";import"./label.js";import"../togetherComponentGlobalContext-49d5b8e0.js";import"../cookieHelper-0e8521c3.js";import"react-loading-skeleton";import"../lock-6e10cde5.js";import"./avatar.js";import"lodash";import"./popup.js";import"../translationsProvider-a5fc5cf8.js";import"../index-038204e6.js";import"../constants-3be6f6a9.js";
+import"../tslib.es6-95636cf4.js";import"react";import"../together-200b1b78.js";export{a as NavigationLayout}from"../index-18459e0b.js";import"./heading.js";import"../theme-a50a1aa5.js";import"../utils-432904d8.js";import"styled-components";import"./logo.js";import"../constants-a0a981fa.js";import"../useTranslations-d9bcdd4c.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";import"./button.js";import"./container.js";import"./text.js";import"../zalo-7f0726ae.js";import"./divider.js";import"../index-6d62c282.js";import"./pureInput.js";import"./label.js";import"../togetherComponentGlobalContext-49d5b8e0.js";import"../cookieHelper-0e8521c3.js";import"react-loading-skeleton";import"../lock-e8f828ec.js";import"./avatar.js";import"lodash";import"./popup.js";import"../translationsProvider-a5fc5cf8.js";import"../index-1e02ff36.js";import"../constants-3be6f6a9.js";

package/build/esm/components/navigationLogoutPopup.js

@@ -1 +1 @@
-import n,{useEffect as t}from"react";import{Button as o}from"./button.js";import{Popup as e}from"./popup.js";import{createPortal as l}from"react-dom";import{u as i}from"../useTranslations-d9bcdd4c.js";import{_ as r}from"../tslib.es6-95636cf4.js";import{M as p,a}from"../utils-432904d8.js";import c from"styled-components";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";var s,m,g=c.div(s||(s=r(["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"],["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"])),p.mbDown,p.mbUp,(function(n){return n.theme.colors.gray800}),p.mbDown,p.mbUp,(function(n){return n.theme.colors.gray600}),p.mbDown,p.mbUp),h=c.div(m||(m=r(["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"],["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"])),p.mbDown,p.mbUp,(function(n){return"marryBaby"===n.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""})),u=function(r){var p=r.openLogoutPopup,c=r.onCloseHandler,s=r.onLogoutHandler,m=r.siteType,u=void 0===m?"helloSites":m,d=i().t;return t((function(){document.body.classList.toggle("noscroll",p)}),[p]),"undefined"==typeof window?null:l(n.createElement(e,{type:"confirm",isOpen:p,closeIcon:n.createElement("img",{src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",style:{width:24,height:24},alt:"close-icon"}),onClose:c},n.createElement(g,null,"helloSites"===u&&n.createElement("img",{src:"data:image/svg+xml,%3csvg viewBox='0 0 101 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M69.3281 2.93067V85.3526C69.3281 86.9929 68.0395 88.2823 66.3985 88.2823H42.9609C41.3199 88.2823 40.0313 86.9929 40.0313 85.3526L4.875 2.93067C4.875 1.28958 6.1636 0.000976562 7.80469 0.000976562H66.3985C68.0395 0.000976562 69.3281 1.28958 69.3281 2.93067Z' fill='%23284A75'/%3e%3cpath d='M69.3281 2.93067V85.3526C69.3281 86.9929 68.0395 88.2823 66.3984 88.2823H42.9609C41.3199 88.2823 40.0312 86.9929 40.0312 85.3526L31.2422 64.8447V0.000976562H66.3984C68.0395 0.000976562 69.3281 1.28958 69.3281 2.93067Z' fill='%231B3250'/%3e%3cpath d='M44.2496 17.8727L9.09329 0.294542C8.21515 -0.115919 7.10126 -0.115919 6.2811 0.412035C5.40219 0.99721 4.875 1.93486 4.875 2.93126V85.3531C4.875 86.6418 5.69516 87.7556 6.86704 88.1066L31.2422 96.2517L42.0233 99.8253C42.8862 100.171 43.9917 99.9756 44.66 99.4744C45.4222 98.8885 45.8906 98.0096 45.8906 97.0719V20.5094C45.8906 19.3963 45.246 18.3999 44.2496 17.8727Z' fill='%232B94FF'/%3e%3cpath d='M45.8906 20.5089V97.0714C45.8906 98.0091 45.4214 98.888 44.66 99.4739C43.9978 99.9706 42.8946 100.174 42.0233 99.8249L31.2422 96.2513V11.3682L44.2495 17.8722C45.2459 18.3994 45.8906 19.3958 45.8906 20.5089Z' fill='%232D87F3'/%3e%3cpath d='M76.7355 64.4988C75.7826 63.9899 75.1875 62.9974 75.1875 61.9155V58.9858H54.6797C53.06 58.9858 51.75 57.6751 51.75 56.0561V44.3374C51.75 42.7177 53.06 41.4077 54.6797 41.4077H75.1875V38.478C75.1875 37.3961 75.7826 36.4036 76.7355 35.8939C77.6854 35.3881 78.8443 35.4453 79.7423 36.0404L97.3204 47.7592C98.136 48.3024 98.625 49.2179 98.625 50.1968C98.625 51.1748 98.136 52.0904 97.3204 52.6336L79.7423 64.3523C78.8336 64.9589 77.6747 65.0031 76.7355 64.4988Z' fill='%23F44D2C'/%3e%3cpath d='M34.1719 44.3379V56.0567C34.1719 57.697 32.8833 58.9864 31.2422 58.9864C29.6011 58.9864 28.3125 57.697 28.3125 56.0567V44.3379C28.3125 42.6968 29.6011 41.4082 31.2422 41.4082C32.8833 41.4082 34.1719 42.6968 34.1719 44.3379Z' fill='%23F7F9FC'/%3e%3cpath d='M34.1719 44.3379V56.0567C34.1719 57.697 32.8833 58.9864 31.2422 58.9864V41.4082C32.8833 41.4082 34.1719 42.6968 34.1719 44.3379Z' fill='%23E4E8EC'/%3e%3c/svg%3e",className:"cancle-img",alt:"close-account"}),n.createElement("h2",null,d("helloSites"===u?"logout.popup.ask1":"logout.popup.ask.mb")),n.createElement("p",null,d("logout.popup.ask2")),n.createElement(h,{siteType:u},n.createElement(o,{className:"logout-button",color:"tertiary",size:"lg",onClick:s},d("logout.popup.button.logout")),n.createElement(o,{className:"cancel-button",color:"primary",size:"lg",onClick:c},d("logout.popup.button.cancel"))))),a())};export{u as NavigationLogoutPopup};
+import n,{useEffect as t}from"react";import{Button as o}from"./button.js";import{Popup as e}from"./popup.js";import{createPortal as l}from"react-dom";import{u as i}from"../useTranslations-d9bcdd4c.js";import"date-fns";import"../animation-c611f996.js";import"../lazyLoad-751c35bd.js";import r from"styled-components";import"../constants-3be6f6a9.js";import{M as p,a}from"../utils-432904d8.js";import"../Locale-69030fff.js";import{_ as s}from"../tslib.es6-95636cf4.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";var c,m,g=r.div(c||(c=s(["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"],["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"])),p.mbDown,p.mbUp,(function(n){return n.theme.colors.gray800}),p.mbDown,p.mbUp,(function(n){return n.theme.colors.gray600}),p.mbDown,p.mbUp),h=r.div(m||(m=s(["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"],["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"])),p.mbDown,p.mbUp,(function(n){return"marryBaby"===n.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""})),u=function(r){var p=r.openLogoutPopup,s=r.onCloseHandler,c=r.onLogoutHandler,m=r.siteType,u=void 0===m?"helloSites":m,f=i().t;return t((function(){document.body.classList.toggle("noscroll",p)}),[p]),"undefined"==typeof window?null:l(n.createElement(e,{type:"confirm",isOpen:p,closeIcon:n.createElement("img",{src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",style:{width:24,height:24},alt:"close-icon"}),onClose:s},n.createElement(g,null,"helloSites"===u&&n.createElement("img",{src:"data:image/svg+xml,%3csvg viewBox='0 0 101 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M69.3281 2.93067V85.3526C69.3281 86.9929 68.0395 88.2823 66.3985 88.2823H42.9609C41.3199 88.2823 40.0313 86.9929 40.0313 85.3526L4.875 2.93067C4.875 1.28958 6.1636 0.000976562 7.80469 0.000976562H66.3985C68.0395 0.000976562 69.3281 1.28958 69.3281 2.93067Z' fill='%23284A75'/%3e%3cpath d='M69.3281 2.93067V85.3526C69.3281 86.9929 68.0395 88.2823 66.3984 88.2823H42.9609C41.3199 88.2823 40.0312 86.9929 40.0312 85.3526L31.2422 64.8447V0.000976562H66.3984C68.0395 0.000976562 69.3281 1.28958 69.3281 2.93067Z' fill='%231B3250'/%3e%3cpath d='M44.2496 17.8727L9.09329 0.294542C8.21515 -0.115919 7.10126 -0.115919 6.2811 0.412035C5.40219 0.99721 4.875 1.93486 4.875 2.93126V85.3531C4.875 86.6418 5.69516 87.7556 6.86704 88.1066L31.2422 96.2517L42.0233 99.8253C42.8862 100.171 43.9917 99.9756 44.66 99.4744C45.4222 98.8885 45.8906 98.0096 45.8906 97.0719V20.5094C45.8906 19.3963 45.246 18.3999 44.2496 17.8727Z' fill='%232B94FF'/%3e%3cpath d='M45.8906 20.5089V97.0714C45.8906 98.0091 45.4214 98.888 44.66 99.4739C43.9978 99.9706 42.8946 100.174 42.0233 99.8249L31.2422 96.2513V11.3682L44.2495 17.8722C45.2459 18.3994 45.8906 19.3958 45.8906 20.5089Z' fill='%232D87F3'/%3e%3cpath d='M76.7355 64.4988C75.7826 63.9899 75.1875 62.9974 75.1875 61.9155V58.9858H54.6797C53.06 58.9858 51.75 57.6751 51.75 56.0561V44.3374C51.75 42.7177 53.06 41.4077 54.6797 41.4077H75.1875V38.478C75.1875 37.3961 75.7826 36.4036 76.7355 35.8939C77.6854 35.3881 78.8443 35.4453 79.7423 36.0404L97.3204 47.7592C98.136 48.3024 98.625 49.2179 98.625 50.1968C98.625 51.1748 98.136 52.0904 97.3204 52.6336L79.7423 64.3523C78.8336 64.9589 77.6747 65.0031 76.7355 64.4988Z' fill='%23F44D2C'/%3e%3cpath d='M34.1719 44.3379V56.0567C34.1719 57.697 32.8833 58.9864 31.2422 58.9864C29.6011 58.9864 28.3125 57.697 28.3125 56.0567V44.3379C28.3125 42.6968 29.6011 41.4082 31.2422 41.4082C32.8833 41.4082 34.1719 42.6968 34.1719 44.3379Z' fill='%23F7F9FC'/%3e%3cpath d='M34.1719 44.3379V56.0567C34.1719 57.697 32.8833 58.9864 31.2422 58.9864V41.4082C32.8833 41.4082 34.1719 42.6968 34.1719 44.3379Z' fill='%23E4E8EC'/%3e%3c/svg%3e",className:"cancle-img",alt:"close-account"}),n.createElement("h2",null,f("helloSites"===u?"logout.popup.ask1":"logout.popup.ask.mb")),n.createElement("p",null,f("logout.popup.ask2")),n.createElement(h,{siteType:u},n.createElement(o,{className:"logout-button",color:"tertiary",size:"lg",onClick:c},f("logout.popup.button.logout")),n.createElement(o,{className:"cancel-button",color:"primary",size:"lg",onClick:s},f("logout.popup.button.cancel"))))),a())};export{u as NavigationLogoutPopup};

package/build/esm/components/navigationProfileButton.js

@@ -1 +1 @@
-import"../tslib.es6-95636cf4.js";import"react";import"../lock-6e10cde5.js";export{N as NavigationProfileButton}from"../index-1c61f762.js";import"./avatar.js";import"./button.js";import"./text.js";import"../useTranslations-d9bcdd4c.js";import"../theme-a50a1aa5.js";import"./navigationLogoutPopup.js";import"../utils-432904d8.js";import"styled-components";import"../index-038204e6.js";import"../cookieHelper-0e8521c3.js";import"../constants-a0a981fa.js";import"../constants-3be6f6a9.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";import"./popup.js";import"react-dom";
+import"../tslib.es6-95636cf4.js";import"react";import"../lock-e8f828ec.js";export{N as NavigationProfileButton}from"../index-09a779a1.js";import"./avatar.js";import"./button.js";import"./text.js";import"../useTranslations-d9bcdd4c.js";import"../theme-a50a1aa5.js";import"./navigationLogoutPopup.js";import"../utils-432904d8.js";import"styled-components";import"../index-1e02ff36.js";import"../cookieHelper-0e8521c3.js";import"../constants-a0a981fa.js";import"../constants-3be6f6a9.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";import"./popup.js";import"react-dom";import"date-fns";import"../animation-c611f996.js";import"../lazyLoad-751c35bd.js";import"../Locale-69030fff.js";

package/build/esm/components/navigationV2.js

@@ -1 +1 @@
-import"../tslib.es6-95636cf4.js";import"react";import"./languageSwitcher.js";import"../constants-3be6f6a9.js";import"../routing-31d4caa0.js";import"../index-ebe11fb9.js";export{NavigationV2,getNavMenuContent,getNavMenuContentWithCache}from"../navigation.js";import"../index-038204e6.js";import"../core-14be5e06.js";import"./flag.js";import"styled-components";import"./text.js";import"../theme-a50a1aa5.js";import"../utils-432904d8.js";import"./avatar.js";import"./button.js";import"date-fns";import"date-fns/locale/en-US";import"date-fns/locale/hi";import"date-fns/locale/id";import"date-fns/locale/ms";import"date-fns/locale/th";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"../useTranslations-d9bcdd4c.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";import"../togetherComponentGlobalContext-49d5b8e0.js";import"../cookieHelper-0e8521c3.js";import"react-id-generator";import"./heading.js";import"../constants-a0a981fa.js";import"./pureInput.js";import"./label.js";import"../together-68c58fff.js";import"./logo.js";import"lodash";import"../index-52fcdd30.js";import"../useScreenSize-fc434740.js";import"../lazyLoad-751c35bd.js";import"./navigationBookingButton.js";import"../index-1c61f762.js";import"../lock-6e10cde5.js";import"./navigationLogoutPopup.js";import"./popup.js";import"react-dom";import"./container.js";import"lodash/debounce";
+import"../tslib.es6-95636cf4.js";import"react";import"../core-14be5e06.js";import"./languageSwitcher.js";import"../constants-3be6f6a9.js";import"../routing-31d4caa0.js";import"../index-e4ecee8d.js";export{NavigationV2,getNavMenuContent,getNavMenuContentWithCache}from"../navigation.js";import"../index-1e02ff36.js";import"./flag.js";import"styled-components";import"./text.js";import"../theme-a50a1aa5.js";import"../utils-432904d8.js";import"./avatar.js";import"./button.js";import"date-fns";import"date-fns/locale/en-US";import"date-fns/locale/hi";import"date-fns/locale/id";import"date-fns/locale/ms";import"date-fns/locale/th";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"../useTranslations-d9bcdd4c.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";import"../togetherComponentGlobalContext-49d5b8e0.js";import"../cookieHelper-0e8521c3.js";import"react-id-generator";import"./heading.js";import"../constants-a0a981fa.js";import"./pureInput.js";import"./label.js";import"../together-200b1b78.js";import"./logo.js";import"lodash";import"./displayWrapper.js";import"../lazyLoad-751c35bd.js";import"./navigationBookingButton.js";import"../index-09a779a1.js";import"../lock-e8f828ec.js";import"./navigationLogoutPopup.js";import"./popup.js";import"react-dom";import"../animation-c611f996.js";import"../Locale-69030fff.js";import"./container.js";import"lodash/debounce";

package/build/esm/components/newBabyProfileRadio.js

@@ -1 +1 @@
-import n from"react";import{Input as e}from"./input.js";import{Text as o}from"./text.js";import{_ as t}from"../tslib.es6-95636cf4.js";import{h as r}from"../animation-c611f996.js";import{t as i}from"../theme-a50a1aa5.js";import a from"styled-components";import{u as s}from"../useTranslations-d9bcdd4c.js";import"./label.js";import"../utils-432904d8.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";var d,p=a.div(d||(d=t(["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  .title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0;\n    padding-bottom: 16px;\n  }\n\n  .radio {\n    cursor: pointer;\n    position: relative;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"],["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  .title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0;\n    padding-bottom: 16px;\n  }\n\n  .radio {\n    cursor: pointer;\n    position: relative;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"])),i.colors.gray50,i.colors.gray600,"300ms",i.colors.primaryBase,i.colors.primaryBase,r,"300ms"),c=function(t){var r=t.isActive,a=t.onChange,d=t.value,c=void 0===d?"":d,l=t.onInputChange,m=s().t;return n.createElement(p,{onClick:function(){return a("new")}},n.createElement("div",{className:"title"},n.createElement(o,{size:"p2",color:i.colors.gray800},m("chooseBaby.new")),n.createElement("div",{className:r?"radio active":"radio"})),n.createElement(e,{name:"name",value:c,size:"md",placeholder:m("chooseBaby.placeholder"),type:"text",onChange:l}))};export{c as NewBabyProfileRadio};
+import n from"react";import{u as o}from"../useTranslations-d9bcdd4c.js";import"lodash/debounce";import"../constants-3be6f6a9.js";import"date-fns";import{h as e}from"../animation-c611f996.js";import"../lazyLoad-751c35bd.js";import t from"styled-components";import{t as r}from"../theme-a50a1aa5.js";import"../utils-432904d8.js";import"../Locale-69030fff.js";import{Input as i}from"./input.js";import{Text as a}from"./text.js";import{_ as s}from"../tslib.es6-95636cf4.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";import"./label.js";var d,p=t.div(d||(d=s(["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  .title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0;\n    padding-bottom: 16px;\n  }\n\n  .radio {\n    cursor: pointer;\n    position: relative;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"],["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  .title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0;\n    padding-bottom: 16px;\n  }\n\n  .radio {\n    cursor: pointer;\n    position: relative;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"])),r.colors.gray50,r.colors.gray600,"300ms",r.colors.primaryBase,r.colors.primaryBase,e,"300ms"),c=function(e){var t=e.isActive,s=e.onChange,d=e.value,c=void 0===d?"":d,l=e.onInputChange,m=o().t;return n.createElement(p,{onClick:function(){return s("new")}},n.createElement("div",{className:"title"},n.createElement(a,{size:"p2",color:r.colors.gray800},m("chooseBaby.new")),n.createElement("div",{className:t?"radio active":"radio"})),n.createElement(i,{name:"name",value:c,size:"md",placeholder:m("chooseBaby.placeholder"),type:"text",onChange:l}))};export{c as NewBabyProfileRadio};

package/build/esm/components/shareContainer.js

@@ -1 +1 @@
-import{_ as n,d as e,e as t}from"../tslib.es6-95636cf4.js";import r from"react";import{Button as o}from"./button.js";import{Text as i}from"./text.js";import{g as a}from"../getSocialList-e83ef69b.js";import s from"styled-components";import{u as l}from"../useTranslations-d9bcdd4c.js";import{t as c}from"../theme-a50a1aa5.js";import"../utils-432904d8.js";import"../Locale-2d9f66c1.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";var p,d=s.div(p||(p=n(["\n  display: flex;\n  gap: 20px;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  .icon-group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    a,\n    svg {\n      width: 32px;\n      height: 32px;\n    }\n    .share {\n      width: 32px;\n      height: 32px;\n      padding: 8px;\n\n      &:hover {\n        background-color: ",";\n      }\n\n      svg {\n        margin: 0;\n        width: 16px;\n        height: 16px;\n      }\n    }\n  }\n"],["\n  display: flex;\n  gap: 20px;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  .icon-group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    a,\n    svg {\n      width: 32px;\n      height: 32px;\n    }\n    .share {\n      width: 32px;\n      height: 32px;\n      padding: 8px;\n\n      &:hover {\n        background-color: ",";\n      }\n\n      svg {\n        margin: 0;\n        width: 16px;\n        height: 16px;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral50})),m=function(){return r.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.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"}),r.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}))},u=function(n){var s=n.url,p=n.onCopied,u=n.locale,g=l().t,h=a(s||"").filter((function(n){return!n.allowedLocales||n.allowedLocales.includes(u)}));return r.createElement(d,null,r.createElement(i,{size:"p3",color:c.colors.gray800},g("shareContainer.title")),r.createElement("div",{className:"icon-group"},h.map((function(n,e){return r.createElement("a",{key:e,href:n.href,target:"_blank",rel:"noreferrer"},n.icon)})),r.createElement(o,{size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:r.createElement(m,null),onClick:function(){return e(void 0,void 0,void 0,(function(){var n;return t(this,(function(e){switch(e.label){case 0:return[4,null===(n=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===n?void 0:n.writeText(s)];case 1:return e.sent(),null==p||p(),[2]}}))}))}})))};export{u as ShareContainer};
+import{_ as n,d as e,e as t}from"../tslib.es6-95636cf4.js";import r from"react";import{Button as o}from"./button.js";import{Text as i}from"./text.js";import{u as a}from"../useTranslations-d9bcdd4c.js";import"lodash/debounce";import"../constants-3be6f6a9.js";import"date-fns";import"../animation-c611f996.js";import"../lazyLoad-751c35bd.js";import s from"styled-components";import{t as l}from"../theme-a50a1aa5.js";import"../utils-432904d8.js";import{g as c}from"../getSocialList-56837296.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";import"../Locale-69030fff.js";var p,m=s.div(p||(p=n(["\n  display: flex;\n  gap: 20px;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  .icon-group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    a,\n    svg {\n      width: 32px;\n      height: 32px;\n    }\n    .share {\n      width: 32px;\n      height: 32px;\n      padding: 8px;\n\n      &:hover {\n        background-color: ",";\n      }\n\n      svg {\n        margin: 0;\n        width: 16px;\n        height: 16px;\n      }\n    }\n  }\n"],["\n  display: flex;\n  gap: 20px;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  .icon-group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    a,\n    svg {\n      width: 32px;\n      height: 32px;\n    }\n    .share {\n      width: 32px;\n      height: 32px;\n      padding: 8px;\n\n      &:hover {\n        background-color: ",";\n      }\n\n      svg {\n        margin: 0;\n        width: 16px;\n        height: 16px;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral50})),d=function(){return r.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.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"}),r.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}))},u=function(n){var s=n.url,p=n.onCopied,u=n.locale,h=a().t,g=c(s||"").filter((function(n){return!n.allowedLocales||n.allowedLocales.includes(u)}));return r.createElement(m,null,r.createElement(i,{size:"p3",color:l.colors.gray800},h("shareContainer.title")),r.createElement("div",{className:"icon-group"},g.map((function(n,e){return r.createElement("a",{key:e,href:n.href,target:"_blank",rel:"noreferrer"},n.icon)})),r.createElement(o,{size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:r.createElement(d,null),onClick:function(){return e(void 0,void 0,void 0,(function(){var n;return t(this,(function(e){switch(e.label){case 0:return[4,null===(n=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===n?void 0:n.writeText(s)];case 1:return e.sent(),null==p||p(),[2]}}))}))}})))};export{u as ShareContainer};