@hhgtech/hhg-components 1.26.32 → 1.26.33

package/build/index-dfb7b798.js

@@ -1,151 +0,0 @@
-"use strict";var e=require("react"),t=require("@mantine/core"),r=require("./gAssets.js"),a=require("@mantine/dates"),n=require("styled-components"),l=require("./tslib.es6-ff6d8bab.js"),o=require("./utils-a25ea61c.js"),i=require("@mantine/carousel"),s=require("./index-d3826236.js"),c=require("./Onboarding-5e427213.js"),d=require("dayjs");require("./screenSizeContext-2a70b050.js");var m=require("./theme-3d7b7e57.js");require("./isProduction-5377bba0.js");var h=require("@mantine/hooks");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var f=p(e),g=u(e),v=p(n),b=p(d);const E=v.default(a.DatePicker)`
-  position: relative;
-  ${e=>e.fullWidth&&n.css`
-      .mantine-DatePicker-dropdown {
-        min-width: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
-    `}
-`,x=v.default(a.DateRangePicker)`
-  position: relative;
-  ${e=>e.fullWidth&&n.css`
-      .mantine-DateRangePicker-dropdown {
-        min-width: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
-    `}
-`,z=e=>f.default.createElement(E,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:f.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath(e.isMB?"MB-calendar.svg":"OutlineCalendar.svg"),width:16,height:16})},e,{className:`input-control ${(null==e?void 0:e.className)||""}`}));z.Range=e=>f.default.createElement(x,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:f.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},e));const C=()=>"undefined"!=typeof window&&window.innerWidth<o.Breakpoints.BREAK_POINT_MOBILE,w=()=>"undefined"!=typeof window&&window.innerWidth>=o.Breakpoints.BREAK_POINT_MOBILE&&window.innerWidth<o.Breakpoints.BREAK_POINT_PC,y=()=>{const[t,r]=e.useState(C()),[a,n]=e.useState(w());return e.useEffect((()=>{const e=()=>{r(C()),n(w())};return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]),{isMobile:t,isLargeMobile:a}};class M extends e.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e,t){console.error("Uncaught error:",e,t)}render(){return this.state.hasError?this.props.fallback||f.default.createElement(f.default.Fragment,null):this.props.children}}const j=e=>{var{slidesToShow:t=1,children:r}=e,a=l.__rest(e,["slidesToShow","children"]);return(Array.isArray(r)?r.length:1)?f.default.createElement(M,null,f.default.createElement(i.Carousel,Object.assign({slideSize:String(Math.floor(1/t*100))+"%",containScroll:"trimSnaps"},a),r)):null};j.Slide=i.Carousel.Slide;const O=v.default(j)`
-  cursor: grab;
-  width: 100%;
-  .mantine-Carousel-control {
-    background: rgb(255, 255, 255);
-    opacity: 1;
-    border: none;
-    border-radius: 0;
-    box-shadow: none;
-    &[data-inactive] {
-      opacity: 0;
-      cursor: default;
-    }
-    &:first-child {
-      padding-right: 24px;
-      background: linear-gradient(
-        90deg,
-        rgba(255, 255, 255, 1) 0%,
-        rgba(255, 255, 255, 1) 50%,
-        rgba(255, 255, 255, 0) 100%
-      );
-    }
-    &:last-child {
-      padding-left: 24px;
-      background: linear-gradient(
-        270deg,
-        rgba(255, 255, 255, 1) 0%,
-        rgba(255, 255, 255, 1) 50%,
-        rgba(255, 255, 255, 0) 100%
-      );
-    }
-  }
-
-  .mantine-Carousel-container {
-    align-items: center;
-  }
-`,k=Object.assign({},{fontSize:{base:[16,16],lg:[18,16],md:[18,16],sm:[16,14],xs:[14,12],s1:[22,18],s2:[18,16],s3:[16,14],s4:[14,12],s5:[12,12],p1:[18,16],p2:[16,16],p3:[16,14],p4:[14,12],c1:[16,14],c2:[14,12],n1:[12,12],label1:[14,14],label2:[12,12]},lineHeight:{base:[24,24],lg:[32,28],md:[32,28],sm:[24,22],xs:[24,18],s1:[32,26],s2:[28,24],s3:[24,24],s4:[22,18],s5:[18,18],p1:[28,28],p2:[24,24],p3:[24,22],p4:[22,18],c1:[24,22],c2:[22,18],n1:[18,18],label1:[22,22],label2:[18,18]},letterSpacing:{lg:[-.2,0],md:[-.2,0],sm:[0,-.2],s1:[-.6,-.6],s2:[-.4,-.2],s3:[0,-.2],s4:[0,-.2],p1:[-.2,-.2],p2:[0,-.2],p3:[0,-.2],p4:[-.2,0],label1:[0,-.2]},fontWeight:{regular:400,semiBold:600,bold:700}});var H=t.createStyles(((e,t)=>{var r,a,n,l,o,i,s,c,d,m;const h=Object.assign({},k),p=null===(r=h.fontSize[null==t?void 0:t.size])||void 0===r?void 0:r[0],u=null===(a=h.lineHeight[null==t?void 0:t.size])||void 0===a?void 0:a[0],f=null!==(o=null===(l=null===(n=h.letterSpacing)||void 0===n?void 0:n[null==t?void 0:t.size])||void 0===l?void 0:l[0])&&void 0!==o?o:0,g=null===(i=h.fontSize[null==t?void 0:t.size])||void 0===i?void 0:i[1],v=null===(s=h.lineHeight[null==t?void 0:t.size])||void 0===s?void 0:s[1],b=null!==(m=null===(d=null===(c=h.letterSpacing)||void 0===c?void 0:c[null==t?void 0:t.size])||void 0===d?void 0:d[1])&&void 0!==m?m:0;return{root:Object.assign(Object.assign({},(null==t?void 0:t.size)&&{fontWeight:h.fontWeight[t.weight],fontSize:`${p}px`,lineHeight:`${u}px`,letterSpacing:f,[e.fn.smallerThan("sm")]:{fontSize:`${g}px`,lineHeight:`${v}px`,letterSpacing:b}}),{"&[data-event-category] > *":{pointerEvents:"none"}})}}));const L=e=>{var r,{size:a,color:n,weight:o="regular",as:i="p",styles:s,className:c,dataEventCategory:d,dataEventAction:m,dataEventLabel:h}=e,p=l.__rest(e,["size","color","weight","as","styles","className","dataEventCategory","dataEventAction","dataEventLabel"]);const{theme:u,classes:g,cx:v}=H({size:a,weight:o},{name:"Text",styles:s});return f.default.createElement(t.Text,Object.assign({className:v(g.root,c),color:n||("mb"===(null===(r=null==u?void 0:u.other)||void 0===r?void 0:r.template)?u.colors.delftGray[7]:u.colors.gray[7]),component:i,"data-event-category":d,"data-event-action":m,"data-event-label":h},p))};var A=t.createStyles(((e,t)=>({root:{color:t.color||("hb"===e.primaryColor?e.colors.hb[6]:e.fn.primaryColor()),"&[data-event-category] > *":{pointerEvents:"none"}}})));const S=e=>{var{color:t,styles:r,className:a}=e,n=l.__rest(e,["color","styles","className"]);const{classes:o,cx:i}=A({color:t},{name:"Anchor",styles:r});return f.default.createElement(L,Object.assign({as:"a",className:i(o.root,a)},n))},B=e=>{var{children:t}=e,r=l.__rest(e,["children"]);return f.default.createElement(S,Object.assign({size:"p4",color:"gray.8"},r),t)},I=e=>f.default.createElement(t.AspectRatio,Object.assign({sx:{borderRadius:4,overflow:"hidden","> img":{objectFit:"contain"}}},e)),P={[c.LOCALE.Vietnam]:"vi",[c.LOCALE.Cambodia]:"km",[c.LOCALE.India]:"hi",[c.LOCALE.Indonesia]:"id",[c.LOCALE.Malaysia]:"ms",[c.LOCALE.Thailand]:"th",[c.LOCALE.Taiwan]:"zh-tw",[c.LOCALE.PhilippinesTagalog]:"tl-ph",[c.LOCALE.PhilippinesEnglish]:"en",[c.LOCALE.Myanmar]:"my"},_={[c.LOCALE.Vietnam]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/vi.js"))})),[c.LOCALE.Cambodia]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/km.js"))})),[c.LOCALE.India]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/hi.js"))})),[c.LOCALE.Indonesia]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/id.js"))})),[c.LOCALE.Malaysia]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/ms.js"))})),[c.LOCALE.Thailand]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/th.js"))})),[c.LOCALE.Taiwan]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/zh-tw.js"))})),[c.LOCALE.PhilippinesTagalog]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/tl-ph.js"))})),[c.LOCALE.PhilippinesEnglish]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/en.js"))})),[c.LOCALE.Myanmar]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/my.js"))}))},T={Button:{defaultProps:{size:"md"}}},D="100ms",N={"&:hover":{border:`1px solid ${m.theme.colors.primaryBase}`}},$={Checkbox:{styles:{input:N}}},R=[{size:"40px",lineHeight:"52px",letterSpacing:"-1.2px"},{size:"32px",lineHeight:"42px",letterSpacing:"-1px"},{size:"26px",lineHeight:"36px",letterSpacing:"-0.8px"},{size:"22px",lineHeight:"32px",letterSpacing:"-0.6px"},{size:"18px",lineHeight:"28px",letterSpacing:"-0.2px"},{size:"16px",lineHeight:"24px",letterSpacing:0}],F=[{size:"26px",lineHeight:"34px",letterSpacing:"-0.9px"},{size:"24px",lineHeight:"32px",letterSpacing:"-0.8px"},{size:"20px",lineHeight:"26px",letterSpacing:"-0.7px"},{size:"18px",lineHeight:"26px",letterSpacing:"-0.6px"},{size:"16px",lineHeight:"24px",letterSpacing:"-0.2px"},{size:"14px",lineHeight:"22px",letterSpacing:"-0.2px"}],W=(e=!1)=>Object.fromEntries((e?F:R).map(((e,t)=>[`h${t+1}`,{fontSize:e.size,lineHeight:e.lineHeight,letterSpacing:e.letterSpacing}]))),q={Title:{styles:{root:Object.assign(Object.assign({fontWeight:k.fontWeight.bold},W()),{[`&${o.MediaQueries.mbDown}`]:Object.assign({},W(!0))})}}},V=e=>({InputWrapper:{styles:{label:{display:"inline-flex",gap:4,marginBottom:"0.25rem",fontWeight:600,fontSize:"14px",lineHeight:"22px",color:m.theme.colors.gray600},description:{fontWeight:400,fontSize:"12px",lineHeight:"18px",color:m.theme.colors.gray600,marginBottom:"0.25rem"},error:{marginTop:"0.25rem"}}},NumberInput:{defaultProps:{decimalSeparator:s.ISO_FORMAT[e].separator}},Input:{styles:(e,t)=>({input:{border:`1px solid ${m.theme.colors.gray200}`,transition:`all ${D} ease-in-out`,"&:not(.mantine-Textarea-input)":Object.assign({},(()=>{switch(t.size){case"lg":return{height:48,fontSize:16,minHeight:"unset",lineHeight:"24px"};case"md":return{height:40,fontSize:14,lineHeight:"22px",minHeight:"unset"};case"sm":return{height:32,fontSize:14,lineHeight:"22px",minHeight:"unset"}}})()),"&:hover":{border:`1px solid ${e.primaryColor}`},"&:focus":{boxShadow:`0px 0px 0px 2px ${e.colors[e.primaryColor][2]}`}},invalid:{border:`1px solid ${m.theme.colors.red600}`,color:"#000"}})}}),G={Radio:{}},K={Tabs:{styles:{tabsList:{gap:16,borderBottom:"none",flexWrap:"nowrap"},tab:{padding:0,paddingBottom:8,color:m.theme.colors.gray400,"&:hover":{backgroundColor:"initial",border:"initial"},"&[data-active='true']":{color:m.theme.colors.primaryBase,borderColor:m.theme.colors.primaryBase}}}}},U={hb:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],mb:["#FFE9F1","#F8CCDC","#F5B4CB","#F29CBA","#EE84AA","#EB6B99","#E85388","#D34C7C","#BE446F","#A93D63"],blue:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],gray:["#fafafa","#f2f2f2","#d9d9d9","#bfbfbf","#8c8c8c","#737373","#595959","#404040","#262626"],delftGray:["#F3F3F3","#EAEAEC","#D9DAE2","#B9BAC8","#9898A9","#7C7C8F","#5A5A72","#3E3F58","#202135","#0C0C12"],neutral:["#f7f9fc","#e4e8ec","#fafafa","#d2d6dc","#bfc5cc","#adb3bc","#9aa2ac","#87909c","#757f8c","#626d7c"],green:["#e0f8ee","#b3eed5","#7ce2b9","#2ed69e","#00CB8A","#00C076","#00B16A","#009E5C","#008C50","#006C39"],pink:["#fff1f6","#fec7dc","#fec7dc","#fec2cf","#fe9dc2","#fd87b4","#fd72a7","#fc5d9a","#fc488d","#E92D74"],violet:["#F5EDFF","#E7D2F7","#D8B7F0","#CA9CE8","#BB82E1","#AD67D9","#9E4CD1","#9031CA","#8116C2","#63059D"],yellow:["#fff8e2","#ffecb6","#ffe187","#ffd658","#ffc326","#fe921d","#ffb521","#fea21e","#fe921d","#fc7419"],teal:["#e0f7fc","#b1ebf8","#7ddff3","#44d1ec","#00c7e6","#00bee0","#00aecd","#0099b2","#008599","#00626c"],indigol:["#CEDDF0","#ACC5E6","#95B3DA","#85A6CF","#6D91BE","#5F85B5","#4C77AC","#35639C","#284A75","#1B3250"],red:["#fae9e8","#feccbf","#FEAA96","#f44d2c","#ff6f4d","#ff5331","#f44d2c","#e64728","#d84023","#bf331b"],redViolet:["#F3EAEB","#E8D5D7","#DDC1C4","#D1ACB0","#C5979C","#BA8288","#AF6D74","#A35961","#97444D","#8C2F39"]},Z=r=>{var{children:a,showHomeIcon:n=!0,homeIconHref:o="/"}=r,i=l.__rest(r,["children","showHomeIcon","homeIconHref"]);const[s,c]=e.useState(null),{isMobile:d}=y(),[,m]=e.useState(!0),h=e.useCallback((()=>{m(!1)}),[]),p=e.useCallback((()=>{setTimeout((()=>{m(!0)}),1e3)}),[]);return e.useEffect((()=>(s&&(s.on("scroll",h),s.on("pointerUp",p)),()=>{s&&(s.off("scroll",h),s.on("pointerUp",p))})),[s,h,p]),f.default.createElement(O,Object.assign({align:"center",slideGap:"xs",dragFree:!0,draggable:d,slideSize:"0",getEmblaApi:c,controlsOffset:-52,previousControlIcon:f.default.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f.default.createElement("path",{d:"M6.86589 3.56104C7.03647 3.56104 7.20724 3.62732 7.33724 3.75765L7.39453 3.81494C7.6552 4.07561 7.6552 4.49765 7.39453 4.75765L4.81901 7.33317L13.5326 7.33317C13.9006 7.33317 14.1992 7.63184 14.1992 7.99984C14.1992 8.36784 13.9006 8.6665 13.5326 8.6665L4.81901 8.66651L7.39453 11.242C7.6552 11.5027 7.6552 11.9247 7.39453 12.1847L7.33724 12.242C7.07657 12.5027 6.65453 12.5027 6.39453 12.242L2.6237 8.47119C2.36303 8.21053 2.36303 7.78849 2.6237 7.52849L6.39453 3.75765C6.52487 3.62732 6.6953 3.56104 6.86589 3.56104Z",fill:"#595959"})),nextControlIcon:f.default.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f.default.createElement("path",{d:"M9.13411 12.439C8.96353 12.439 8.79276 12.3727 8.66276 12.2423L8.60547 12.1851C8.3448 11.9244 8.3448 11.5023 8.60547 11.2423L11.181 8.66683L2.46745 8.66683C2.09945 8.66683 1.80078 8.36816 1.80078 8.00016C1.80078 7.63216 2.09945 7.3335 2.46745 7.3335L11.181 7.3335L8.60547 4.75797C8.3448 4.49731 8.3448 4.07527 8.60547 3.81527L8.66276 3.75797C8.92343 3.49731 9.34547 3.49731 9.60547 3.75797L13.3763 7.52881C13.637 7.78947 13.637 8.21152 13.3763 8.47152L9.60547 12.2423C9.47513 12.3727 9.3047 12.439 9.13411 12.439Z",fill:"#595959"}))},i),n&&f.default.createElement(j.Slide,{style:{borderRight:`1px solid ${U.neutral[1]}`}},f.default.createElement(B,{href:o,target:"_blank",className:"pointer-event-child-none"},f.default.createElement(t.Box,{sx:{borderRadius:"50%",display:"flex",justifyContent:"center",alignItems:"center"},bg:U.neutral[0],p:6},f.default.createElement(I,{ratio:1,w:18},f.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.58691 5.59863L8.58691 1.62305C8.83594 1.45898 9.16406 1.45898 9.41309 1.62305L15.4131 5.59863C15.624 5.73926 15.75 5.97363 15.75 6.22559V14.25C15.75 15.0791 15.0791 15.75 14.25 15.75H3.75C2.9209 15.75 2.25 15.0791 2.25 14.25V6.22559C2.25 5.97363 2.37598 5.73926 2.58691 5.59863ZM5.5017 11.7602C5.1717 11.5108 5.17316 11.0321 5.46521 10.7391C5.75775 10.4456 6.24936 10.4292 6.5986 10.6522C7.17818 11.0223 8.12516 11.4889 9.21628 11.4889C10.3074 11.4889 11.2543 11.0223 11.8339 10.6522C12.1832 10.4292 12.6748 10.4456 12.9673 10.7391C13.2594 11.0321 13.2608 11.5108 12.9308 11.7602C11.8743 12.5589 10.535 12.9889 9.21628 12.9889C7.89758 12.9889 6.55824 12.5589 5.5017 11.7602Z",fill:"#595959"})))))),f.default.createElement(j.Slide,null),f.default.createElement(j.Slide,null,f.default.createElement(t.Breadcrumbs,{styles:{separator:{marginInline:4}},separator:f.default.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f.default.createElement("path",{d:"M8.71527 7.99969L6.16794 5.45236C5.89194 5.17636 5.89194 4.72836 6.16794 4.45236C6.44394 4.17636 6.89194 4.17636 7.16794 4.45236L10.2439 7.52836C10.5046 7.78903 10.5046 8.21103 10.2439 8.47103L7.16794 11.547C6.89194 11.823 6.44394 11.823 6.16794 11.547C5.89194 11.271 5.89194 10.823 6.16794 10.547L8.71527 7.99969Z",fill:"#8C8C8C"}))},a)))};Z.Item=B;var Y=t.createStyles(((e,t)=>{var r,a,n,l,o,i;const{other:s}=e,{template:c}=s,{size:d,variant:m,skipHover:h,isError:p,color:u,children:f}=t,g=u||e.primaryColor,v=(null===(a=null===(r=e.colors)||void 0===r?void 0:r[g])||void 0===a?void 0:a[0])||"",b=null===(l=null===(n=e.colors)||void 0===n?void 0:n[g])||void 0===l?void 0:l[e.fn.primaryShade()],E=null===(i=null===(o=e.colors)||void 0===o?void 0:o[g])||void 0===i?void 0:i[e.fn.primaryShade()+1];return{rootCustom:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({transition:`all ${D} ease-in-out`,"&[data-event-category] > *":{pointerEvents:"none"}},!f&&{paddingLeft:"10px",paddingRight:"10px",".mantine-Button-icon":{margin:0}}),(()=>{switch(d){case"xl":return{height:56,fontWeight:600,fontSize:"mb"===c?"14px":"16px",lineHeight:"24px"};case"lg":return{height:48,fontWeight:600,fontSize:"mb"===c?"14px":"16px",lineHeight:"24px"};case"md":return{height:40,fontWeight:600,fontSize:"14px",lineHeight:"22px"};case"sm":return{height:32,fontWeight:600,fontSize:"14px",lineHeight:"22px"}}})()),(()=>{switch(m){case"primary":return Object.assign({color:e.white,backgroundColor:b},!h&&{"&:hover":{backgroundColor:E}});case"secondary":return Object.assign({color:b,backgroundColor:"transparent",border:`1px solid ${b}`},!h&&{"&:hover":{backgroundColor:v,border:`1px solid ${b}`}});case"tertiary":return{color:e.colors.gray[8],backgroundColor:e.white,border:`1px solid ${e.colors.neutral[2]}`,"&:hover":Object.assign({},h?{backgroundColor:e.white,border:`1px solid ${e.colors.neutral[2]}`}:{backgroundColor:e.colors.neutral[0],border:`1px solid ${e.colors.neutral[0]}`})};case"light":return{color:b,backgroundColor:v,border:"1px solid transparent","&:hover":Object.assign({},h?{backgroundColor:v,border:"1px solid transparent"}:{backgroundColor:e.white,border:`1px solid ${v}`})};case"ghost":return Object.assign({color:b,backgroundColor:"transparent",border:"1px solid transparent"},!h&&{"&:hover":{backgroundColor:v,border:"1px solid transparent"}})}})()),{"&[data-disabled]":{backgroundColor:e.colors.gray[1],color:e.colors.gray[4]}}),p?Object.assign({color:e.colors.red[6],backgroundColor:e.white,border:`1px solid ${e.colors.red[6]}`},!h&&{"&:hover":{backgroundColor:e.colors.red[0],border:`1px solid ${e.colors.red[6]}`}}):{})}}));const X=v.default(t.Textarea)`
-  .mantine-Textarea-input {
-    padding: 12px 16px;
-    background: #ffffff;
-    border: 1px solid ${m.theme.colors.gray200};
-    border-radius: 4px;
-  }
-`,Q=v.default(t.Modal)`
-  .mantine-Modal-modal {
-    padding: 0;
-  }
-  .mantine-Modal-header {
-    border-bottom: 1px solid ${m.theme.colors.neutral100};
-    margin-right: 0;
-    margin-bottom: 0;
-    padding: 16px;
-  }
-  .mantine-Modal-title {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-right: 0;
-  }
-  .mantine-Modal-close {
-    cursor: pointer;
-    width: 24px;
-    height: 24px;
-  }
-`,J=v.default(t.Accordion)`
-  .mantine-Accordion-control {
-    &:hover {
-      background-color: transparent;
-    }
-  }
-  .mantine-Accordion-item {
-    .mantine-Accordion-chevron {
-      > div {
-        background-repeat: no-repeat;
-        width: 16px;
-        height: 16px;
-        background-position: center;
-        background-image: url(${e=>e.closeChevron||r.CommonGAssets.getAssetPath("plus-icon.svg")});
-      }
-    }
-    &[data-active='true'] {
-      .mantine-Accordion-chevron {
-        > div {
-          background-image: url(${e=>e.openChevron||r.CommonGAssets.getAssetPath("minus-icon.svg")});
-        }
-      }
-    }
-  }
-  .mantine-Accordion-panel {
-    border-radius: ${e=>e.theme.borderRadius};
-  }
-  .mantine-Accordion-content {
-    white-space: pre-wrap;
-  }
-`,ee=e=>{var{children:t}=e,r=l.__rest(e,["children"]);return f.default.createElement(J,Object.assign({chevron:f.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),t)};ee.Control=t.Accordion.Control,ee.Item=t.Accordion.Item,ee.Panel=t.Accordion.Panel;const te=r.CommonGAssets.getAssetPath("avatar.jpg"),re=t.createEmotionCache({key:"mantine",prepend:!1}),ae=r=>{var{value:a,onChange:n}=r,o=l.__rest(r,["value","onChange"]);const[i,s]=e.useState(a),[c]=h.useDebouncedValue(i,300);return e.useEffect((()=>{null==n||n(c)}),[c]),e.useEffect((()=>{s(a)}),[a]),f.default.createElement(t.NumberInput,Object.assign({size:"md",stepHoldDelay:500,stepHoldInterval:e=>Math.max(1e3/Math.pow(e,2),25),onChange:s,hideControls:!0,min:0,formatter:e=>0===Number(e)?e:e||"",removeTrailingZeros:!0,value:i},o))},ne=r.CommonGAssets.getAssetPath("EyeVisible.svg"),le=r.CommonGAssets.getAssetPath("EyeHidden.svg"),oe=e.forwardRef(((e,r)=>{const{size:a="md",visibilityToggleIcon:n}=e,o=l.__rest(e,["size","visibilityToggleIcon"]),i=n||(({reveal:e,size:t})=>e?f.default.createElement("img",{src:ne,width:t}):f.default.createElement("img",{src:le,width:t}));return f.default.createElement(t.PasswordInput,Object.assign({ref:r,size:a,visibilityToggleIcon:i},o,{className:`input-control ${(null==o?void 0:o.className)||""}`}))})),ie=e.forwardRef(((r,a)=>{var{value:n,onChange:o,onChangeRaw:i}=r,s=l.__rest(r,["value","onChange","onChangeRaw"]);const[c,d]=e.useState(n||""),[m]=h.useDebouncedValue(c,300);return e.useEffect((()=>{null==o||o(m)}),[m]),e.useEffect((()=>{d(n)}),[n]),f.default.createElement(t.TextInput,Object.assign({ref:a,size:"md",onChange:e=>{null==i||i(e),d(e.currentTarget.value)},value:c},s,{className:`input-control ${(null==s?void 0:s.className)||""}`}))}));ie.File=e=>f.default.createElement(t.FileInput,Object.assign({size:"md"},e)),ie.Password=oe,ie.Number=ae,ie.Wrapper=t.Input.Wrapper;const se=e=>f.default.createElement(t.Checkbox,Object.assign({},e));se.Group=t.Checkbox.Group;const ce=v.default(t.Slider)`
-  ${e=>{const t=e.color||e.theme.colors.primaryBase;return`\n      .mantine-Slider-bar {\n        background-color: ${t};\n      }\n      .mantine-Slider-thumb {\n        border-color: ${t};\n        color: ${t};\n      }\n    `}}
-  [data-theme='marryBaby'] & {
-    ${e=>{const t=e.color||e.theme.mbColors.pink;return`\n        .mantine-Slider-bar {\n          background-color: ${t};\n        }\n        .mantine-Slider-thumb {\n          border-color: ${t};\n          color: ${t};\n        }\n      `}}
-  }
-
-  .mantine-Slider-label {
-    background-color: transparent;
-    color: #000;
-    font-size: 14px;
-    font-weight: bold;
-  }
-`,de=v.default.div`
-  display: flex;
-  align-items: center;
-  .hhg-mantine-slider {
-    flex-grow: 1;
-  }
-  button {
-    path:not([stroke]) {
-      stroke: ${e=>e.theme.colors.primaryBase};
-    }
-  }
-  [data-theme='marryBaby'] & {
-    button {
-      path:not([stroke]) {
-        stroke: ${e=>e.theme.mbColors.pink};
-      }
-    }
-  }
-`,me=e=>{var{styles:r}=e,a=l.__rest(e,["styles"]);return f.default.createElement(t.Radio,Object.assign({size:"sm"},a,{styles:e=>Object.assign({radio:Object.assign(Object.assign({backgroundColor:"#fff"},N),{"&:checked":{backgroundColor:"#fff"}}),icon:{color:e.colors[e.primaryColor][e.primaryShade]}},r)}))};me.Group=t.Radio.Group;var he="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function pe(e){var t={exports:{}};return e(t,t.exports),t.exports
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/}var ue=pe((function(e){!function(){var t={}.hasOwnProperty;function r(){for(var e=[],a=0;a<arguments.length;a++){var n=arguments[a];if(n){var l=typeof n;if("string"===l||"number"===l)e.push(n);else if(Array.isArray(n)){if(n.length){var o=r.apply(null,n);o&&e.push(o)}}else if("object"===l){if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]")){e.push(n.toString());continue}for(var i in n)t.call(n,i)&&n[i]&&e.push(i)}}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):window.classNames=r}()}));function fe(e,t=6){const r=new Array(t).fill("");if(e){const t=e.toString().split("");r.map(((e,a)=>{t[a]&&(r[a]=t[a]||"")}))}return r}function ge(e){return e.join("")}var ve="_2iQs0sk",be="Ia6IojY";const Ee=e.forwardRef(((e,t)=>{const{maxLength:r=1,placeholder:a,className:n}=e,o=l.__rest(e,["maxLength","placeholder","className"]);return f.default.createElement("input",Object.assign({maxLength:r,className:ue(be,"otpInput",n),placeholder:a,type:"number"},o,{ref:t}))})),xe=e.forwardRef(((r,a)=>{const{valueLength:n=6,type:l="number",value:o,defaultValue:i,onChange:s,onBlur:c}=r,d=e.useRef(new Array(n).fill(null)),[m,h]=e.useState(i||o),[p,u]=e.useState(-1),[g,v]=e.useState((()=>fe(m,n))),b=e.useCallback((()=>{if(-1===p)return;const e=d.current[p];if(e){e.value="";const t=g;t[p]="",v(t),h((()=>ge(t))),null==s||s(ge(t))}}),[p,s,g]),E=e.useCallback((()=>{if(0===p)return;const e=d.current[p];e&&e.blur();const t=d.current[p-1];t&&t.focus()}),[p]),x=e.useCallback((()=>{if(p===n-1)return;const e=d.current[p];e&&e.blur();const t=d.current[p+1];t&&t.focus()}),[p,n]),z=e.useCallback((e=>{const t=e.target,r=t.value.toString().slice(0,1),a=d.current.findIndex((e=>e===t));if(-1!==a){const e=g;e[a]=r,v(e),h((()=>ge(e))),null==s||s(ge(e))}x()}),[x,s,g]),C=e.useCallback((e=>{const t=e.target,r=d.current.findIndex((e=>e===t));"number"===l?t.select():t.setSelectionRange(0,t.value.length,"backward"),-1!==r&&u(r)}),[]),w=e.useCallback((e=>{const t=fe(e.clipboardData.getData("text/plain"),n),r=ge(t);v(t),h(r),null==s||s(r)}),[s,l,n]),y=e.useCallback((e=>{8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),b(),E()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),b()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),E()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),x()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[b,x,E]);return e.useImperativeHandle(a,(()=>d.current[0]),[]),e.useEffect((()=>{v((()=>fe(o,n))),h(o)}),[n,o]),f.default.createElement(t.Flex,{justify:"center",columnGap:8,className:ue(ve,"otpContainer")},g.map(((e,t)=>f.default.createElement(Ee,{ref:e=>{d.current[t]=e},key:""+t,value:e,type:l,onChange:z,onFocus:C,onKeyDown:y,onPaste:w,onBlur:c}))))})),ze=e=>g.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",id:"flag-icons-kh",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),g.createElement("path",{fill:"#032ea1",d:"M0 0h640v480H0z"}),g.createElement("path",{fill:"#e00025",d:"M0 120h640v240H0z"}),g.createElement("g",{fill:"#fff",stroke:"#000",transform:"matrix(1.2 0 0 1.2 85.6 -522)"},g.createElement("g",{strokeLinejoin:"bevel"},g.createElement("path",{d:"M139 623.5h113.8v43.8H139z"}),g.createElement("path",{d:"M247 647.6h3.5v16.5H247zm-108-8.1h113.8v5H139zm0-7h113.8v4.6H139z"}),g.createElement("path",{strokeWidth:.9,d:"M139 625.7h113.8v4.3H139z"}),g.createElement("path",{d:"M169 647.6h3.6v16.5H169zm49 0h3.6v16.5H218zm-78 0h3.5v16.5H140zm7 0h3.5v16.5H147zm7.5 0h3.5v16.5h-3.5zm7.5 0h3.5v16.5H162zm62.8 0h3.6v16.5h-3.6zm7.5 0h3.6v16.5h-3.6zm7.5 0h3.6v16.5h-3.6z"}),g.createElement("path",{strokeLinejoin:"miter",d:"M94.5 669.5a9.3 9.3 0 0 0 4.4-5.3H292a9.3 9.3 0 0 0 4.4 5.3z"})),g.createElement("path",{d:"M193 556.8s-.1-4.1 2.3-4.2c2.3 0 2.2 4.2 2.2 4.2zm-12.5 54.5v-5.5c0-2.8-2.8-3-2.8-5 0 0-.4-3 .4-4.4 1.1 4 3 3.3 3 1.6 0-1.4-1-2.8-3.3-6.3-.8-1.1-.3-4.6.7-5.9.4 3 .9 4.5 2.2 4.5.8 0 1.4-.5 1.4-2 0-2-1.3-3-2-4.8a5 5 0 0 1 1.1-5.3c.5 3 .4 4.2 1.7 4.2 2.7-.9 0-4.8-.6-5.8-.6-1.1 1-3.4 1-3.4.8 2.7 1 2.9 2 2.6 1.2-.3 1-2-.4-3.4-.9-1-.8-2.3.2-3.3 1 1.9 2.2 1.8 2.3.6l-.8-4.4H204l-.9 4.3c-.2 1.2 1.4 1.5 2.4-.5 1 1 1.1 2.4.2 3.3-1.4 1.4-1.6 3.1-.4 3.4 1 .3 1.2 0 2-2.6 0 0 1.5 1.5 1 3.4-.6 1-3.3 5-.6 5.8 1.3 0 1.2-1.2 1.7-4.2a5 5 0 0 1 1 5.3c-.6 1.8-2 2.8-2 4.8 0 1.5.7 2 1.5 2 1.3 0 1.8-1.4 2.2-4.5 1 1.3 1.5 4.8.7 6-2.3 3.4-3.4 4.8-3.4 6.2 0 1.7 2 2.4 3-1.6.9 1.4.5 4.4.5 4.4 0 2-2.7 2.2-2.8 5v5.5zm7.2-46-.4-3.1h15.9l-.4 3.1zm1-3.2-.2-2.5H202l-.3 2.5zm2.3-2.6-.3-2.6h9l-.1 2.6zm33 110c-2-.7-5-2.9-5-5v-24.3l2.6-3.4H169l2.5 3.4v24.3c0 2.1-2 4.3-4 5z"}),g.createElement("path",{strokeLinejoin:"bevel",d:"M178.2 647.6h3.6v16.5h-3.6zm30.4 0h3.6v16.5h-3.6z"}),g.createElement("path",{d:"M168 609.2v27.6h54v-27.6a4.2 4.2 0 0 0-2.6 2.8v11.8h-48.7V612s-.6-2-2.8-2.8z"}),g.createElement("path",{d:"M214.6 669.5c-1.8-.7-5.6-2.9-5.6-5v-27.2c.4-1.5 2.4-2.4 3.7-3.4H177c1.7 1 3.6 1.7 4.3 3.4v27.2c0 2.1-3 4.3-4.8 5z"}),g.createElement("path",{d:"M219.4 634.2v-19.6h-4.9v-1.9h-38.8v2h-5v19.5zM207 669.5c-1.8-.7-4.3-2.9-4.3-5v-23.2l1.4-2.1h-17.7l1.5 2v23.3c0 2.1-2.6 4.3-4.3 5z"}),g.createElement("path",{d:"M190.7 639.2h9v30.3h-9z"}),g.createElement("path",{strokeLinejoin:"bevel",d:"M204.4 632.5c0-2 5.8-2.1 8.8-3.8h-36c3 1.7 8.7 1.8 8.7 3.8l1.2 3.9 15 .6z"}),g.createElement("path",{d:"M211.4 611.3c0-4.9.2-6.7 1.7-6.7V620c-3.7 1.4-6.3 6-6.3 6h-23.2s-2.6-4.6-6.3-6v-15.5c1.8 0 1.8 2 1.8 6.7zm1.7-2c0-5.6 4.9-6.2 4.9-6.2v5c-1.9-.1-2.8 1.6-2.8 4 0 2.5 1.5 2.5 1.5 2.5v14.2h-3.6z"}),g.createElement("path",{d:"M177.3 609.3c0-5.6-4.9-6.2-4.9-6.2v5c1.9-.1 2.8 1.6 2.8 4 0 2.5-1.5 2.5-1.5 2.5v14.2h3.6z"}),g.createElement("g",{fill:"none",strokeWidth:.8},g.createElement("path",{d:"M186.8 570.6H204m-19.2 5.4h21m-23 6.5h24.9m-27 7.9h29.5m-30.2 9h30.4"}),g.createElement("path",{strokeWidth:1,d:"M170.8 629h48.6m-33.2 0h18v6.6h-18z"})),g.createElement("path",{d:"M184 614.2c3 3.6 2.6 9.7 2.6 13.3H204c0-3.6-.4-9.7 2.6-13.3zm9.7-41-2.4-1.3v-3.5c1 .3 2 .4 2.2 2 .3-2.3 1-2.1 1.9-3 1 .9 1.5.7 1.9 3 0-1.6 1.2-1.7 2.1-2v3.5l-2.3 1.2z"}),g.createElement("path",{d:"m193.5 578.9-4-2.8V573c1.5.3 3 .5 3.2 2.2.4-2.5 1.3-3.7 2.7-4.7 1.3 1 2.2 2.2 2.7 4.7.1-1.7 1.7-1.9 3-2.2v3.2l-3.9 2.7z"}),g.createElement("path",{d:"m193.2 587.8-4.5-4v-4.7c1.6.4 3.4.6 3.6 3.1.5-3.5 1.5-5.4 3-6.8 1.6 1.4 2.6 3.3 3.2 6.8.2-2.5 2-2.7 3.6-3.1v4.7l-4.6 4zm8.4 5.3-4 5.7h-4.7l-4.1-5.7zm-15.2 9.5c2 1.1 2.8 3.4 3 7.6H201c.2-4.2 1-6.5 3-7.6z"}),g.createElement("path",{strokeLinejoin:"bevel",d:"M204.2 593v-5.6a5.2 5.2 0 0 0-3.8 3.3c0-2-2.5-6.3-5.2-8.5-2.7 2.4-5.3 6.4-5.2 8.4-.5-1.5-1.8-2.7-3.8-3.2v5.7z"}),g.createElement("path",{strokeLinejoin:"bevel",d:"M205 602.6V597c-2.1.6-3.5 1.7-4.1 3.3 0-2-2.7-6.3-5.7-8.5-3 2.5-5.8 6.4-5.7 8.5-.5-1.5-2-2.7-4.1-3.3v5.7z"}),g.createElement("path",{strokeLinejoin:"bevel",d:"M207.4 614.3v-6.6a9.6 9.6 0 0 0-5.1 3.8c0-3.5-4-9-7.1-10.7-3.2 1.8-7.1 7.4-7.1 10.7a9.7 9.7 0 0 0-5.2-3.8v6.6z"}),g.createElement("path",{strokeLinejoin:"bevel",d:"M206 629v-6.8c-2.4.9-3 3.1-3.8 4.7.3-6.9-3.8-14.2-7-16.1-3.2 1.9-7.4 9.4-7 16-.8-1.4-1.5-3.7-3.8-4.6v6.7z"}),g.createElement("path",{d:"M204.4 639.2v-6.8c-2.5.6-2.6 1.5-3.4 3 .3-4.1-2.6-8.8-5.8-10.6-3.2 1.8-6 6.5-5.8 10.6-.8-1.5-.9-2.4-3.4-3v6.8z"}),g.createElement("g",{id:"a"},g.createElement("path",{d:"M99 664.2v-20.4c-.7-2.6-3-5-4.6-5.4v-18l3.7 2 4.3 18.9v23z"}),g.createElement("path",{d:"M99 664.3v-20.5c-.7-2.6-3-5-4.6-5.4v-19.2c2.5 0 3.7 3.2 3.7 3.2l4.3 18.9v22.9z"}),g.createElement("path",{d:"M96.3 669.5c1.7-.7 4.2-2.9 4.2-5v-25.6l-1.2-2H143l-1.7 2v25.6a6 6 0 0 0 3.4 5z"}),g.createElement("path",{d:"M135.8 669.5c-1.7-.7-4.2-2.9-4.2-5v-24.3l3.6-3.4h-29.6l3.6 3.4v24.3c0 2.1-2.5 4.3-4.2 5z"}),g.createElement("path",{d:"M131.7 669.5c-1.7-.7-4.3-2.9-4.3-5v-22l2.4-3.3H111l2.4 3.3v22c0 2.1-2.5 4.3-4.3 5z"}),g.createElement("path",{d:"M116 639.2h8.9v30.4h-9z"}),g.createElement("path",{strokeLinejoin:"bevel",d:"M103.7 647.6h3.6v16.5h-3.6zm30.8 0h3.5v16.5h-3.6zm-33.9-27.8h4.4v17h-4.4zm0-3.2h4.3v3.2h-4.3zm35.6 6.9h6.1v13h-6.1z"}),g.createElement("path",{d:"M104.9 636.6v-29c1.2 0 1.4 4.3 4.2 4.3 1.5 0 1.4-1.8.5-3.2-.7-1.3-1.6-3-.4-6.3.9 2.5 3.1 3.3 2.7 1.8-.7-2.7-2.8-3.2-1.2-7.3.5 3.4 2.7 3.3 2.2 1.3-.6-2.3-1.9-3.3-.3-6.5.9 3.7 2 3.5 2 1.2 0-3.4 0-7 4.2-8.3 0 0 .3-3 1.9-3 1.5 0 1.8 3 1.8 3 4.3 1.3 4.2 5 4.2 8.3 0 2.3 1.1 2.5 2-1.2 1.6 3.2.3 4.2-.3 6.5-.5 2 1.7 2.1 2.2-1.3 1.6 4.1-.5 4.6-1.2 7.3-.4 1.5 1.8.7 2.7-1.8 1.2 3.3.3 5-.4 6.3-.8 1.4-1 3.2.5 3.2 2.8 0 3-4.2 4.2-4.2v28.9zM98 614.7v22.1h2.5v-22.1c-.9-.5-1.7-.5-2.5 0z"}),g.createElement("path",{d:"M98.2 629c3.1 1.6 6.2 3.5 7 7.8h-7zm43.2-6.6v14.4h2v-14.4c-.6-.3-1.5-.4-2 0z"}),g.createElement("path",{d:"M143.4 629c-3.1 1.5-6.2 3.3-7 7.7h7zm-20.6-33.7 1.8-1.5v-2c-.6 0-1 .3-1.5 1a5 5 0 0 0-2.5-3 5 5 0 0 0-2.6 2.9c-.5-.7-.8-.8-1.5-1v2l1.8 1.6z"}),g.createElement("path",{d:"m123.8 600.2.8-1.9v-2.5c-.6 0-1 .3-1.5 1a5 5 0 0 0-2.5-3 5 5 0 0 0-2.6 2.9c-.5-.7-.8-.8-1.5-.9v2.5l.8 1.9z"}),g.createElement("path",{d:"m124 606.8 2.6-3.3v-3.2c-1 0-1.5.5-2.2 1.6-.7-2.3-2-2.7-3.8-3.8-1.9 1-3.2 1.5-3.8 3.7-.8-1.1-1.3-1.4-2.3-1.5v3.2l2.7 3.3z"}),g.createElement("path",{d:"M124.7 613.3s3.2-2.7 3.3-4.2v-3.5c-1.2.1-2.3.4-3.2 1.9-.8-2.9-2-3.7-4.2-5-2.3 1.3-3.5 2.1-4.2 5-1-1.5-2-1.8-3.3-2v3.6a15 15 0 0 0 3.3 4.2z"}),g.createElement("path",{d:"M126 625.3s4.4-4.7 4.5-6.6v-5.4c-1.6.2-3.2 1.3-4.4 3.6-1-4.5-2.6-7.6-5.5-9.8-3 2.2-4.6 5.3-5.6 9.8-1.2-2.3-2.7-3.4-4.3-3.6v5.4c.3 1.9 4.4 6.6 4.4 6.6z"}),g.createElement("path",{d:"M126 632.4s3.7-3.7 4.5-5.3v-5.4c-1.6.2-3.2 1.3-4.4 3.5a14 14 0 0 0-5.5-9.2c-3 2.2-4.6 4.7-5.6 9.2-1.2-2.2-2.7-3.3-4.3-3.5v5.4c1 1.6 4.4 5.3 4.4 5.3z"}),g.createElement("path",{d:"M127.5 636.6c-1-4.7-2-8.2-7.1-11.7-5.2 3.5-6.1 7-7.2 11.7z"}),g.createElement("path",{d:"M130.2 639.2v-6.8c-2.4 1-4.5 2.3-5.3 3.8-.8-3.8-2.5-5.4-4.6-7.7-2.1 2.3-3.5 4-4.4 7.7-.8-1.5-2.9-2.9-5.2-3.8v6.8z"})),g.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"matrix(-1 0 0 1 390.7 0)"}),g.createElement("path",{d:"M72.7 694.3H318v12.5H72.7zm-6.5 12.5h258.3v12.5H66.2zm19.4-31.3H305v8.1H85.6z"}),g.createElement("path",{d:"M79.2 683.6h232.4v10.6H79.2zm10.2-14.3h212v6.2h-212z"}),g.createElement("path",{d:"M112.4 669.3h16v50h-16z"}),g.createElement("path",{d:"M116 669.3h8.9v50h-9zm71 0h16v50h-16z"}),g.createElement("path",{d:"M190.7 669.3h9v50h-9zm71.5 0h16v50h-16z"}),g.createElement("path",{d:"M265.7 669.3h9v50h-9z"}),g.createElement("path",{fill:"none",d:"M99 664.2h193M115.8 713h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m65.8 37.5h8.6m-8.6-6.3h8.6m-8.6-6.2h8.6m-8.6-6.3h8.6m-8.6-6.2h8.6m-8.6-6.3h8.6m-8.6-6.2h8.6m66.2 37.5h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2"}))),Ce=e=>g.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 8 5",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),g.createElement("path",{d:"M4 5L0.535898 0.5L7.4641 0.5L4 5Z"})),we=e=>g.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",id:"flag-icons-in",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),g.createElement("path",{fill:"#f93",d:"M0 0h640v160H0z"}),g.createElement("path",{fill:"#fff",d:"M0 160h640v160H0z"}),g.createElement("path",{fill:"#128807",d:"M0 320h640v160H0z"}),g.createElement("g",{transform:"matrix(3.2 0 0 3.2 320 240)"},g.createElement("circle",{r:20,fill:"#008"}),g.createElement("circle",{r:17.5,fill:"#fff"}),g.createElement("circle",{r:3.5,fill:"#008"}),g.createElement("g",{id:"d"},g.createElement("g",{id:"c"},g.createElement("g",{id:"b"},g.createElement("g",{id:"a",fill:"#008"},g.createElement("circle",{r:.9,transform:"rotate(7.5 -8.8 133.5)"}),g.createElement("path",{d:"M0 17.5.6 7 0 2l-.6 5L0 17.5z"})),g.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(15)"})),g.createElement("use",{xlinkHref:"#b",width:"100%",height:"100%",transform:"rotate(30)"})),g.createElement("use",{xlinkHref:"#c",width:"100%",height:"100%",transform:"rotate(60)"})),g.createElement("use",{xlinkHref:"#d",width:"100%",height:"100%",transform:"rotate(120)"}),g.createElement("use",{xlinkHref:"#d",width:"100%",height:"100%",transform:"rotate(-120)"}))),ye=e=>g.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-id",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),g.createElement("g",{fillRule:"evenodd",strokeWidth:"1pt"},g.createElement("path",{fill:"#e70011",d:"M0 0h640v249H0z"}),g.createElement("path",{fill:"#fff",d:"M0 240h640v240H0z"}))),Me=e=>g.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-my",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),g.createElement("path",{fill:"#c00",d:"M0 0h640v480H0z"}),g.createElement("path",{fill:"#fff",d:"M.5 39.9h639v38.4H.5zM.5 118.6h639V157H.5zM.5 197.4h639v38.4H.5z"}),g.createElement("path",{fill:"#006",d:"M0 .5h320v280H0Z"}),g.createElement("path",{fill:"#fc0",d:"m207.5 73.8 6 40.7 23-34-12.4 39.2 35.5-20.8-28.1 30 41-3.2-38.3 14.8 38.3 14.8-41-3.2 28.1 30-35.5-20.8 12.3 39.3-23-34.1-6 40.7-5.9-40.7-23 34 12.4-39.2-35.5 20.8 28-30-41 3.2 38.4-14.8-38.3-14.8 41 3.2-28.1-30 35.5 20.8-12.4-39.3 23 34.1zm-33.3 1.7a71.1 71.1 0 1 0 0 130 80 80 0 1 1 0-130z"}),g.createElement("path",{fill:"#fff",d:"M.5 276.2h639v38.4H.5zM.5 354.4h639v38.4H.5zM0 441.6h639V480H0z"})),je=e=>g.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",id:"flag-icons-mm",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),g.createElement("path",{fill:"#fecb00",d:"M0 0h640v480H0z"}),g.createElement("path",{fill:"#34b233",d:"M0 160h640v320H0z"}),g.createElement("path",{fill:"#ea2839",d:"M0 320h640v160H0z"}),g.createElement("g",{transform:"translate(320 256.9) scale(176.87999)"},g.createElement("path",{id:"a",fill:"#fff",d:"m0-1 .3 1h-.6z"}),g.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(-144)"}),g.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(-72)"}),g.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(72)"}),g.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(144)"}))),Oe=e=>g.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-ph",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),g.createElement("path",{fill:"#0038a8",d:"M0 0h640v240H0z"}),g.createElement("path",{fill:"#ce1126",d:"M0 240h640v240H0z"}),g.createElement("path",{fill:"#fff",d:"M415.7 240 0 480V0"}),g.createElement("path",{fill:"#fcd116",d:"M26.7 42.4 41 55l16.6-9.2-7.4 17.5 14 13-19-1.6-8.1 17.2-4.3-18.5L14 71l16.3-10zm323.8 172.3.4 19 18 6.3-18 6.2-.4 19-11.5-15.1-18.2 5.5 10.8-15.6-10.8-15.6 18.2 5.5zM37.2 388.1l8 17.2 19-1.6-13.9 13 7.4 17.5-16.6-9.1-14.4 12.4 3.6-18.7L14 409l18.9-2.4zm114.2-249-6.2 6.2 3.1 47-3 .3-5.7-42.9-5.1 5 7.6 38.4a47.5 47.5 0 0 0-17.2 7.1l-21.7-32.4H96l26.4 34.3a48 48 0 0 0-2.4 2l-31.1-35.5h-8.8v8.8l35.4 31-2 2.5-34.3-26.3v7.1l32.5 21.7c-3.4 5.2-5.9 11-7.1 17.2L66.3 223l-5.1 5 42.9 5.7c-.2 1-.3 2.1-.3 3.1l-47-3-6.2 6.2 6.2 6.2 47-3.1.3 3.1-42.9 5.7 5 5 38.4-7.6a47.5 47.5 0 0 0 7.1 17.2l-32.5 21.7v7.2l34.3-26.3a48 48 0 0 0 2 2.4l-35.4 31v8.8H89l31-35.4 2.5 2L96 312.2h7.2l21.7-32.5c5.1 3.4 11 5.9 17.2 7.1l-7.6 38.4 5 5 5.7-42.9c1 .2 2 .3 3.1.3l-3 47 6.1 6.2 6.3-6.2-3.1-47 3-.3 5.7 43 5.1-5.1-7.6-38.4a47.5 47.5 0 0 0 17.2-7.1l21.7 32.5h7.2l-26.4-34.3a48 48 0 0 0 2.4-2l31.1 35.4h8.8v-8.8l-35.4-31 2-2.4 34.3 26.3v-7.2l-32.5-21.7c3.4-5.1 5.9-11 7.1-17.2l38.3 7.6 5.1-5-42.9-5.7c.2-1 .3-2 .3-3.1l47 3 6.2-6.1-6.2-6.2-47 3-.3-3 42.9-5.7-5-5-38.4 7.5a47.5 47.5 0 0 0-7.1-17.2l32.5-21.7v-7.1l-34.3 26.3a48 48 0 0 0-2-2.4l35.4-31v-8.9H214l-31 35.5a48 48 0 0 0-2.5-2l26.4-34.3h-7.2L178 200.2c-5.1-3.4-11-5.9-17.2-7.1l7.6-38.3-5-5-5.7 42.8-3.1-.3 3-47z"})),ke=e=>g.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-tw",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),g.createElement("clipPath",{id:"a"},g.createElement("path",{d:"M0 0h640v480H0z"})),g.createElement("g",{clipPath:"url(#a)"},g.createElement("path",{fill:"red",d:"M0 0h720v480H0z"}),g.createElement("path",{fill:"#000095",d:"M0 0h360v240H0z"}),g.createElement("g",{fill:"#fff"},g.createElement("path",{d:"m154 126.9-2.5 9.6 9.4 2.6-1.8-7.1zm46.9 5.1-1.8 7.1 9.4-2.6-2.5-9.6zm-41.8-24-5.1 5.1 1.9 6.9z"}),g.createElement("path",{d:"m155.9 120-1.9 6.9 5.1 5.1z"}),g.createElement("path",{d:"m154 113.1-6.9 6.9 6.9 6.9 1.9-6.9zm14 27.8 5.1 5.1 6.9-1.9zm18.9 5.1 9.6 2.5 2.6-9.4-7.1 1.8z"}),g.createElement("path",{d:"m192 140.9 7.1-1.8 1.8-7.1zm-31.1-1.8 2.6 9.4 9.6-2.5-5.1-5.1zm19.1 5 6.9 1.9 5.1-5.1z"}),g.createElement("path",{d:"m173.1 146 6.9 6.9 6.9-6.9-6.9-1.9zm-12.2-45.1-9.4 2.6 2.5 9.6 5.1-5.1zm-1.8 31.1 1.8 7.1 7.1 1.8zm45-12 1.9-6.9-5.1-5.1z"}),g.createElement("path",{d:"m168 99.1-7.1 1.8-1.8 7.1zm32.9 8.9-1.8-7.1-7.1-1.8zm5.1 18.9 6.9-6.9-6.9-6.9-1.9 6.9z"}),g.createElement("path",{d:"m200.9 108-8.9-8.9-12-3.2-12 3.2-8.9 8.9-3.2 12 3.2 12 8.9 8.9 12 3.2 12-3.2 8.9-8.9 3.2-12z"}),g.createElement("path",{d:"m200.9 132 5.1-5.1-1.9-6.9zm5.1-18.9 2.5-9.6-9.4-2.6 1.8 7.1zm-6.9-12.2-2.6-9.4-9.6 2.5 5.1 5.1zm-26-6.9-9.6-2.5-2.6 9.4 7.1-1.8zm6.9 1.9-6.9-1.9-5.1 5.1z"}),g.createElement("path",{d:"m186.9 94-6.9-6.9-6.9 6.9 6.9 1.9z"}),g.createElement("path",{d:"m192 99.1-5.1-5.1-6.9 1.9zM173.1 146l-9.6 2.5 4.5 16.6 12-12.2zm-5.1 19.1 12 44.9 12-44.9-12-12.2zm-7.1-26-9.4-2.6-4.4 16.4 16.4-4.4z"}),g.createElement("path",{d:"m147.1 152.9-12 45.1 32.9-32.9-4.5-16.6zm-12-20.9L102 165.1l45.1-12.2 4.4-16.4z"}),g.createElement("path",{d:"m154 126.9-6.9-6.9-12 12 16.4 4.5zm0-13.8-2.5-9.6-16.4 4.5 12 12z"}),g.createElement("path",{d:"M135.1 108 90 120l45.1 12 12-12zm90 24-16.6 4.5 4.4 16.4 45.1 12.2z"}),g.createElement("path",{d:"m199.1 139.1-2.6 9.4 16.4 4.4-4.4-16.4zm-12.2 6.9-6.9 6.9 12 12.2 4.5-16.6zm19.1-19.1 2.5 9.6 16.6-4.5-12.2-12z"}),g.createElement("path",{d:"m192 165.1 33.1 32.9-12.2-45.1-16.4-4.4zm7.1-64.2 9.4 2.6 4.4-16.4-16.4 4.4z"}),g.createElement("path",{d:"M225.1 108 258 75.1l-45.1 12-4.4 16.4zm-12.2-20.9L225.1 42 192 75.1l4.5 16.4zm12.2 44.9 44.9-12-44.9-12-12.2 12z"}),g.createElement("path",{d:"m206 113.1 6.9 6.9 12.2-12-16.6-4.5zm-38-38L135.1 42l12 45.1 16.4 4.4z"}),g.createElement("path",{d:"m160.9 100.9 2.6-9.4-16.4-4.4 4.4 16.4z"}),g.createElement("path",{d:"m147.1 87.1-45.1-12 33.1 32.9 16.4-4.5zm39.8 6.9 9.6-2.5-4.5-16.4-12 12z"}),g.createElement("path",{d:"M192 75.1 180 30l-12 45.1 12 12z"}),g.createElement("path",{d:"m173.1 94 6.9-6.9-12-12-4.5 16.4z"})),g.createElement("circle",{cx:180,cy:120,r:51.1,fill:"#000095"}),g.createElement("circle",{cx:180,cy:120,r:45.1,fill:"#fff"}))),He=e=>g.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-th",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),g.createElement("g",{fillRule:"evenodd"},g.createElement("path",{fill:"#f4f5f8",d:"M0 0h640v480H0z"}),g.createElement("path",{fill:"#2d2a4a",d:"M0 162.5h640v160H0z"}),g.createElement("path",{fill:"#a51931",d:"M0 0h640v82.5H0zm0 400h640v80H0z"}))),Le=e=>g.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-vn",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),g.createElement("defs",null,g.createElement("clipPath",{id:"a"},g.createElement("path",{fillOpacity:.7,d:"M-85.3 0h682.6v512H-85.3z"}))),g.createElement("g",{fillRule:"evenodd",clipPath:"url(#a)",transform:"translate(80) scale(.9375)"},g.createElement("path",{fill:"#da251d",d:"M-128 0h768v512h-768z"}),g.createElement("path",{fill:"#ff0",d:"M349.6 381 260 314.3l-89 67.3L204 272l-89-67.7 110.1-1 34.2-109.4L294 203l110.1.1-88.5 68.4 33.9 109.6z"}))),Ae=Object.values(s.siteOptions).reduce(((e,{phoneCountry:t})=>(e.includes(t)||e.push(t),e)),[]),Se={PH:Oe,KH:ze,ID:ye,IN:we,MM:je,MY:Me,TH:He,TW:ke,VN:Le};var Be={phoneInput:"i-9Ibox",error:"YDWHh9b"};const Ie=e.forwardRef(((t,r)=>{const{isError:a,defaultCountry:n,countries:o=Ae,countryCallingCodeEditable:i=!1,defaultValue:s,value:c,onChange:d,className:m}=t,h=l.__rest(t,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","className"]),[p,g]=e.useState(s||c),[v,b]=e.useState(null);return e.useEffect((()=>{g(c)}),[c]),e.useEffect((()=>{l.__awaiter(void 0,void 0,void 0,(function*(){const e=yield Promise.resolve().then((function(){return u(require("react-phone-number-input"))}));b(e)}))}),[]),v?f.default.createElement(v.default,Object.assign({ref:r,value:p,onChange:e=>{g(e),null==d||d(e)},countries:o,defaultCountry:n,countryCallingCodeEditable:i,className:ue(Be.phoneInput,{isError:a,[Be.error]:a},m),flagUrl:void 0,flagComponent:e=>{const{country:t,countryName:r,flagUrl:a}=e,n=l.__rest(e,["country","countryName","flagUrl"]),o=Se[t],i=t?`(+${v.getCountryCallingCode(t)})`:"";return o?f.default.createElement(f.default.Fragment,null,f.default.createElement(o,Object.assign({title:r},n)),f.default.createElement("span",{className:ue(Be.callingCode,"PhoneInputCountryIconCallingCode")},i)):f.default.createElement(f.default.Fragment,null)},countrySelectProps:{arrowComponent:()=>f.default.createElement("div",{className:ue(Be.arrowSelect,"PhoneInputArrowContainer")},f.default.createElement(Ce,null))}},h)):null})),Pe=e=>{var{children:r}=e,a=l.__rest(e,["children"]);return f.default.createElement(t.Tabs,Object.assign({},a),r)};Pe.List=t.Tabs.List,Pe.Tab=t.Tabs.Tab,Pe.Panel=t.Tabs.Panel,exports.Accordion=ee,exports.Anchor=S,exports.AspectRatio=I,exports.Avatar=e=>{var{withIndicator:r=!1,indicatorConfig:a=null,size:n=56,children:o,styles:i}=e,s=l.__rest(e,["withIndicator","indicatorConfig","size","children","styles"]);const c=()=>f.default.createElement(t.Avatar,Object.assign({size:n,radius:"xl"},s,{imageProps:Object.assign({loading:"lazy"},s.imageProps)}),o||f.default.createElement("img",{loading:"lazy",src:te,width:n}));return r?f.default.createElement(t.Indicator,Object.assign({inline:!0,position:"bottom-end",offset:9},a,{styles:Object.assign({indicator:{backgroundColor:f.default.isValidElement(a.label)&&"transparent",zIndex:1}},i)}),c()):c()},exports.Breadcrumbs=Z,exports.Cambodia=ze,exports.CaretDown=Ce,exports.Carousel=j,exports.Checkbox=se,exports.DEBOUNCED_TIME=300,exports.DatePicker=z,exports.India=we,exports.Indonesia=ye,exports.Input=ie,exports.MAPPED_LOCALE=P,exports.Malaysia=Me,exports.Myanmar=je,exports.NumberInput=ae,exports.OTHER_THEME_CONFIG=k,exports.OTP=xe,exports.Phillipines=Oe,exports.Phone=Ie,exports.Radio=me,exports.StyledModal=Q,exports.StyledSlider=ce,exports.StyledSliderWrapper=de,exports.StyledTextArea=X,exports.Tabs=Pe,exports.Taiwan=ke,exports.Text=L,exports.Thailand=He,exports.Vietnam=Le,exports.commonjsGlobal=he,exports.createCommonjsModule=pe,exports.emotionCache=re,exports.getHeadingStyles=W,exports.getMantineThemeOverride=(e,t="hb")=>({defaultRadius:"hb"===t?4:16,datesLocale:P[e],dateFormat:s.ISO_FORMAT[e].dateFormat,colors:Object.assign(Object.assign(Object.assign({},U),m.theme.colors),{toneYellow:"#fff9eb",toneGreen:"#f2fcf7",toneBlue:"#e0e9fb",tonePink:"#ffeaf1"}),primaryColor:t,primaryShade:6,fontFamily:e===c.LOCALE.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",breakpoints:{xs:o.Breakpoints.BREAK_POINT_SMALL_MOBILE,sm:o.Breakpoints.BREAK_POINT_MOBILE,md:o.Breakpoints.BREAK_POINT_TABLET,lg:o.Breakpoints.BREAK_POINT_PC,xl:o.Breakpoints.BREAK_POINT_LGPC},components:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},V(e)),$),G),T),q),K),other:{template:t,defaultImage:r.CommonGAssets.getAssetPath("mb"===t?"default-image-mb.jpg":"default-image.jpg")}}),exports.themeColors=U,exports.useMantineLocale=t=>{const[r,a]=e.useState(!1);return e.useEffect((()=>{l.__awaiter(void 0,void 0,void 0,(function*(){var e;a(!1),yield null===(e=_[t])||void 0===e?void 0:e.call(_),b.default.locale(P[t]),a(!0)}))}),[t]),{isLoaded:r}},exports.useScreenSize=y,exports.useStyles=Y;

package/build/index.styled-722fa7a1.js

@@ -1,50 +0,0 @@
-"use strict";var e=require("./tslib.es6-ff6d8bab.js"),t=require("react"),n=require("./Onboarding-5e427213.js"),r=require("./gAssets.js"),a=require("./theme-3d7b7e57.js"),o=require("styled-components"),i=require("./index-2479abce.js"),l=require("./index-76781aaa.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(t),c=s(o);const u=c.default.div`
-  display: inline-flex;
-  overflow: hidden;
-  width: ${e=>e.size}px;
-  height: ${e=>e.size}px;
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: center;
-
-  border: 1px solid #e4e8ec;
-  background-color: ${e=>e.backgroundColor||a.theme.colors.white};
-  border-radius: ${e=>e.borderRadius||"50%"};
-  & > * {
-    width: ${e=>e.iconSize}px;
-    height: ${e=>e.iconSize}px;
-  }
-`,p=c.default.div`
-  display: inline-block;
-  height: 108px;
-  background-color: ${e=>e.theme.colors.white};
-  border-radius: 60px;
-  cursor: pointer;
-  &.selected-week-pill {
-    background-color: ${e=>e.theme.colors.pink100};
-  }
-
-  & > div:first-child {
-    margin: 4px 4px 0;
-  }
-
-  & > p {
-    margin-top: 8px;
-    text-align: center;
-  }
-
-  & > * {
-    pointer-events: none;
-  }
-`,b=[n.LOCALE.Myanmar,n.LOCALE.Taiwan],g=c.default((n=>{var{icon:o,name:l,className:s,locale:c="en-PH",dataEventCategory:g,dataEventAction:x,dataEventLabel:m,onSelect:h}=n,f=e.__rest(n,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const v=t.useMemo((()=>null==s?void 0:s.includes("selected-week-pill")),[s]);return d.default.createElement(p,Object.assign({onClick:h,className:s?"week-pill".concat(" non-pointer-event-child ",s):"week-pill non-pointer-event-child","data-event-category":g,"data-event-action":x,"data-event-label":m},f),d.default.createElement(u,{size:64,iconSize:40,backgroundColor:a.theme.colors.white},d.default.createElement("img",{src:o||r.CommonGAssets.getAssetPath("week_default.png"),alt:""})),v?d.default.createElement(i.Text,Object.assign({type:"semiBold",size:"n1",color:a.theme.colors.gray800},b.includes(c)&&{style:{fontSize:"10px"}}),l):d.default.createElement(i.Text,Object.assign({size:"n1",color:a.theme.colors.gray600},b.includes(c)&&{style:{fontSize:"10px"}}),l))}))`
-  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
-`,x=c.default(l.CentralCarousel.Slide)`
-  cursor: pointer;
-  > div * {
-    pointer-events: none;
-  }
-`,m=c.default(l.CentralCarousel)`
-  .centerred-pill-wrapper {
-    padding: 16px 0;
-  }
-`;exports.StyledCarousel=m,exports.StyledPill=g,exports.StyledSlide=x;

package/build/utils-0eff6749.js

@@ -1,166 +0,0 @@
-"use strict";require("dayjs"),require("./screenSizeContext-2a70b050.js");var e=require("react"),t=require("styled-components"),r=require("./theme-3d7b7e57.js"),n=require("./index-d3826236.js"),a=require("./utils-a25ea61c.js");require("./isProduction-5377bba0.js");var i=require("./Onboarding-5e427213.js");require("./gAssets.js");var o=require("./tslib.es6-ff6d8bab.js"),s=require("@mantine/form");require("./index.styled-6e88c577.js");var d=require("./index-bcc60c35.js"),l=require("@mantine/core");require("./index-ff37193f.js");var u=require("./index-8515331b.js");require("./index.styled-360b806d.js");var p=require("./useTranslations-b15251a8.js");require("./index-cd53c242.js");var m=require("./index-dfb7b798.js");require("./index-76781aaa.js"),require("@mantine/hooks"),require("lodash/debounce");var c=require("./Visible-a814efb4.js"),g=require("yup");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}require("./translationsContext-3005d851.js"),require("string-format");var h=b(e),x=b(t),E=f(g);const L=e.createContext({}),[O,y,w]=s.createFormContext(),C=x.default.div`
-  margin-top: 70px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-`,P=x.default(l.Container)`
-  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    height: 100%;
-    width: 100%;
-    max-width: 520px;
-  }
-  .header {
-    margin-bottom: 32px;
-    text-align: center;
-    ${a.MediaQueries.mbDown} {
-      margin-bottom: 16px;
-    }
-  }
-
-  .input-control {
-    width: 100%;
-  }
-  .radio-group,
-  .input-control {
-    margin-bottom: 16px;
-  }
-  .form {
-    width: 100%;
-  }
-
-  /* .form-error {
-    margin-top: 32px;
-    font-size: 14px;
-  }
-
-  .field-error {
-    margin-top: 10px;
-    font-size: 14px;
-  } */
-
-  .form-button {
-    width: 100%;
-  }
-`,v=x.default.img`
-  margin-bottom: 38px;
-`,j=t=>{var a,{heading:i,description:s,children:d,className:p,imgSrc:c}=t,g=o.__rest(t,["heading","description","children","className","imgSrc"]);const{isMarryBaby:b,siteType:f}=e.useContext(L);return h.default.createElement(P,Object.assign({},g,{className:`hhg-comp-onboarding-container ${p}`,size:"sm"}),h.default.createElement(u.LogoIcon,{type:b?f:(null===(a=n.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===a?void 0:a.LOGO_TYPE)||"hellobacsi"}),h.default.createElement(C,null,c&&h.default.createElement(v,{src:c,loading:"lazy"}),h.default.createElement("div",{className:"header"},h.default.createElement(l.Title,{order:3},i),h.default.createElement(m.Text,{size:"p3",mt:8,color:r.theme.colors.gray600},s)),d))},A=x.default.div`
-  position: fixed;
-  inset: 0;
-  z-index: 1000;
-  background: white;
-  overflow-y: auto;
-`,q=x.default.div`
-  height: 100%;
-  ${a.MediaQueries.lgPcUp} {
-    display: table;
-    width: 100%;
-    height: calc(100% - 25px);
-  }
-`,M=x.default.div`
-  padding: 48px 24px 24px;
-
-  ${a.MediaQueries.lgPcUp} {
-    display: table-cell;
-
-    &[data-has-banner='true'] {
-      width: calc(100% - 640px);
-    }
-  }
-`,I=x.default.div`
-  width: 640px;
-  padding: 16px 16px 0 16px;
-  display: none;
-
-  ${a.MediaQueries.lgPcUp} {
-    width: 640px;
-    display: table-cell;
-  }
-`,T=x.default.div`
-  background-color: ${r.theme.colors.primary50};
-  border-radius: 12px;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-
-  &[data-is-marry-baby='true'] {
-    background-color: ${r.theme.mbColors.tonePink};
-  }
-`,S=x.default.div`
-  margin-top: 40px;
-  padding: 24px 40px;
-`,N=x.default.img`
-  width: 100%;
-  display: block;
-`,k=x.default.div`
-  .phone-input {
-    width: 100%;
-    margin-bottom: 32px;
-    ${a.MediaQueries.mbDown} {
-      margin-bottom: 16px;
-    }
-    .PhoneInput {
-      margin-bottom: 16px;
-    }
-    .PhoneInputCountry {
-      border-radius: 4px 0 0 4px;
-    }
-    .PhoneInputInput {
-      border-radius: 0 4px 4px 0;
-    }
-  }
-`,z={[i.LOCALE.Vietnam]:"VN",[i.LOCALE.Cambodia]:"KH",[i.LOCALE.Indonesia]:"ID",[i.LOCALE.Malaysia]:"MY",[i.LOCALE.PhilippinesEnglish]:"PH",[i.LOCALE.PhilippinesTagalog]:"PH",[i.LOCALE.Taiwan]:"TW",[i.LOCALE.Thailand]:"TH",[i.LOCALE.Myanmar]:"MM"},B=({inputOrder:e=["phone"]})=>{const{t:t}=p.useTranslations(),r=y(),n=h.default.createElement("div",{className:"phone-input"},h.default.createElement(m.Phone,Object.assign({defaultCountry:z[process.env.UNIFY_LOCALE]||"VN"},r.getInputProps("phone"))),h.default.createElement(l.Input.Error,null,r.errors.phone)),a=h.default.createElement(m.Input,Object.assign({label:h.default.createElement(m.Text,{size:"s4",weight:"semiBold",as:"span"},t("onboarding.formEmail.yourName")),withAsterisk:!0},r.getInputProps("name"))),i=h.default.createElement(m.Input,Object.assign({label:h.default.createElement(m.Text,{size:"s4",weight:"semiBold",as:"span"},t("onboarding.formEmail.yourEmail")),withAsterisk:!0},r.getInputProps("email"))),o=h.default.createElement(m.DatePicker,Object.assign({label:h.default.createElement(m.Text,{size:"s4",weight:"semiBold",as:"span"},t("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},r.getInputProps("dob"))),s=h.default.createElement(m.Radio.Group,Object.assign({className:"radio-group",label:h.default.createElement(m.Text,{size:"s4",weight:"semiBold",as:"span"},t("bmi.selectGender"))},r.getInputProps("gender")),h.default.createElement(m.Radio,{value:"0",label:t("onboarding.formEmail.genderMale")}),h.default.createElement(m.Radio,{value:"1",label:t("onboarding.formEmail.genderFemale")})),d=h.default.createElement("div",{className:"otp-input"},h.default.createElement(m.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},r.getInputProps("otp"))),h.default.createElement(l.Input.Error,null,r.errors.otp)),u=h.default.createElement(m.Input.Password,Object.assign({label:h.default.createElement(m.Text,{size:"s4",weight:"semiBold",as:"span"},t("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:h.default.createElement(c.Visible,null)},r.getInputProps("password"))),g=h.default.createElement(m.Input.Password,Object.assign({label:h.default.createElement(m.Text,{size:"s4",weight:"semiBold",as:"span"},t("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:h.default.createElement(c.Visible,null)},r.getInputProps("confirmPassword"))),b=e.map((e=>{switch(e){case"phone":return n;case"full_name":return a;case"email":return i;case"dob":return o;case"gender":return s;case"otp":return d;case"password":return u;case"confirm_password":return g;default:return null}}));return h.default.createElement(k,null,b)},D=e=>E.object().shape({phone:E.string().required(e("onboarding.updatePhone.error")).default("")}),_=x.default(j)`
-  .phone-input {
-    width: 100%;
-    margin-bottom: 32px;
-    ${a.MediaQueries.mbDown} {
-      margin-bottom: 16px;
-    }
-    .PhoneInput {
-      margin-bottom: 16px;
-    }
-    .PhoneInputCountry {
-      border-radius: 4px 0 0 4px;
-    }
-    .PhoneInputInput {
-      border-radius: 0 4px 4px 0;
-    }
-  }
-`,F={[i.LOCALE.Vietnam]:"VN",[i.LOCALE.Cambodia]:"KH",[i.LOCALE.Indonesia]:"ID",[i.LOCALE.Malaysia]:"MY",[i.LOCALE.PhilippinesEnglish]:"PH",[i.LOCALE.PhilippinesTagalog]:"PH",[i.LOCALE.Taiwan]:"TW",[i.LOCALE.Thailand]:"TH",[i.LOCALE.Myanmar]:"MM",[i.LOCALE.India]:"IN"},$=x.default(j)`
-  .otp-input {
-    margin-bottom: 36px;
-    ${a.MediaQueries.mbDown} {
-      margin-bottom: 20px;
-    }
-    .otpContainer {
-      margin-bottom: 16px;
-    }
-  }
-  .resend {
-    display: flex;
-    gap: 6px;
-    margin-bottom: 32px;
-    ${a.MediaQueries.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;
-  }
-`;i.LOCALE.Vietnam,i.LOCALE.Cambodia,i.LOCALE.Indonesia,i.LOCALE.Malaysia,i.LOCALE.PhilippinesEnglish,i.LOCALE.PhilippinesTagalog,i.LOCALE.Taiwan,i.LOCALE.Thailand,i.LOCALE.Myanmar;exports.DynamicForm=B,exports.FormProvider=O,exports.MAPPED_LOCALE=F,exports.Onboarding=j,exports.OnboardingContext=L,exports.OnboardingForm=({onClose:e,onSubmit:t,canSkip:r=!0,customFormTexts:n})=>{const{t:a}=p.useTranslations(),i=w({initialValues:{phone:""},validate:s.yupResolver(D(a))});return h.default.createElement(_,{heading:(null==n?void 0:n.heading)||a("onboarding.updatePhone.heading"),description:(null==n?void 0:n.description)||a("onboarding.updatePhone.description")},h.default.createElement(O,{form:i},h.default.createElement("form",{onSubmit:i.onSubmit((e=>o.__awaiter(void 0,void 0,void 0,(function*(){t(e.phone)}))),(e=>{console.log(e)}))},h.default.createElement(B,{inputOrder:["phone"]}),h.default.createElement(d.Button,{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"},a("onboarding.button.continue")),r&&h.default.createElement(d.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},a("onboarding.button.skip")))))},exports.StyledBannerCol=I,exports.StyledBannerImg=N,exports.StyledBannerInner=T,exports.StyledContainer=q,exports.StyledContent=M,exports.StyledIntro=S,exports.StyledOnboardingModal=A,exports.StyledOtpForm=$,exports.hiddenEmailChar=(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"))},exports.onboardingEmailSchema=e=>E.object().shape({email:E.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:E.string().required(e("onboarding.errorMessage.requiredName"))}),exports.onboardingUpdatePasswordSchema=e=>E.object().shape({password:E.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:E.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([E.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),exports.otpSchema=e=>E.object().shape({otp:E.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),exports.useForm=w;