@hhgtech/hhg-components 1.27.64 → 1.27.65-beta-2

package/build/index-5ee72b9c.js

@@ -1,75 +0,0 @@
-"use strict";var e=require("./tslib.es6-5cc34723.js"),t=require("react"),l=require("styled-components"),n=require("@mantine/carousel"),r=require("@mantine/core"),i=require("@mantine/hooks");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(t),s=a(l);const d=s.default.img`
-  &[data-has-placeholder='true'] {
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: cover;
-  }
-`,c=s.default((t=>{var{type:l}=t,n=e.__rest(t,["type"]);return o.default.createElement(l,n)}))`
-  color: var(--text-color, ${e=>e.theme.mbColors.dark});
-  font-family: Krub;
-  font-weight: 600;
-  letter-spacing: -0.2px;
-
-  &[data-type='headline-1'] {
-    font-size: 40px;
-    line-height: 60px;
-  }
-  &[data-type='headline-2'] {
-    font-size: 32px;
-    line-height: 48px;
-  }
-  &[data-type='headline-3'] {
-    font-size: 24px;
-    line-height: 40px;
-  }
-  &[data-type='headline-4'] {
-    font-size: 18px;
-    line-height: 32px;
-  }
-`,u=s.default.p`
-  color: var(--text-color, ${e=>e.theme.mbColors.dark});
-  letter-spacing: -0.2px;
-
-  &[data-type='subtitle-1'] {
-    font-size: 16px;
-    font-weight: 600;
-    line-height: 26px;
-  }
-  &[data-type='subtitle-2'] {
-    font-size: 14px;
-    font-weight: 500;
-    line-height: 24px;
-  }
-  &[data-type='subtitle-3'] {
-    font-size: 12px;
-    font-weight: 500;
-    line-height: 20px;
-  }
-  &[data-type='bodytext-1'] {
-    font-size: 16px;
-    font-weight: 400;
-    line-height: 28px;
-  }
-  &[data-type='bodytext-2'] {
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 24px;
-  }
-  &[data-type='bodytext-3'] {
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 20px;
-  }
-  &[data-type='caption-1'] {
-    font-size: 10px;
-    font-weight: 500;
-    letter-spacing: -0.1px;
-    line-height: 14px;
-  }
-  &[data-type='caption-2'] {
-    font-size: 10px;
-    font-weight: 400;
-    letter-spacing: -0.1px;
-    line-height: 14px;
-  }
-`,p=t.forwardRef((function(e,t){return o.default.createElement("circle",Object.assign({},e,{ref:t}),o.default.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))})),h=n.Carousel.Slide,f=t.createContext({}),g=(e,t)=>e>=t?e-t:e,x=l=>{var{children:a,blurFromCenter:s,blurFromIndex:d,blurLength:c=3,maxBlurOpacity:u=.5,onSlideChange:p,selectSlideWhenClick:h}=l,x=e.__rest(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]);const{width:v}=i.useViewportSize(),[y]=i.useResizeObserver(),m=t.useRef(null),[b,S]=t.useState(0),C=()=>{var e,t,l,n,r;const i=(null===(e=null==m?void 0:m.current)||void 0===e?void 0:e.slideNodes())||[];if((null===(t=null==m?void 0:m.current)||void 0===t?void 0:t.slideNodes().length)<=(null===(l=null==m?void 0:m.current)||void 0===l?void 0:l.slidesInView().length))return i.map((e=>{e.classList.remove("center-slide"),e.style.opacity="1"})),!1;const a=null===(n=null==m?void 0:m.current)||void 0===n?void 0:n.selectedScrollSnap();S(a);const o=i.length,p=(null===(r=null==m?void 0:m.current)||void 0===r?void 0:r.slidesInView()).length,h=Math.floor(p/2),f=s?d+c-1:h,x=a+f,v=x===o?0:x>o?x-o:x,y=a-f,b=y<0?o+y:y>0?a-f:0,C=[...new Set(Array(2*f+1).fill("").map(((e,t)=>g(b+t,o))))];i.map(((e,t)=>{if(t===a?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==C.indexOf(t)){const r=u/c;for(let i=0;i<c;i++){if(t===g(b+i,o)||t===(n=o,(l=v-i)<0?n+l:l)){e.style.opacity=String((i+1)*r);break}e.style.opacity="1"}}else e.style.opacity="0";var l,n}))},k={getEmblaApi:e=>{m.current=e},onSlideChange:e=>{C(),null==p||p(e)}};t.useEffect((()=>{(null==m?void 0:m.current)&&C()}),[v]);const z=r.createStyles((()=>{var e,t;return{control:Object.assign({},(null===(e=null==m?void 0:m.current)||void 0===e?void 0:e.slideNodes().length)<=(null===(t=null==m?void 0:m.current)||void 0===t?void 0:t.slidesInView().length)&&{display:"none"})}})),{classes:w}=z();return o.default.createElement(f.Provider,{value:{slider:null==m?void 0:m.current,centerSlide:b,selectSlideWhenClick:h}},o.default.createElement(n.Carousel,Object.assign({classNames:{control:w.control},ref:y,slideSize:"auto",containScroll:"trimSnaps"},k,x,{loop:!0}),"function"==typeof a?a(b):a))};x.Slide=l=>{var{children:n,onClick:r,innerSlideProps:i}=l,a=e.__rest(l,["children","onClick","innerSlideProps"]);const{slider:s,selectSlideWhenClick:d}=t.useContext(f),c=t.useRef(),u=t.useRef(""),[p,g]=t.useState(0);t.useEffect((()=>{u.current=String(Math.round(1e4*Math.random()))}),[]),t.useEffect((()=>{const e=(null==s?void 0:s.slideNodes())||[];g(e.findIndex((e=>e.dataset.key===u.current)))}),[s]);const x={ref:c,"data-key":u.current,"data-index":p};return o.default.createElement(h,Object.assign({},x,a),o.default.createElement("div",Object.assign({style:{height:"100%"},onClick:()=>{d&&(null==s||s.scrollTo(p)),null==r||r(p)}},i),n))},exports.CentralCarousel=x,exports.CustomReferenceDot=p,exports.ImageWrap=l=>{var{alt:n,backupSrc:r,src:i,placeholderSrc:a,style:s,ref:c}=l,u=e.__rest(l,["alt","backupSrc","src","placeholderSrc","style","ref"]);const[p,h]=t.useState(!1);return o.default.createElement(d,Object.assign({loading:"lazy",alt:n,onError:()=>!p&&h(!0),src:p?r||i:i||r,style:Object.assign(Object.assign({},a?{backgroundImage:`url(${a})`}:{}),s),"data-has-placeholder":!!a,ref:c},u))},exports.StyledHeading=c,exports.StyledText=u;

package/build/index-63b91e27.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-5cc34723.js"),t=require("react"),s=require("@mantine/core"),l=require("./gAssets.js"),a=require("./utils-26319b1a.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t);exports.Modal=t=>{var{title:n,styles:o}=t,u=e.__rest(t,["title","styles"]);const{classes:i}=a.useStyles$1(void 0,{name:"Modal",styles:o});return r.default.createElement(r.default.Fragment,null,r.default.createElement(s.Modal,Object.assign({centered:!0,classNames:i},u,{withCloseButton:!1,title:u.withCloseButton&&r.default.createElement(r.default.Fragment,null,r.default.createElement(a.Text,{size:"s2",weight:"semiBold",as:"span"},n),r.default.createElement(s.CloseButton,Object.assign({},u.closeButtonProps,{onClick:()=>{var e;return null===(e=u.onClose)||void 0===e?void 0:e.call(u)},sx:{":focus":{outline:0}}}),r.default.createElement("img",{loading:"lazy",className:"mantine-Modal-close",src:l.CommonGAssets.getAssetPath("CloseModal.svg"),style:{width:"16px"}})))})))};

package/build/index-973817ad.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-5cc34723.js"),t=require("react"),r=require("./index-5ee72b9c.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(t);exports.MarryBabyHeading=t=>{var{type:a,color:l,style:c}=t,n=e.__rest(t,["type","color","style"]);return s.default.createElement(r.StyledHeading,Object.assign({type:a,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[a],style:Object.assign(Object.assign({},l&&{"--text-color":l}),c)},n))},exports.MarryBabyText=t=>{var{type:a,color:l,style:c}=t,n=e.__rest(t,["type","color","style"]);return s.default.createElement(r.StyledText,Object.assign({"data-type":a,style:Object.assign(Object.assign({},c),l&&{"--text-color":l})},n))};

package/build/index-a28a6d36.js

@@ -1,177 +0,0 @@
-"use strict";var e=require("react"),t=require("@mantine/core"),a=require("./utils-1d3a9504.js"),l=require("./utils-26319b1a.js"),o=require("./index-ad80e678.js"),r=require("styled-components"),i=require("./useTranslations-5cc61c9f.js"),n=require("./Onboarding-5e479463.js"),d=require("./index-973817ad.js"),s=require("./theme-791de2a4.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(e),m=c(r);const p=({open:e=!1,onClickOutside:t})=>u.default.createElement(l.StyledBackdrop,{"data-open":e,onClick:t}),h=({value:t,options:a,className:r,direction:i="horizontal",onChange:n,isDisabled:c,siteType:m})=>{const[p,h]=e.useState(t),f="marryBaby"===m;return u.default.createElement(l.StyledRadioImageGroup,{className:r,"data-direction":i},a.map(((e,a)=>u.default.createElement(l.StyledRadioImageItem,{"data-selected":(t||p)===e.value,"data-is-mb":f,"data-disabled":c,key:a,onClick:()=>{var t;t=e.value,c||(h(t),n&&n(t))}},u.default.createElement("div",null,e.content,e.label&&u.default.createElement(u.default.Fragment,null,f?u.default.createElement(d.MarryBabyText,{type:"subtitle-2",color:(t||p)===e.value?s.theme.mbColors.dark:s.theme.mbColors.midGray},e.label):u.default.createElement(o.Text,{type:"bold",color:(t||p)===e.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},e.label)))))))},f=m.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;
-  }
-`,g="hhgcomp-modal-modal",y=l.getDefaultClassWrapper(f,g),b=m.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 {
-    .${g} {
-      transform: translate(0, -100vh);
-      transition: all 0.5s ease;
-    }
-
-    &[data-open='true'] {
-      .${g} {
-        transform: translate(0);
-      }
-    }
-  }
-
-  &.scaleUp {
-    .${g} {
-      transform: scale(0.9);
-    }
-
-    &[data-open='true'] {
-      .${g} {
-        transition: all 0.3s ease-out;
-        transform: scale(1);
-      }
-    }
-  }
-
-  &[data-type='tail'] {
-    justify-content: flex-end;
-    .${g} {
-      width: 420px;
-      height: 100%;
-      border-radius: 0;
-      overflow: hidden auto;
-    }
-  }
-  &[data-type='form'] {
-    .${g} {
-      width: 496px;
-      height: 548px;
-      max-height: 100%;
-      overflow-y: auto;
-      ${a.MediaQueries.mbDown} {
-        width: 340px;
-      }
-    }
-  }
-  &[data-type='video'] {
-    .${g} {
-      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'] {
-    .${g} {
-      width: 100%;
-      max-width: 407px;
-      ${a.MediaQueries.mbDown} {
-        width: calc(100% - 32px);
-        max-width: calc(100% - 32px);
-      }
-    }
-  }
-`,x=m.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};
-  }
-`,C=m.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;
-      }
-    }
-  }
-`,v=m.default(h)`
-  & > 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:r}=i.useTranslations(),c="marryBaby"==a;return u.default.createElement(C,{"data-is-marryBaby":c},c?u.default.createElement(d.MarryBabyHeading,{type:"h4",color:s.theme.mbColors.dark},r("babyVaccineTool.selectGender")):u.default.createElement(o.Text,{size:"label2",type:"bold",style:{marginBottom:"0.5rem"}},r("babyVaccineTool.selectGender")),u.default.createElement(v,{siteType:a,options:[{value:n.Gender.Boy,label:r("gender.male"),content:c?u.default.createElement(l.Icon.BabyBoyMB,null):u.default.createElement(l.Icon.GenderChooseBoy,null)},{value:n.Gender.Girl,label:r("gender.female"),content:c?u.default.createElement(l.Icon.BabyGirlMB,null):u.default.createElement(l.Icon.GenderChooseGirl,null)}],value:e,onChange:t,className:"gender-selector"}))},exports.Drawer=({children:r,title:i,onClose:n,open:d=!1,placement:s="left",destroyOnClose:c=!1,isPropagationEvent:m=!0,className:h})=>{const f=e.useRef();e.useEffect((()=>(a.toggleNoScroll(d),()=>a.toggleNoScroll(!1))),[d]);const g=()=>{f.current.classList.add("slideOut"),setTimeout((()=>{n()}),800)};return!d&&c?null:u.default.createElement(t.Portal,null,u.default.createElement(l.StyledDrawer,{className:h,open:d},u.default.createElement(p,{open:d,onClickOutside:g}),u.default.createElement(l.StyledDrawerPanel,{open:d,placement:s,ref:f,hasTitle:Boolean(i)},u.default.createElement("div",{className:"title"},i&&u.default.createElement(o.Text,{size:"s2",type:"semiBold"},i),u.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:g},u.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"}))),u.default.createElement(l.StyledDrawerContent,{onClick:e=>{m&&e.stopPropagation()}},r&&(u.default.isValidElement(r)?r:"function"==typeof r?r({internalClose:g}):null)))))},exports.RadioImageGroup=h,exports.StyledModal=y,exports.StyledModalMask=x,exports.StyledModalWrapper=b;

package/build/index-a44d34cc.js

@@ -1,53 +0,0 @@
-"use strict";var e=require("./tslib.es6-5cc34723.js"),r=require("react"),t=require("@mantine/core"),i=require("./utils-26319b1a.js");require("@mantine/hooks"),require("./gAssets.js"),require("@mantine/dates");var n=require("./index-9a15f4f9.js");require("./Onboarding-5e479463.js"),require("dayjs"),require("./screenSizeContext-6187e101.js");var o=require("styled-components"),a=require("./theme-791de2a4.js"),s=require("./utils-1d3a9504.js");require("./isProduction-517872ce.js"),require("./translationsContext-84598533.js"),require("string-format"),require("./index-5ee72b9c.js");var c=require("@mantine/form");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=d(r),m=d(o);const u=r.createContext({}),[p,g,x]=c.createFormContext(),f=m.default.div`
-  margin-top: 70px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  &.similac {
-    margin-top: 16px;
-  }
-`,h=m.default(t.Container)`
-  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    height: 100%;
-    width: 100%;
-    max-width: 520px;
-  }
-  .header {
-    margin-bottom: 32px;
-    text-align: center;
-    ${s.MediaQueries.mbDown} {
-      margin-bottom: 16px;
-    }
-  }
-
-  .input-control {
-    width: 100%;
-  }
-  .radio-group,
-  .input-control {
-    margin-bottom: 16px;
-  }
-  .form {
-    width: 100%;
-  }
-
-  /* .form-error {
-    margin-top: 32px;
-    font-size: 14px;
-  }
-
-  .field-error {
-    margin-top: 10px;
-    font-size: 14px;
-  } */
-
-  .form-button {
-    width: 100%;
-  }
-`,b=m.default.img`
-  margin-bottom: 38px;
-`;exports.FormProvider=p,exports.Onboarding=o=>{var s,{heading:c,description:d,children:m,className:p,imgSrc:g,hiddenLogo:x=!1}=o,q=e.__rest(o,["heading","description","children","className","imgSrc","hiddenLogo"]);const{isMarryBaby:j,siteType:v}=r.useContext(u);return l.default.createElement(h,Object.assign({},q,{className:`hhg-comp-onboarding-container ${p}`,size:"sm"}),!x&&l.default.createElement(i.LogoIcon,{type:j?v:(null===(s=n.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===s?void 0:s.LOGO_TYPE)||"hellobacsi"}),l.default.createElement(f,{className:x?"similac":""},g&&l.default.createElement(b,{src:g,loading:"lazy"}),(c||d)&&l.default.createElement("div",{className:"header"},c&&l.default.createElement(t.Title,{order:3},c),d&&l.default.createElement(i.Text,{size:"p3",mt:8,color:a.theme.colors.gray600},d)),m))},exports.OnboardingContext=u,exports.useForm=x,exports.useFormContext=g;

package/build/useHealthToolCache-a6b67a0b.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-5cc34723.js"),t=require("react"),a=require("./getDynamicHealthTool-6034f06a.js");exports.useHealthToolsCache=o=>{const[i,l]=t.useState([]);t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){const e=yield a.getDynamicHealthToolWithCache(o);l(e)}))}),[a.getDynamicHealthToolWithCache,o]);const c=t.useCallback((e=>{var t;return(null===(t=i.find((t=>t.template===e)))||void 0===t?void 0:t.link)||""}),[i]);return{allTools:i,getHealthToolLink:c}};