@hhgtech/hhg-components 1.27.129 → 1.27.131

package/build/index-bd5f38af.js

@@ -0,0 +1,177 @@
+"use strict";var e=require("react"),t=require("@mantine/core"),a=require("./screenSizeContext-4a23b97a.js"),l=require("./index.styles-cc0d6867.js"),o=require("./index-7e2d4b5f.js"),r=require("./useScrollbarSize-b6eab9a0.js"),d=require("react-dom"),n=require("styled-components"),i=require("./useTranslations-fb9c16a7.js"),s=require("./Onboarding-c8bb506e.js"),c=require("./index-a92ea0bf.js"),u=require("./theme-4eeabcb9.js"),m=require("./index-74c19995.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=h(e),f=h(n);const g=({open:e=!1,onClickOutside:t})=>p.default.createElement(l.StyledBackdrop,{"data-open":e,onClick:t}),y=({value:t,options:a,className:o,direction:r="horizontal",onChange:d,isDisabled:n,siteType:i})=>{const[s,h]=e.useState(t),f="marryBaby"===i;return p.default.createElement(l.StyledRadioImageGroup,{className:o,"data-direction":r},a.map(((e,a)=>p.default.createElement(l.StyledRadioImageItem,{"data-selected":(t||s)===e.value,"data-is-mb":f,"data-disabled":n,key:a,onClick:()=>{var t;t=e.value,n||(h(t),d&&d(t))}},p.default.createElement("div",null,e.content,e.label&&p.default.createElement(p.default.Fragment,null,f?p.default.createElement(c.MarryBabyText,{type:"subtitle-2",color:(t||s)===e.value?u.theme.mbColors.dark:u.theme.mbColors.midGray},e.label):p.default.createElement(m.Text,{type:"bold",color:(t||s)===e.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},e.label)))))))},b=f.default.div`
+  position: relative;
+  z-index: 200;
+  background-color: ${e=>e.theme.colors.white};
+  border-radius: ${e=>e.theme.borderRadius};
+  box-shadow: 0px 4px 8px ${e=>e.theme.colors.gray200};
+  &[data-site-type='marryBaby'] {
+    border-radius: 16px;
+    .hhg-modal__content {
+      position: relative;
+      z-index: 111;
+      height: 100%;
+
+      padding: 24px;
+    }
+  }
+  .hhg-modal__content {
+    position: relative;
+    z-index: 111;
+    height: 100%;
+    padding: 16px;
+  }
+  .hhg-modal__video {
+    position: relative;
+    z-index: 111;
+    height: 100%;
+    background-color: none;
+    box-shadow: none;
+  }
+`,x="hhgcomp-modal-modal",v=l.getDefaultClassWrapper(b,x),C=f.default.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 201;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  outline: 0;
+  visibility: hidden;
+  background-color: rgba(38, 38, 38, 0.3);
+
+  .hhg-modal__close {
+    position: absolute;
+    top: 16px;
+    right: 16px;
+    cursor: pointer;
+    img {
+      width: 100%;
+      height: 100%;
+      border-radius: 50%;
+    }
+  }
+  &[data-type='video'] {
+    z-index: 1001;
+  }
+  &[data-open='true'] {
+    visibility: visible;
+  }
+
+  &.slideTop {
+    .${x} {
+      transform: translate(0, -100vh);
+      transition: all 0.5s ease;
+    }
+
+    &[data-open='true'] {
+      .${x} {
+        transform: translate(0);
+      }
+    }
+  }
+
+  &.scaleUp {
+    .${x} {
+      transform: scale(0.9);
+    }
+
+    &[data-open='true'] {
+      .${x} {
+        transition: all 0.3s ease-out;
+        transform: scale(1);
+      }
+    }
+  }
+
+  &[data-type='tail'] {
+    justify-content: flex-end;
+    .${x} {
+      width: 420px;
+      height: 100%;
+      border-radius: 0;
+      overflow: hidden auto;
+    }
+  }
+  &[data-type='form'] {
+    .${x} {
+      width: 496px;
+      height: 548px;
+      max-height: 100%;
+      overflow-y: auto;
+      ${a.MediaQueries.mbDown} {
+        width: 340px;
+      }
+    }
+  }
+  &[data-type='video'] {
+    .${x} {
+      height: 100%;
+      max-height: 539px;
+      ${a.MediaQueries.mbDown} {
+        height: 192px;
+        width: 100%;
+        height: 100%;
+        border-radius: ${e=>e.theme.borderRadius};
+        max-height: 192px;
+      }
+    }
+  }
+  &[data-type='confirm'] {
+    .${x} {
+      width: 100%;
+      max-width: 407px;
+      ${a.MediaQueries.mbDown} {
+        width: calc(100% - 32px);
+        max-width: calc(100% - 32px);
+      }
+    }
+  }
+`,w=f.default.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  align-items: center;
+
+  &[data-open='false'] {
+    display: none;
+  }
+  &[data-type='video'] {
+    background-color: ${e=>e.theme.colors.secondaryDark};
+  }
+`,E="hhg-modals",B=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},k=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},S=f.default.div`
+  & > :not(:last-child) {
+    margin-bottom: 8px;
+  }
+
+  .gender-selector {
+    & > :not(:last-child) {
+      margin-right: 16px;
+    }
+
+    & > div {
+      width: calc(50% - 8px);
+
+      ${a.MediaQueries.mbUp} {
+        justify-self: left;
+      }
+    }
+  }
+`,_=f.default(y)`
+  & > div > div {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-content: center;
+    gap: 8px;
+    padding-block: 5px;
+  }
+  .radio-group-item-heading {
+    margin-top: 0;
+  }
+`;exports.BabyGrowthGender=({value:e,onChange:t,siteType:a})=>{const{t:l}=i.useTranslations(),r="marryBaby"==a;return p.default.createElement(S,{"data-is-marryBaby":r},r?p.default.createElement(c.MarryBabyHeading,{type:"h4",color:u.theme.mbColors.dark},l("tools.selectBabyGender")):p.default.createElement(o.Text,{size:"label2",weight:"bold",style:{marginBottom:"0.5rem"}},l("tools.selectBabyGender")),p.default.createElement(_,{siteType:a,options:[{value:s.Gender.Boy,label:l("gender.male"),content:r?p.default.createElement(o.Icon.BabyBoyMB,null):p.default.createElement(o.Icon.GenderChooseBoy,null)},{value:s.Gender.Girl,label:l("gender.female"),content:r?p.default.createElement(o.Icon.BabyGirlMB,null):p.default.createElement(o.Icon.GenderChooseGirl,null)}],value:e,onChange:t,className:"gender-selector"}))},exports.Drawer=({children:r,title:d,onClose:n,open:i=!1,placement:s="left",destroyOnClose:c=!1,isPropagationEvent:u=!0,className:m})=>{const h=e.useRef();e.useEffect((()=>(a.toggleNoScroll(i),()=>a.toggleNoScroll(!1))),[i]);const f=()=>{h.current.classList.add("slideOut"),setTimeout((()=>{n()}),800)};return!i&&c?null:p.default.createElement(t.Portal,null,p.default.createElement(l.StyledDrawer,{className:m,open:i},p.default.createElement(g,{open:i,onClickOutside:f}),p.default.createElement(l.StyledDrawerPanel,{open:i,placement:s,ref:h,hasTitle:Boolean(d)},p.default.createElement("div",{className:"title"},d&&p.default.createElement(o.Text,{size:"s2",weight:"semiBold"},d),p.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:f},p.default.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),p.default.createElement(l.StyledDrawerContent,{onClick:e=>{u&&e.stopPropagation()}},r&&(p.default.isValidElement(r)?r:"function"==typeof r?r({internalClose:f}):null)))))},exports.Modal=({type:t="lead",closeIcon:a,isOpen:l=!0,onClose:o,children:n,className:i="",animationType:s="slideTop",isStaticBackdrop:c=!1,siteType:u})=>{const[m,h]=e.useState(!1),f=e.useRef(null),{width:g}=r.useScrollbarSize();if(!f.current&&m&&(f.current=document.createElement("div")),e.useEffect((()=>(h(!0),()=>{h(!1),B(),k()})),[]),e.useEffect((()=>{if(m){const e=(()=>{let e=document.getElementById(E);return e||(e=document.createElement("div"),e.setAttribute("id",E),document.body.append(e)),e})();return e.appendChild(f.current),()=>{e.removeChild(f.current)}}}),[m]),e.useEffect((()=>{l?document.body.classList.add("hhc-modal-show"):B()}),[l]),e.useEffect((()=>{l?(document.body.style.overflow="hidden",document.body.style.paddingRight=g+"px",document.body.classList.add("hhc-disabled-scroll")):k()}),[l,g]),!m)return null;const y=["hhg-modal__wrapper",i,s].filter((e=>e)).join(" ");return d.createPortal(p.default.createElement(C,{className:y,"data-open":l,"data-type":t},!c&&p.default.createElement(w,{"data-open":l,onClick:o,"data-type":t}),!c&&"video"===t&&!!a&&p.default.createElement("div",{className:"hhg-modal__close",onClick:o},a),p.default.createElement(v,{className:"hhg-modal","data-open":l,"data-site-type":u},p.default.createElement("div",{className:"video"===t?"hhg-modal__video":"hhg-modal__content"},!!a&&"video"!==t&&p.default.createElement("div",{className:"hhg-modal__close",onClick:o},a),n))),f.current)},exports.RadioImageGroup=y;

package/build/index-d20cbf30.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),a=require("./gAssets.js"),t=require("./index.styles-cc0d6867.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(e);exports.Logo=({type:s,className:o,style:r,isLightLogo:n,customSize:g,badge:m,locale:i,dateForSeasonal:u,isPro:c})=>{const d=e.useMemo((()=>{if(!u||isNaN(new Date(u).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};const e=new Date(u),a=t.isChristmas(e),s=t.LunarNewYearLocale.includes(i)&&t.isLunarNewYear(e);return{isChristmas:a,isLunarNewYear:s,isNewYear:!s&&t.isNewYear(e)}}),[i,new Date(u).getDate()]);return l.default.createElement(t.StyledLogo,{className:o,style:r,"data-logo-is-light":n||void 0,"data-has-badge":!!m,"data-christmas":d.isChristmas,"data-new-year":d.isNewYear,"data-lunar-new-year":d.isLunarNewYear},d.isChristmas?l.default.createElement(l.default.Fragment,null,l.default.createElement(t.ImageWrap,{alt:"left xmas logo",src:a.CommonGAssets.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement(t.ImageWrap,{alt:"right xmas logo",src:a.CommonGAssets.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):d.isNewYear?l.default.createElement(l.default.Fragment,null,l.default.createElement(t.ImageWrap,{alt:"left new year logo",src:a.CommonGAssets.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement(t.ImageWrap,{alt:"right new year logo",src:a.CommonGAssets.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):d.isLunarNewYear?l.default.createElement(l.default.Fragment,null,l.default.createElement(t.ImageWrap,{alt:"left lunar new year logo",loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement(t.ImageWrap,{alt:"right lunar new year logo",loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,l.default.createElement(t.LogoIcon,{type:s,width:null==g?void 0:g.width,height:null==g?void 0:g.height}),c?l.default.createElement(t.StyledProLogo,{src:a.CommonGAssets.getAssetPath("logo/pro-suffix.svg")}):null,m)};