@hhgtech/hhg-components 1.24.20 → 1.24.22

package/build/esm/{index.styled-23956c9f.js → index.styled-87dfb77d.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-095abcea.js";import{L as h}from"./index-8b0a5077.js";import{T as m}from"./index-9e7b7ac2.js";import{B as u}from"./index-700e710c.js";import{A as g,H as x,T as f,B as b,P as y}from"./index.styled-5f91b6a7.js";import{I as v}from"./index-33c69c18.js";import{_ as w}from"./tslib.es6-29604e86.js";import k from"dayjs";import"./screenSizeContext-b2458972.js";import{t as E}from"./theme-8eeec0f6.js";import"./index-291c1b6b.js";import"./isProduction-fae24f0d.js";import{G as C}from"./Locale-79fc91cd.js";import"./gAssets.js";import{c as $,a as D}from"./index-a5b5f7c6.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-5a2fd2ee.js";import{u as P}from"./useTranslations-68bb344a.js";import{ar as B,b as j}from"./index.styled-5975614c.js";import{L as O}from"./index.styled-c9eb0225.js";import{C as L}from"./index-e8374844.js";import{format as M,addDays as F}from"date-fns";import"@mantine/core";import{M as U}from"./index-ad87b858.js";import"./index-de6beffa.js";import{S as R}from"./index-3e657741.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-9ef41591.js";import{L as h}from"./index-6cf76009.js";import{T as m}from"./index-e6b80e2d.js";import{B as u}from"./index-977237f7.js";import{A as g,T as x,B as f,P as b}from"./index.styled-dba64061.js";import{H as y}from"./index-d7138419.js";import{I as v}from"./index-008e92a3.js";import{_ as w}from"./tslib.es6-f9bbd890.js";import k from"dayjs";import"./screenSizeContext-a877eec8.js";import{t as E}from"./theme-6a93b566.js";import"./index-6d1a95af.js";import"./isProduction-990cd44c.js";import{G as C}from"./Onboarding-e9e6a0b3.js";import"./gAssets.js";import{c as $,a as D}from"./index-8392374e.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-5e901368.js";import{u as P}from"./useTranslations-547b947e.js";import{ar as B,b as j}from"./index.styled-727e93fd.js";import{L as O}from"./index.styled-f782b04a.js";import{C as L}from"./index-d6ea8731.js";import{format as M,addDays as F}from"date-fns";import"@mantine/core";import{M as U}from"./index-7e6ee7bb.js";import"./index-0e23add6.js";import{S as R}from"./index-3a592570.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;

package/build/esm/{index.styled-68102c0f.js → index.styled-99a22203.js}

@@ -1,4 +1,4 @@
-import{_ as e}from"./tslib.es6-29604e86.js";import t,{useMemo as o}from"react";import{L as i}from"./Locale-79fc91cd.js";import{CommonGAssets as n}from"./gAssets.js";import{t as a}from"./theme-8eeec0f6.js";import{T as r}from"./index-9e7b7ac2.js";import l from"styled-components";import{C as s}from"./index-e009fe25.js";const c=l.div`
+import{_ as e}from"./tslib.es6-f9bbd890.js";import t,{useMemo as o}from"react";import{L as n}from"./Onboarding-e9e6a0b3.js";import{CommonGAssets as i}from"./gAssets.js";import{t as a}from"./theme-6a93b566.js";import{T as r}from"./index-e6b80e2d.js";import l from"styled-components";import{C as s}from"./index-0e0de01d.js";const c=l.div`
   display: inline-flex;
   overflow: hidden;
   width: ${e=>e.size}px;
@@ -36,10 +36,10 @@ import{_ as e}from"./tslib.es6-29604e86.js";import t,{useMemo as o}from"react";i
   & > * {
     pointer-events: none;
   }
-`,p=[i.Myanmar,i.Taiwan],m=l((i=>{var{icon:l,name:s,className:m,locale:g="en-PH",dataEventCategory:b,dataEventAction:x,dataEventLabel:h,onSelect:f}=i,v=e(i,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const u=o((()=>null==m?void 0:m.includes("selected-week-pill")),[m]);return t.createElement(d,Object.assign({onClick:f,className:m?"week-pill".concat(" non-pointer-event-child ",m):"week-pill non-pointer-event-child","data-event-category":b,"data-event-action":x,"data-event-label":h},v),t.createElement(c,{size:64,iconSize:40,backgroundColor:a.colors.white},t.createElement("img",{src:l||n.getAssetPath("week_default.png"),alt:""})),u?t.createElement(r,Object.assign({type:"semiBold",size:"n1",color:a.colors.gray800},p.includes(g)&&{style:{fontSize:"10px"}}),s):t.createElement(r,Object.assign({size:"n1",color:a.colors.gray600},p.includes(g)&&{style:{fontSize:"10px"}}),s))}))`
+`,p=[n.Myanmar,n.Taiwan],m=l((n=>{var{icon:l,name:s,className:m,locale:b="en-PH",dataEventCategory:g,dataEventAction:x,dataEventLabel:h,onSelect:v}=n,f=e(n,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const u=o((()=>null==m?void 0:m.includes("selected-week-pill")),[m]);return t.createElement(d,Object.assign({onClick:v,className:m?"week-pill".concat(" non-pointer-event-child ",m):"week-pill non-pointer-event-child","data-event-category":g,"data-event-action":x,"data-event-label":h},f),t.createElement(c,{size:64,iconSize:40,backgroundColor:a.colors.white},t.createElement("img",{src:l||i.getAssetPath("week_default.png"),alt:""})),u?t.createElement(r,Object.assign({type:"semiBold",size:"n1",color:a.colors.gray800},p.includes(b)&&{style:{fontSize:"10px"}}),s):t.createElement(r,Object.assign({size:"n1",color:a.colors.gray600},p.includes(b)&&{style:{fontSize:"10px"}}),s))}))`
   box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
-`,g=l(s.Slide)``,b=l(s)`
+`,b=l(s.Slide)``,g=l(s)`
   .centerred-pill-wrapper {
     padding: 16px 0;
   }
-`;export{b as S,g as a,m as b};
+`;export{g as S,b as a,m as b};

package/build/esm/{index.styled-b79106ee.js → index.styled-9b7d8209.js}

@@ -1,4 +1,4 @@
-import{Modal as t}from"@mantine/core";import{t as e}from"./theme-8eeec0f6.js";import o from"styled-components";const i=o(t)`
+import{Modal as t}from"@mantine/core";import{t as e}from"./theme-6a93b566.js";import o from"styled-components";const i=o(t)`
   .mantine-Modal-modal {
     padding: 0;
   }