@hhgtech/hhg-components 1.24.21 → 1.24.23

package/build/esm/{index.styled-89252990.js → index.styled-7eed71ac.js}

@@ -1,4 +1,4 @@
-import e,{memo as t,useRef as i,useState as a,useEffect as n,useImperativeHandle as o,Fragment as r,useMemo as s}from"react";import l,{keyframes as d,css as c}from"styled-components";import{M as p}from"./utils-049d75fa.js";import{L as h}from"./index-65b95e24.js";import{T as m}from"./index-6b049c9f.js";import{B as u}from"./index-10233643.js";import{A as g,H as x,T as f,B as b,P as y}from"./index.styled-38864315.js";import{I as v}from"./index-4b19571c.js";import{_ as w}from"./tslib.es6-f1b9d31e.js";import k from"dayjs";import"./screenSizeContext-796cb6e5.js";import{t as E}from"./theme-6dca57c7.js";import"./index-c9290e7f.js";import"./isProduction-e00482ad.js";import{G as C}from"./Locale-2a1e1450.js";import"./gAssets.js";import{c as $,a as D}from"./index-881e5990.js";import{yupResolver as S}from"@hookform/resolvers/yup";import{useForm as _,Controller as T}from"react-hook-form";import{B as z,I,D as N,M as A}from"./index-28b8dab6.js";import{u as P}from"./useTranslations-86f7e107.js";import{ar as B,b as j}from"./index.styled-981e6c04.js";import{L as O}from"./index.styled-839052ac.js";import{C as L}from"./index-e1e88ca8.js";import{format as M,addDays as F}from"date-fns";import"@mantine/core";import{M as U}from"./index-c2de5d7b.js";import"./index-77a5c7ce.js";import{S as R}from"./index-e2b7ef68.js";import q from"react-day-picker/DayPickerInput";const H=({type:t,size:i="small",label:a,name:n,checked:o,value:r,className:s,isDisabled:l=!1,onChange:d,dataEventCategory:c,dataEventAction:p,dataEventLabel:h})=>{const m=!!p&&!!c&&!!h?{"data-event-category":c,"data-event-action":p,"data-event-label":h}:{};return e.createElement(g,{"data-disabled":l,className:s,"data-type":t,"data-size":i},e.createElement("label",Object.assign({style:{display:"flex",alignItems:"center"}},m),e.createElement("input",Object.assign({type:"radio",checked:o,name:n,value:r,onChange:()=>d(r)},m)),a))},V=t((()=>e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),G=t((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:i,dataEventLabelForBookmark:a})=>e.createElement("svg",{"data-event-category":t,"data-event-action":i,"data-event-label":a,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),W=t((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:i,dataEventLabelForBookmark:a})=>e.createElement("svg",{"data-event-category":t,"data-event-action":i,"data-event-label":a,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),Y=l.div`
+import e,{memo as t,useRef as i,useState as a,useEffect as n,useImperativeHandle as o,Fragment as r,useMemo as s}from"react";import l,{keyframes as d,css as c}from"styled-components";import{M as p}from"./utils-401f4bfa.js";import{L as h}from"./index-9ded4228.js";import{T as m}from"./index-c0e5a532.js";import{B as u}from"./index-add5a812.js";import{A as g,T as x,B as f,P as b}from"./index.styled-98887888.js";import{H as y}from"./index-10ec152e.js";import{I as v}from"./index-36e295d5.js";import{_ as w}from"./tslib.es6-c6630b6b.js";import k from"dayjs";import"./screenSizeContext-e145dc42.js";import{t as E}from"./theme-ef20ab19.js";import"./index-285eb8ae.js";import"./isProduction-89cc7103.js";import{G as C}from"./Onboarding-6fd5031f.js";import"./gAssets.js";import{c as $,a as D}from"./index-610819d0.js";import{yupResolver as S}from"@hookform/resolvers/yup";import{useForm as _,Controller as T}from"react-hook-form";import{B as z,I,D as N,M as A}from"./index-e7db8409.js";import{u as P}from"./useTranslations-13f8b391.js";import{ar as B,b as j}from"./index.styled-21b83974.js";import{L as O}from"./index.styled-e11efdb1.js";import{C as L}from"./index-5cd7d80c.js";import{format as M,addDays as F}from"date-fns";import"@mantine/core";import{M as U}from"./index-b6f468f8.js";import"./index-c01daef4.js";import{S as R}from"./index-f2e8f850.js";import q from"react-day-picker/DayPickerInput";const H=({type:t,size:i="small",label:a,name:n,checked:o,value:r,className:s,isDisabled:l=!1,onChange:d,dataEventCategory:c,dataEventAction:p,dataEventLabel:h})=>{const m=!!p&&!!c&&!!h?{"data-event-category":c,"data-event-action":p,"data-event-label":h}:{};return e.createElement(g,{"data-disabled":l,className:s,"data-type":t,"data-size":i},e.createElement("label",Object.assign({style:{display:"flex",alignItems:"center"}},m),e.createElement("input",Object.assign({type:"radio",checked:o,name:n,value:r,onChange:()=>d(r)},m)),a))},V=t((()=>e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),G=t((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:i,dataEventLabelForBookmark:a})=>e.createElement("svg",{"data-event-category":t,"data-event-action":i,"data-event-label":a,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),W=t((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:i,dataEventLabelForBookmark:a})=>e.createElement("svg",{"data-event-category":t,"data-event-action":i,"data-event-label":a,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),Y=l.div`
   --dropdown-padding: 12px 18px 12px 16px;
   position: relative;
   box-sizing: border-box;
@@ -1475,7 +1475,7 @@ import e,{memo as t,useRef as i,useState as a,useEffect as n,useImperativeHandle
       }
     }
   }
-`,ot=({size:t="small",label:i,name:a,checked:n,value:o,className:r,isDisabled:s=!1,onChange:l,hasImage:d,inputType:c,image:p})=>e.createElement(it,{"data-disabled":s,className:r,"data-type":"circle","data-size":t,"data-checked":n,onClick:()=>{l(o)},"data-has-image":d},d&&e.createElement("div",{className:"choice-image-wrapper"},p&&e.createElement("img",{src:p})),e.createElement("label",{onClick:e=>{e.preventDefault()},htmlFor:`${a}-${o}`},i),e.createElement("input",{type:c,checked:n,name:a,id:`${a}-${o}`,value:o,readOnly:!0})),rt=({question:t,description:i,onOptionsChange:o,onTextOptionsChange:r,style:s,className:l})=>{const{type:d,title:c,subtitle:p,image:h,textOptions:u,options:g,name:b,is_multi_select:y}=t,w=!!(null==g?void 0:g.some((e=>e.image))),[k,E]=a([]),[C,$]=a((()=>(null==u?void 0:u.slice())||[]));return n((()=>{o&&o(k.slice())}),[!!o,k]),n((()=>{r&&r(C)}),[!!r,C]),e.createElement(nt,{className:l,style:s},e.createElement("div",{className:"survey-question-text-wrapper"},c&&e.createElement(x,{"data-nosubtitle":!p,className:"survey-question-title",tag:"h4"},c),p&&e.createElement(m,{className:"survey-question-subtitle",size:"p2"},p),i&&e.createElement(m,{className:"survey-question-description",size:"p2"},i)),h&&e.createElement("img",{src:h,className:"survey-question-image"}),e.createElement("div",{className:"survey-question-answer-wrapper"},"radio"===d&&e.createElement("div",{"data-has-image":w,className:"survey-question-options-wrapper"},g.map((t=>{var i;return e.createElement(ot,{inputType:"radio",label:t.label,name:b,key:`${b}-${t.value}`,checked:(null===(i=k[0])||void 0===i?void 0:i.value)===t.value,value:t.value,onChange:e=>{E([g.find((t=>t.value===e))])},className:"survey-question-option-item",image:t.image,hasImage:w})}))),"checkbox"===d&&e.createElement("div",{"data-has-image":w,className:"survey-question-options-wrapper"},g.map((t=>e.createElement(ot,{inputType:"checkbox",label:t.label,name:b,key:`${b}-${t.value}`,checked:!!k.find((e=>e.value===t.value)),value:t.value,onChange:()=>{const e=k.findIndex((e=>e.value===t.value));E(e>=0?t=>(t.splice(e,1),t.slice()):y?e=>e.concat(t).slice():[t])},className:"survey-question-option-item survey-option-radio",image:t.image,hasImage:w})))),"textbox"===d&&C.map(((t,i)=>t.isTextArea?e.createElement(f,{key:i,placeholder:t.placeholder,height:"150px",value:t.value,onChange:e=>$((t=>(t[i].value=e,t.slice())))}):e.createElement(v,{key:i,value:t.value,name:t.name,size:"md",className:"survey-contact-input",label:t.label,placeholder:t.placeholder,onChange:e=>{$((t=>(t[i].value=e,t.slice())))},type:t.type})))))};var st;!function(e){e[e.UNLIMITED=0]="UNLIMITED",e[e.EXACT_NUMBER=1]="EXACT_NUMBER",e[e.RANGE=2]="RANGE"}(st||(st={}));const lt=({className:t,headerText:n,style:o,question:r,termAndPolicyText:s,prevText:l,nextText:d,isContactForm:c,isDisableNext:p,isDisablePrev:h,onPrevClick:g,onNextClick:x,isSubmitButton:f,isButtonCenter:b,progress:y,descriptionText:v})=>{var w,k,E;const[C,$]=a([]),{is_multi_select:D,multi_select_option:S,from:_,to:T}=r,z=null==r?void 0:r.type,I="checkbox"===z&&(null===(w=r.options)||void 0===w?void 0:w.length)&&(!C||0===C.length||D&&S===st.RANGE&&(C.length<_||C.length>T)||D&&S===st.EXACT_NUMBER&&C.length!==_)||"radio"===z&&(null===(k=r.options)||void 0===k?void 0:k.length)&&(!C||0===C.length)||"textbox"===z&&(null===(E=r.textOptions)||void 0===E?void 0:E.length)&&(C.length<r.textOptions.length||C.some((e=>!e.value))),N="number"==typeof y?y>1?1:y<0?0:Number(y.toFixed(2)):-1,A=i(null),P=()=>"textbox"!==z||A.current.reportValidity();return e.createElement(tt,{className:t,style:o},e.createElement("div",{className:"survey-inner-wrapper"},n&&e.createElement("div",{className:"survey-header"},e.createElement(m,{className:"survey-header-text",size:"c2"},n)),e.createElement("form",{ref:A,onSubmit:e=>e.preventDefault()},e.createElement(rt,{question:r,description:v,onOptionsChange:e=>{$(e)},onTextOptionsChange:e=>{$(e)}})),c&&d&&e.createElement(u,{className:"survey-contact-submit",size:"lg",isDisabled:p||I,onClick:()=>P()&&x&&x(C)},d),s&&e.createElement("div",{className:"term-policy-container"},s),"number"==typeof y&&e.createElement("div",{className:"survey-progress-wrapper"},e.createElement("div",{className:"survey-progress",style:{transform:`scaleX(${N})`}})),(l||d)&&e.createElement("div",{"data-center":b,className:"survey-button-wrapper"},l&&e.createElement(u,{className:"survey-prev-button",size:"lg",color:h?"primary":"secondary",isDisabled:h,icon:e.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M2.44677 4.99999L5.31252 2.13424C5.62302 1.82374 5.62302 1.31974 5.31252 1.00924C5.00202 0.698742 4.49802 0.698742 4.18752 1.00924L0.727018 4.46974C0.433768 4.76299 0.433768 5.23774 0.727018 5.53024L4.18752 8.99074C4.49802 9.30124 5.00202 9.30124 5.31252 8.99074C5.62302 8.68024 5.62302 8.17624 5.31252 7.86574L2.44677 4.99999Z",fill:h?"#fff":"#2D87F3"})),onClick:g},l),!c&&d&&e.createElement(u,{onClick:()=>P()&&x&&x(C),className:"survey-next-button",size:"lg",isDisabled:p||I},d," ",f?void 0:e.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M3.80322 5.19994L0.937465 2.33419C0.626965 2.02369 0.626965 1.51969 0.937465 1.20919C1.24796 0.898693 1.75196 0.898693 2.06246 1.20919L5.52297 4.66969C5.81622 4.96294 5.81622 5.43769 5.52297 5.73019L2.06246 9.19069C1.75196 9.50119 1.24796 9.50119 0.937465 9.19069C0.626965 8.88019 0.626965 8.37619 0.937465 8.06569L3.80322 5.19994Z",fill:"#ffffff"}))))))},dt=200,ct=l.div``,pt=l.div`
+`,ot=({size:t="small",label:i,name:a,checked:n,value:o,className:r,isDisabled:s=!1,onChange:l,hasImage:d,inputType:c,image:p})=>e.createElement(it,{"data-disabled":s,className:r,"data-type":"circle","data-size":t,"data-checked":n,onClick:()=>{l(o)},"data-has-image":d},d&&e.createElement("div",{className:"choice-image-wrapper"},p&&e.createElement("img",{src:p})),e.createElement("label",{onClick:e=>{e.preventDefault()},htmlFor:`${a}-${o}`},i),e.createElement("input",{type:c,checked:n,name:a,id:`${a}-${o}`,value:o,readOnly:!0})),rt=({question:t,description:i,onOptionsChange:o,onTextOptionsChange:r,style:s,className:l})=>{const{type:d,title:c,subtitle:p,image:h,textOptions:u,options:g,name:f,is_multi_select:b}=t,w=!!(null==g?void 0:g.some((e=>e.image))),[k,E]=a([]),[C,$]=a((()=>(null==u?void 0:u.slice())||[]));return n((()=>{o&&o(k.slice())}),[!!o,k]),n((()=>{r&&r(C)}),[!!r,C]),e.createElement(nt,{className:l,style:s},e.createElement("div",{className:"survey-question-text-wrapper"},c&&e.createElement(y,{"data-nosubtitle":!p,className:"survey-question-title",tag:"h4"},c),p&&e.createElement(m,{className:"survey-question-subtitle",size:"p2"},p),i&&e.createElement(m,{className:"survey-question-description",size:"p2"},i)),h&&e.createElement("img",{src:h,className:"survey-question-image"}),e.createElement("div",{className:"survey-question-answer-wrapper"},"radio"===d&&e.createElement("div",{"data-has-image":w,className:"survey-question-options-wrapper"},g.map((t=>{var i;return e.createElement(ot,{inputType:"radio",label:t.label,name:f,key:`${f}-${t.value}`,checked:(null===(i=k[0])||void 0===i?void 0:i.value)===t.value,value:t.value,onChange:e=>{E([g.find((t=>t.value===e))])},className:"survey-question-option-item",image:t.image,hasImage:w})}))),"checkbox"===d&&e.createElement("div",{"data-has-image":w,className:"survey-question-options-wrapper"},g.map((t=>e.createElement(ot,{inputType:"checkbox",label:t.label,name:f,key:`${f}-${t.value}`,checked:!!k.find((e=>e.value===t.value)),value:t.value,onChange:()=>{const e=k.findIndex((e=>e.value===t.value));E(e>=0?t=>(t.splice(e,1),t.slice()):b?e=>e.concat(t).slice():[t])},className:"survey-question-option-item survey-option-radio",image:t.image,hasImage:w})))),"textbox"===d&&C.map(((t,i)=>t.isTextArea?e.createElement(x,{key:i,placeholder:t.placeholder,height:"150px",value:t.value,onChange:e=>$((t=>(t[i].value=e,t.slice())))}):e.createElement(v,{key:i,value:t.value,name:t.name,size:"md",className:"survey-contact-input",label:t.label,placeholder:t.placeholder,onChange:e=>{$((t=>(t[i].value=e,t.slice())))},type:t.type})))))};var st;!function(e){e[e.UNLIMITED=0]="UNLIMITED",e[e.EXACT_NUMBER=1]="EXACT_NUMBER",e[e.RANGE=2]="RANGE"}(st||(st={}));const lt=({className:t,headerText:n,style:o,question:r,termAndPolicyText:s,prevText:l,nextText:d,isContactForm:c,isDisableNext:p,isDisablePrev:h,onPrevClick:g,onNextClick:x,isSubmitButton:f,isButtonCenter:b,progress:y,descriptionText:v})=>{var w,k,E;const[C,$]=a([]),{is_multi_select:D,multi_select_option:S,from:_,to:T}=r,z=null==r?void 0:r.type,I="checkbox"===z&&(null===(w=r.options)||void 0===w?void 0:w.length)&&(!C||0===C.length||D&&S===st.RANGE&&(C.length<_||C.length>T)||D&&S===st.EXACT_NUMBER&&C.length!==_)||"radio"===z&&(null===(k=r.options)||void 0===k?void 0:k.length)&&(!C||0===C.length)||"textbox"===z&&(null===(E=r.textOptions)||void 0===E?void 0:E.length)&&(C.length<r.textOptions.length||C.some((e=>!e.value))),N="number"==typeof y?y>1?1:y<0?0:Number(y.toFixed(2)):-1,A=i(null),P=()=>"textbox"!==z||A.current.reportValidity();return e.createElement(tt,{className:t,style:o},e.createElement("div",{className:"survey-inner-wrapper"},n&&e.createElement("div",{className:"survey-header"},e.createElement(m,{className:"survey-header-text",size:"c2"},n)),e.createElement("form",{ref:A,onSubmit:e=>e.preventDefault()},e.createElement(rt,{question:r,description:v,onOptionsChange:e=>{$(e)},onTextOptionsChange:e=>{$(e)}})),c&&d&&e.createElement(u,{className:"survey-contact-submit",size:"lg",isDisabled:p||I,onClick:()=>P()&&x&&x(C)},d),s&&e.createElement("div",{className:"term-policy-container"},s),"number"==typeof y&&e.createElement("div",{className:"survey-progress-wrapper"},e.createElement("div",{className:"survey-progress",style:{transform:`scaleX(${N})`}})),(l||d)&&e.createElement("div",{"data-center":b,className:"survey-button-wrapper"},l&&e.createElement(u,{className:"survey-prev-button",size:"lg",color:h?"primary":"secondary",isDisabled:h,icon:e.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M2.44677 4.99999L5.31252 2.13424C5.62302 1.82374 5.62302 1.31974 5.31252 1.00924C5.00202 0.698742 4.49802 0.698742 4.18752 1.00924L0.727018 4.46974C0.433768 4.76299 0.433768 5.23774 0.727018 5.53024L4.18752 8.99074C4.49802 9.30124 5.00202 9.30124 5.31252 8.99074C5.62302 8.68024 5.62302 8.17624 5.31252 7.86574L2.44677 4.99999Z",fill:h?"#fff":"#2D87F3"})),onClick:g},l),!c&&d&&e.createElement(u,{onClick:()=>P()&&x&&x(C),className:"survey-next-button",size:"lg",isDisabled:p||I},d," ",f?void 0:e.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M3.80322 5.19994L0.937465 2.33419C0.626965 2.02369 0.626965 1.51969 0.937465 1.20919C1.24796 0.898693 1.75196 0.898693 2.06246 1.20919L5.52297 4.66969C5.81622 4.96294 5.81622 5.43769 5.52297 5.73019L2.06246 9.19069C1.75196 9.50119 1.24796 9.50119 0.937465 9.19069C0.626965 8.88019 0.626965 8.37619 0.937465 8.06569L3.80322 5.19994Z",fill:"#ffffff"}))))))},dt=200,ct=l.div``,pt=l.div`
   width: 100vw;
   height: 100vh;
   position: fixed;
@@ -2039,7 +2039,7 @@ import e,{memo as t,useRef as i,useState as a,useEffect as n,useImperativeHandle
       height: 14px;
     }
   }
-`,pa="hhgcomp-toolbanner-iconcontainer",ha=b(l.div`
+`,pa="hhgcomp-toolbanner-iconcontainer",ha=f(l.div`
   position: absolute;
   z-index: 0;
   right: 0;
@@ -2068,9 +2068,9 @@ import e,{memo as t,useRef as i,useState as a,useEffect as n,useImperativeHandle
       max-width: calc(100% - 120px);
     }
   }
-`,ua="hhgcomp-toolbanner-inner",ga=b(l.div`
+`,ua="hhgcomp-toolbanner-inner",ga=f(l.div`
   position: relative;
-`,ua),xa="hhgcomp-toolbanner-wrapper",fa=b(l.div`
+`,ua),xa="hhgcomp-toolbanner-wrapper",fa=f(l.div`
   position: relative;
   width: 100%;
   height: 100%;
@@ -2184,7 +2184,7 @@ import e,{memo as t,useRef as i,useState as a,useEffect as n,useImperativeHandle
       height: 14px;
     }
   }
-`,Ea=({className:t,heading:i,isMobile:a,bannerUrl:n,bannerUrlLarge:o,bannerColor:r,medicalReview:s,icon:l,isSide:d,style:c,siteType:p,isEmbeded:h})=>{const m=a?"h5":"h4",u=a?n:o||n;return e.createElement(ba,{"data-is-mobile":a,style:c,"data-site":p},e.createElement(fa,{className:t,"data-banner-url":u,"data-is-mobile":a,"data-site":p,"data-banner-color":r,"data-is-embedded":h},e.createElement(L,{className:"container"},"marryBaby"===p&&h?e.createElement(ya,null,e.createElement(va,null,l),e.createElement(wa,null,e.createElement(x,{color:E.colors.white,tag:"h5",as:"h2"},i),s&&e.createElement(ka,{"data-is-mobile":a},s))):e.createElement(ga,null,e.createElement(ma,{"data-is-side":d},e.createElement(da,{"data-is-mobile":a},e.createElement(x,{color:E.colors.white,tag:m,as:"h2"},i)),s&&e.createElement(ca,{"data-is-mobile":a},s)),e.createElement(ha,null,l)))))},Ca=l(ee)`
+`,Ea=({className:t,heading:i,isMobile:a,bannerUrl:n,bannerUrlLarge:o,bannerColor:r,medicalReview:s,icon:l,isSide:d,style:c,siteType:p,isEmbeded:h})=>{const m=a?"h5":"h4",u=a?n:o||n;return e.createElement(ba,{"data-is-mobile":a,style:c,"data-site":p},e.createElement(fa,{className:t,"data-banner-url":u,"data-is-mobile":a,"data-site":p,"data-banner-color":r,"data-is-embedded":h},e.createElement(L,{className:"container"},"marryBaby"===p&&h?e.createElement(ya,null,e.createElement(va,null,l),e.createElement(wa,null,e.createElement(y,{color:E.colors.white,tag:"h5",as:"h2"},i),s&&e.createElement(ka,{"data-is-mobile":a},s))):e.createElement(ga,null,e.createElement(ma,{"data-is-side":d},e.createElement(da,{"data-is-mobile":a},e.createElement(y,{color:E.colors.white,tag:m,as:"h2"},i)),s&&e.createElement(ca,{"data-is-mobile":a},s)),e.createElement(ha,null,l)))))},Ca=l(ee)`
   border-color: ${e=>e.theme.mbColors.lightGray};
   background-color: ${e=>e.theme.colors.white};
   border-radius: 16px;
@@ -2511,7 +2511,7 @@ import e,{memo as t,useRef as i,useState as a,useEffect as n,useImperativeHandle
     padding-top: 8px;
     padding-bottom: 16px;
   }
-`;l(y)`
+`;l(b)`
   & input {
     border-color: ${e=>e.theme.mbColors.lightGray};
     background-color: ${e=>e.theme.colors.white};
@@ -2679,7 +2679,7 @@ import e,{memo as t,useRef as i,useState as a,useEffect as n,useImperativeHandle
   }
 `)`
   margin-right: 4px;
-`,function(e){e[e.lastPeriod=0]="lastPeriod",e[e.conception=1]="conception",e[e.IVF=2]="IVF"}(Oa||(Oa={}));const La="yyyy-MM-dd",Ma=(e,t)=>{const i=t-21+272,a=new Date(e);return a.setDate(a.getDate()+i),{startDate:e,dueDate:a,otherInfo:{method:Oa.lastPeriod+1,first_day:M(e,La),cycle_length_days:t,conception_date:null,ivf_transfer_date:null,days_transfer:null}}},Fa=e=>{const t=new Date(e);return t.setDate(t.getDate()+265),{startDate:e,dueDate:t,otherInfo:{method:Oa.conception+1,conception_date:M(e,La),first_day:null,cycle_length_days:null,ivf_transfer_date:null,days_transfer:null}}},Ua=(e,t)=>{const i=new Date(e);return i.setDate(i.getDate()+265-t),{startDate:e,dueDate:i,otherInfo:{method:Oa.IVF+1,ivf_transfer_date:M(e,La),days_transfer:t,conception_date:null,first_day:null,cycle_length_days:null}}},Ra=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,qa="hhgcomp-embedtoolcard-content",Ha=b(l.form`
+`,function(e){e[e.lastPeriod=0]="lastPeriod",e[e.conception=1]="conception",e[e.IVF=2]="IVF"}(Oa||(Oa={}));const La="yyyy-MM-dd",Ma=(e,t)=>{const i=t-21+272,a=new Date(e);return a.setDate(a.getDate()+i),{startDate:e,dueDate:a,otherInfo:{method:Oa.lastPeriod+1,first_day:M(e,La),cycle_length_days:t,conception_date:null,ivf_transfer_date:null,days_transfer:null}}},Fa=e=>{const t=new Date(e);return t.setDate(t.getDate()+265),{startDate:e,dueDate:t,otherInfo:{method:Oa.conception+1,conception_date:M(e,La),first_day:null,cycle_length_days:null,ivf_transfer_date:null,days_transfer:null}}},Ua=(e,t)=>{const i=new Date(e);return i.setDate(i.getDate()+265-t),{startDate:e,dueDate:i,otherInfo:{method:Oa.IVF+1,ivf_transfer_date:M(e,La),days_transfer:t,conception_date:null,first_day:null,cycle_length_days:null}}},Ra=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,qa="hhgcomp-embedtoolcard-content",Ha=f(l.form`
   margin: auto;
   ${p.mbUp} {
     width: 100%;
@@ -2931,7 +2931,7 @@ import e,{memo as t,useRef as i,useState as a,useEffect as n,useImperativeHandle
     max-width: 200px;
     margin: 24px auto;
   }
-`,Ya=l(y)`
+`,Ya=l(b)`
   &.bmi--input {
     + .bmi--input {
       margin-top: 24px;
@@ -3185,7 +3185,7 @@ import e,{memo as t,useRef as i,useState as a,useEffect as n,useImperativeHandle
   width: 24px;
   height: 24px;
   flex-shrink: 0;
-`,nn=l(y)`
+`,nn=l(b)`
   input[data-icon='true'] {
     padding-right: 36px;
     padding-left: 48px;
@@ -3603,7 +3603,7 @@ import e,{memo as t,useRef as i,useState as a,useEffect as n,useImperativeHandle
       margin-bottom: 9px;
     }
   }
-`;const kn=l(y)`
+`;const kn=l(b)`
   &.bmi--input {
     + .bmi--input {
       margin-top: 24px;
@@ -3717,7 +3717,7 @@ import e,{memo as t,useRef as i,useState as a,useEffect as n,useImperativeHandle
     max-width: 200px;
     margin: 24px auto;
   }
-`,Sn=l(y)`
+`,Sn=l(b)`
   &.bmi--input {
     + .bmi--input {
       margin-top: 24px;