@hhgtech/hhg-components 1.24.21 → 1.24.22

package/build/esm/index.styled-56e2987b.js

@@ -0,0 +1,166 @@
+import{_ as e,a as t}from"./tslib.es6-f9bbd890.js";import r,{createContext as n,useContext as o}from"react";import{createFormContext as a,yupResolver as i}from"@mantine/form";import"./index.styled-dba64061.js";import{B as s}from"./index-977237f7.js";import"./gAssets.js";import"./index.styled-f782b04a.js";import{c as l}from"./index-d6ea8731.js";import{M as p}from"./utils-9ef41591.js";import{t as d}from"./theme-6a93b566.js";import{Container as m,Title as c,Input as g}from"@mantine/core";import"./index.styled-27074988.js";import{u}from"./useTranslations-547b947e.js";import"./index-0e23add6.js";import"lodash/debounce";import"./isProduction-990cd44c.js";import{L as b}from"./index-6d1a95af.js";import{L as h}from"./Onboarding-e9e6a0b3.js";import{T as x,P as f,D as w,R as E,O as y}from"./index-34ef74f7.js";import"dayjs";import"./screenSizeContext-a877eec8.js";import P from"styled-components";import"./index.styled-9b7d8209.js";import{I as j}from"./index-8392374e.js";import"./index-0e0de01d.js";import"@mantine/hooks";import{V as v}from"./Visible-656cb3fc.js";import*as M from"yup";import"./translationsContext-96871a10.js";import"string-format";const I=n({}),[O,T,N]=a(),k=P.div`
+  margin-top: 70px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,z=P(m)`
+  &.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;
+    ${p.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%;
+  }
+`,C=P.img`
+  margin-bottom: 38px;
+`,B=t=>{var n,{heading:a,description:i,children:s,className:p,imgSrc:m}=t,g=e(t,["heading","description","children","className","imgSrc"]);const{isMarryBaby:u,siteType:h}=o(I);return r.createElement(z,Object.assign({},g,{className:`hhg-comp-onboarding-container ${p}`,size:"sm"}),r.createElement(l,{type:u?h:(null===(n=b[process.env.UNIFY_LOCALE])||void 0===n?void 0:n.LOGO_TYPE)||"hellobacsi"}),r.createElement(k,null,m&&r.createElement(C,{src:m,loading:"lazy"}),r.createElement("div",{className:"header"},r.createElement(c,{order:3},a),r.createElement(x,{size:"p3",mt:8,color:d.colors.gray600},i)),s))},D=P.div`
+  .phone-input {
+    width: 100%;
+    margin-bottom: 32px;
+    ${p.mbDown} {
+      margin-bottom: 16px;
+    }
+    .PhoneInput {
+      margin-bottom: 16px;
+    }
+    .PhoneInputCountry {
+      border-radius: 4px 0 0 4px;
+    }
+    .PhoneInputInput {
+      border-radius: 0 4px 4px 0;
+    }
+  }
+`,S={[h.Vietnam]:"VN",[h.Cambodia]:"KH",[h.Indonesia]:"ID",[h.Malaysia]:"MY",[h.PhilippinesEnglish]:"PH",[h.PhilippinesTagalog]:"PH",[h.Taiwan]:"TW",[h.Thailand]:"TH",[h.Myanmar]:"MM"},$=({inputOrder:e=["phone"]})=>{const{t:t}=u(),n=T(),o=r.createElement("div",{className:"phone-input"},r.createElement(f,Object.assign({defaultCountry:S[process.env.UNIFY_LOCALE]||"VN"},n.getInputProps("phone"))),r.createElement(g.Error,null,n.errors.phone)),a=r.createElement(j,Object.assign({label:r.createElement(x,{size:"s4",weight:"semiBold"},t("onboarding.formEmail.yourName")),withAsterisk:!0},n.getInputProps("name"))),i=r.createElement(j,Object.assign({label:r.createElement(x,{size:"s4",weight:"semiBold",span:!0},t("onboarding.formEmail.yourEmail")),withAsterisk:!0},n.getInputProps("email"))),s=r.createElement(w,Object.assign({label:r.createElement(x,{size:"s4",weight:"semiBold",span:!0},t("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},n.getInputProps("dob"))),l=r.createElement(E.Group,Object.assign({className:"radio-group",label:r.createElement(x,{size:"s4",weight:"semiBold",span:!0},t("bmi.selectGender"))},n.getInputProps("gender")),r.createElement(E,{value:"0",label:t("onboarding.formEmail.genderMale")}),r.createElement(E,{value:"1",label:t("onboarding.formEmail.genderFemale")})),p=r.createElement("div",{className:"otp-input"},r.createElement(y,Object.assign({enterKeyHint:void 0,nonce:void 0},n.getInputProps("otp"))),r.createElement(g.Error,null,n.errors.otp)),d=r.createElement(j.Password,Object.assign({label:r.createElement(x,{size:"s4",weight:"semiBold",span:!0},t("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:r.createElement(v,null)},n.getInputProps("password"))),m=r.createElement(j.Password,Object.assign({label:r.createElement(x,{size:"s4",weight:"semiBold",span:!0},t("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:r.createElement(v,null)},n.getInputProps("confirmPassword"))),c=e.map((e=>{switch(e){case"phone":return o;case"full_name":return a;case"email":return i;case"dob":return s;case"gender":return l;case"otp":return p;case"password":return d;case"confirm_password":return m;default:return null}}));return r.createElement(D,null,c)},q=e=>M.object().shape({phone:M.string().required(e("onboarding.updatePhone.error")).default("")}),H=e=>M.object().shape({otp:M.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),V=e=>M.object().shape({email:M.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:M.string().required(e("onboarding.errorMessage.requiredName"))}),Y=e=>M.object().shape({password:M.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:M.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([M.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),A=P(B)`
+  .phone-input {
+    width: 100%;
+    margin-bottom: 32px;
+    ${p.mbDown} {
+      margin-bottom: 16px;
+    }
+    .PhoneInput {
+      margin-bottom: 16px;
+    }
+    .PhoneInputCountry {
+      border-radius: 4px 0 0 4px;
+    }
+    .PhoneInputInput {
+      border-radius: 0 4px 4px 0;
+    }
+  }
+`,L={[h.Vietnam]:"VN",[h.Cambodia]:"KH",[h.Indonesia]:"ID",[h.Malaysia]:"MY",[h.PhilippinesEnglish]:"PH",[h.PhilippinesTagalog]:"PH",[h.Taiwan]:"TW",[h.Thailand]:"TH",[h.Myanmar]:"MM"},F=({onClose:e,onSubmit:n,canSkip:o=!0,customFormTexts:a})=>{const{t:l}=u(),p=N({initialValues:{phone:""},validate:i(q(l))});return r.createElement(A,{heading:(null==a?void 0:a.heading)||l("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||l("onboarding.updatePhone.description")},r.createElement(O,{form:p},r.createElement("form",{onSubmit:p.onSubmit((e=>t(void 0,void 0,void 0,(function*(){n(e.phone)}))),(e=>{console.log(e)}))},r.createElement($,{inputOrder:["phone"]}),r.createElement(s,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},l("onboarding.button.continue")),o&&r.createElement(s,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},l("onboarding.button.skip")))))};h.Vietnam,h.Cambodia,h.Indonesia,h.Malaysia,h.PhilippinesEnglish,h.PhilippinesTagalog,h.Taiwan,h.Thailand,h.Myanmar;const U=(e="")=>{const t=e.indexOf("@"),r=e.substring(0,t),n=r.length>3?3:r.length;return e.replace(e.substring(n,t),e.slice(n,t).replace(/./g,"x"))},_=P(B)`
+  .otp-input {
+    margin-bottom: 36px;
+    ${p.mbDown} {
+      margin-bottom: 20px;
+    }
+    .otpContainer {
+      margin-bottom: 16px;
+    }
+  }
+  .resend {
+    display: flex;
+    gap: 6px;
+    margin-bottom: 32px;
+    ${p.mbDown} {
+      margin-bottom: 16px;
+    }
+    a {
+      text-decoration: underline;
+      cursor: pointer;
+    }
+  }
+  .phone-description {
+    margin-left: 2px;
+    margin-top: 2px;
+  }
+  .otp-description-edit-icon {
+    cursor: pointer;
+    vertical-align: bottom;
+    /* height: 100%; */
+    margin-bottom: 3px;
+    margin-left: 3px;
+  }
+`,G=P.div`
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  background: white;
+  overflow-y: auto;
+`,K=P.div`
+  height: 100%;
+  ${p.lgPcUp} {
+    display: table;
+    width: 100%;
+    height: calc(100% - 25px);
+  }
+`,W=P.div`
+  padding: 48px 24px 24px;
+
+  ${p.lgPcUp} {
+    display: table-cell;
+
+    &[data-has-banner='true'] {
+      width: calc(100% - 640px);
+    }
+  }
+`,R=P.div`
+  width: 640px;
+  padding: 16px 16px 0 16px;
+  display: none;
+
+  ${p.lgPcUp} {
+    width: 640px;
+    display: table-cell;
+  }
+`,Z=P.div`
+  background-color: ${d.colors.primary50};
+  border-radius: 12px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+
+  &[data-is-marry-baby='true'] {
+    background-color: ${d.mbColors.tonePink};
+  }
+`,J=P.div`
+  margin-top: 40px;
+  padding: 24px 40px;
+`,Q=P.img`
+  width: 100%;
+  display: block;
+`;export{$ as D,O as F,L as M,I as O,_ as S,V as a,B as b,Y as c,G as d,K as e,W as f,F as g,U as h,R as i,Z as j,J as k,Q as l,H as o,N as u};

package/build/esm/{index.styled-981e6c04.js → index.styled-727e93fd.js}

@@ -1,4 +1,4 @@
-import{M as e}from"./utils-049d75fa.js";import t from"styled-components";import{t as i}from"./theme-6dca57c7.js";import{B as o}from"./index.styled-38864315.js";import a,{useMemo as r,createContext as n,useState as l,useEffect as s,memo as p,useContext as d}from"react";import{u as c}from"./useTranslations-86f7e107.js";import{CommonGAssets as m}from"./gAssets.js";import{a as g,_ as h}from"./tslib.es6-f1b9d31e.js";import{C as u,a as b,T as x,d as f}from"./index-c9290e7f.js";import{g as y}from"./cookieHelper-b88c2be8.js";import v from"slugify";import _ from"string-format";import{g as w,a as E,b as T,c as O}from"./routing-6d3d5706.js";import A from"dayjs";import I from"dayjs/plugin/relativeTime";const L=t.div`
+import{M as e}from"./utils-9ef41591.js";import t from"styled-components";import{t as i}from"./theme-6a93b566.js";import{B as o}from"./index.styled-dba64061.js";import a,{useMemo as r,createContext as n,useState as l,useEffect as s,memo as p,useContext as d}from"react";import{u as c}from"./useTranslations-547b947e.js";import{CommonGAssets as m}from"./gAssets.js";import{a as g,_ as h}from"./tslib.es6-f9bbd890.js";import{C as u,a as b,T as x,d as f}from"./index-6d1a95af.js";import{g as y}from"./cookieHelper-d11ecd73.js";import v from"slugify";import _ from"string-format";import{g as w,a as E,b as T,c as O}from"./routing-b727d490.js";import A from"dayjs";import I from"dayjs/plugin/relativeTime";const L=t.div`
   position: fixed;
   left: 50%;
 

package/build/esm/{index.styled-89252990.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-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-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-8aca10eb.js → index.styled-99a22203.js}

@@ -1,4 +1,4 @@
-import{_ as e}from"./tslib.es6-f1b9d31e.js";import t,{useMemo as o}from"react";import{L as i}from"./Locale-2a1e1450.js";import{CommonGAssets as n}from"./gAssets.js";import{t as a}from"./theme-6dca57c7.js";import{T as r}from"./index-6b049c9f.js";import l from"styled-components";import{C as s}from"./index-43d2bffe.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-f1b9d31e.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-243d7f64.js → index.styled-9b7d8209.js}

@@ -1,4 +1,4 @@
-import{Modal as t}from"@mantine/core";import{t as e}from"./theme-6dca57c7.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;
   }