@hhgtech/hhg-components 1.24.24 → 1.25.1

package/build/{index-d79a8088.js → index-9baebcfb.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("react"),t=require("@mantine/core"),r=require("./gAssets.js"),n=require("@mantine/dates"),a=require("styled-components"),i=require("./tslib.es6-38ca4ed4.js"),o=require("dayjs");require("./screenSizeContext-1a636652.js");var l=require("./theme-3f6eb026.js"),s=require("./index-eee9dc33.js"),c=require("./utils-5059f45b.js");require("./isProduction-c3b839b7.js");var u=require("./Onboarding-75f209ca.js"),d=require("@mantine/carousel"),p=require("./index-f7bb622c.js"),f=require("./Vietnam-e4ae5474.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(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)}var m=g(e),b=g(a),v=g(o);const y=b.default(n.DatePicker)`
+"use strict";var e=require("react"),t=require("@mantine/core"),n=require("./gAssets.js"),r=require("@mantine/dates"),a=require("styled-components"),i=require("./tslib.es6-60af4bbd.js"),o=require("dayjs");require("./screenSizeContext-c9cc717c.js");var l=require("./theme-2b9a4e93.js"),s=require("./index-4fde0d47.js"),c=require("./utils-92cca1ec.js");require("./isProduction-e2f74ccf.js");var u=require("./Onboarding-2cb327c6.js"),d=require("@mantine/carousel"),p=require("./index-7c767da1.js"),f=require("./Vietnam-60cfaba9.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=g(e),b=g(a),v=g(o);const y=b.default(r.DatePicker)`
   position: relative;
   ${e=>e.fullWidth&&a.css`
       .mantine-DatePicker-dropdown {
@@ -8,7 +8,7 @@
         align-items: center;
       }
     `}
-`,C=b.default(n.DateRangePicker)`
+`,C=b.default(r.DateRangePicker)`
   position: relative;
   ${e=>e.fullWidth&&a.css`
       .mantine-DateRangePicker-dropdown {
@@ -18,16 +18,18 @@
         align-items: center;
       }
     `}
-`,x=e=>m.default.createElement(y,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:m.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)||""}`}));x.Range=e=>m.default.createElement(C,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:m.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},e));const E=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:[32,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}}),j=b.default(t.Text)`
-  font-weight: ${e=>E.fontWeight[e["data-weight"]]};
-  font-size: ${e=>E.fontSize[e["data-size"]][0]}px;
-  line-height: ${e=>E.lineHeight[e["data-size"]][0]}px;
-  letter-spacing: ${e=>{var t,r,n;return null!==(n=null===(r=null===(t=E.letterSpacing)||void 0===t?void 0:t[e["data-size"]])||void 0===r?void 0:r[0])&&void 0!==n?n:0}}px;
+`,x=e=>m.default.createElement(y,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:m.default.createElement(t.Image,{src:n.CommonGAssets.getAssetPath(e.isMB?"MB-calendar.svg":"OutlineCalendar.svg"),width:16,height:16})},e,{className:`input-control ${(null==e?void 0:e.className)||""}`}));x.Range=e=>m.default.createElement(C,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:m.default.createElement(t.Image,{src:n.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},e));const E=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:[32,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}}),j=b.default(t.Text)`
+  &.mantine-Text-root {
+    font-weight: ${e=>E.fontWeight[e["data-weight"]]};
+    font-size: ${e=>E.fontSize[e["data-size"]][0]}px;
+    line-height: ${e=>E.lineHeight[e["data-size"]][0]}px;
+    letter-spacing: ${e=>{var t,n,r;return null!==(r=null===(n=null===(t=E.letterSpacing)||void 0===t?void 0:t[e["data-size"]])||void 0===n?void 0:n[0])&&void 0!==r?r:0}}px;
 
-  ${c.MediaQueries.mbDown} {
-    font-size: ${e=>E.fontSize[e["data-size"]][1]}px;
-    line-height: ${e=>E.lineHeight[e["data-size"]][1]}px;
-    letter-spacing: ${e=>{var t,r,n;return null!==(n=null===(r=null===(t=E.letterSpacing)||void 0===t?void 0:t[e["data-size"]])||void 0===r?void 0:r[1])&&void 0!==n?n:0}}px;
+    ${c.MediaQueries.mbDown} {
+      font-size: ${e=>E.fontSize[e["data-size"]][1]}px;
+      line-height: ${e=>E.lineHeight[e["data-size"]][1]}px;
+      letter-spacing: ${e=>{var t,n,r;return null!==(r=null===(n=null===(t=E.letterSpacing)||void 0===t?void 0:t[e["data-size"]])||void 0===n?void 0:n[1])&&void 0!==r?r:0}}px;
+    }
   }
 `,O=b.default(t.Textarea)`
   .mantine-Textarea-input {
@@ -49,13 +51,13 @@
         width: 16px;
         height: 16px;
         background-position: center;
-        background-image: url(${e=>e.closeChevron||r.CommonGAssets.getAssetPath("plus-icon.svg")});
+        background-image: url(${e=>e.closeChevron||n.CommonGAssets.getAssetPath("plus-icon.svg")});
       }
     }
     &[data-active='true'] {
       .mantine-Accordion-chevron {
         > div {
-          background-image: url(${e=>e.openChevron||r.CommonGAssets.getAssetPath("minus-icon.svg")});
+          background-image: url(${e=>e.openChevron||n.CommonGAssets.getAssetPath("minus-icon.svg")});
         }
       }
     }
@@ -66,10 +68,10 @@
   .mantine-Accordion-content {
     white-space: pre-wrap;
   }
-`,S=e=>{var{children:t}=e,r=i.__rest(e,["children"]);return m.default.createElement(A,Object.assign({chevron:m.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),t)};S.Control=t.Accordion.Control,S.Item=t.Accordion.Item,S.Panel=t.Accordion.Panel;const L=r.CommonGAssets.getAssetPath("avatar.jpg");class k 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||m.default.createElement(m.default.Fragment,null):this.props.children}}const w=e=>{var{slidesToShow:t=1,children:r}=e,n=i.__rest(e,["slidesToShow","children"]);return(Array.isArray(r)?r.length:1)?m.default.createElement(k,null,m.default.createElement(d.Carousel,Object.assign({slideSize:String(Math.floor(1/t*100))+"%",containScroll:"trimSnaps"},n),r)):null};w.Slide=d.Carousel.Slide;const P=e=>m.default.createElement(t.Checkbox,Object.assign({},e));P.Group=t.Checkbox.Group;const z=e=>{var{color:r,styles:n}=e,a=i.__rest(e,["color","styles"]);return m.default.createElement(t.Radio,Object.assign({size:"sm"},a,{styles:e=>Object.assign(Object.assign({},n),{icon:{color:e.colors[e.primaryColor][e.primaryShade]}})}))};z.Group=t.Radio.Group;const I={[u.LOCALE.Vietnam]:"vi",[u.LOCALE.Cambodia]:"km",[u.LOCALE.India]:"hi",[u.LOCALE.Indonesia]:"id",[u.LOCALE.Malaysia]:"ms",[u.LOCALE.Thailand]:"th",[u.LOCALE.Taiwan]:"zh-tw",[u.LOCALE.PhilippinesTagalog]:"tl-ph",[u.LOCALE.PhilippinesEnglish]:"en",[u.LOCALE.Myanmar]:"my"},_={[u.LOCALE.Vietnam]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/vi.js"))})),[u.LOCALE.Cambodia]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/km.js"))})),[u.LOCALE.India]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/hi.js"))})),[u.LOCALE.Indonesia]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/id.js"))})),[u.LOCALE.Malaysia]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/ms.js"))})),[u.LOCALE.Thailand]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/th.js"))})),[u.LOCALE.Taiwan]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/zh-tw.js"))})),[u.LOCALE.PhilippinesTagalog]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/tl-ph.js"))})),[u.LOCALE.PhilippinesEnglish]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/en.js"))})),[u.LOCALE.Myanmar]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/my.js"))}))},q={"&:hover":{border:`1px solid ${l.theme.colors.primaryBase}`}},H=[{size:40,lineHeight:"52px",letterSpacing:"-1.2px"},{size:32,lineHeight:"42px",letterSpacing:"-1px"},{size:26,lineHeight:"36px",letterSpacing:"-0.8px"},{size:22,lineHeight:"32px",letterSpacing:"-0.6px"},{size:18,lineHeight:"28px",letterSpacing:"-0.2px"},{size:16,lineHeight:"24px",letterSpacing:0}],D=[{size:26,lineHeight:"534px",letterSpacing:"-0.9px"},{size:24,lineHeight:"32px",letterSpacing:"-0.8px"},{size:20,lineHeight:"26px",letterSpacing:"-0.7px"},{size:18,lineHeight:"26px",letterSpacing:"-0.6px"},{size:16,lineHeight:"24px",letterSpacing:"-0.2px"},{size:14,lineHeight:"22px",letterSpacing:"-0.2px"}],T=(e=!1)=>Object.fromEntries((e?D:H).map(((e,t)=>[`&:is(h${t+1})`,{fontSize:e.size,lineHeight:e.lineHeight,letterSpacing:e.letterSpacing}]))),M={Title:{styles:{root:Object.assign(Object.assign({fontWeight:E.fontWeight.bold},T()),{[`&${c.MediaQueries.mbDown}`]:Object.assign({},T(!0))})}}},N={Radio:{styles:{radio:Object.assign(Object.assign({backgroundColor:"#ffffff"},q),{"&:checked":{backgroundColor:"#ffffff"}})}}};
+`,S=e=>{var{children:t}=e,n=i.__rest(e,["children"]);return m.default.createElement(A,Object.assign({chevron:m.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},n),t)};S.Control=t.Accordion.Control,S.Item=t.Accordion.Item,S.Panel=t.Accordion.Panel;const L=n.CommonGAssets.getAssetPath("avatar.jpg");class k 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||m.default.createElement(m.default.Fragment,null):this.props.children}}const w=e=>{var{slidesToShow:t=1,children:n}=e,r=i.__rest(e,["slidesToShow","children"]);return(Array.isArray(n)?n.length:1)?m.default.createElement(k,null,m.default.createElement(d.Carousel,Object.assign({slideSize:String(Math.floor(1/t*100))+"%",containScroll:"trimSnaps"},r),n)):null};w.Slide=d.Carousel.Slide;const P=e=>m.default.createElement(t.Checkbox,Object.assign({},e));P.Group=t.Checkbox.Group;const z=e=>{var{color:n,styles:r}=e,a=i.__rest(e,["color","styles"]);return m.default.createElement(t.Radio,Object.assign({size:"sm"},a,{styles:e=>Object.assign(Object.assign({},r),{icon:{color:e.colors[e.primaryColor][e.primaryShade]}})}))};z.Group=t.Radio.Group;const I={[u.LOCALE.Vietnam]:"vi",[u.LOCALE.Cambodia]:"km",[u.LOCALE.India]:"hi",[u.LOCALE.Indonesia]:"id",[u.LOCALE.Malaysia]:"ms",[u.LOCALE.Thailand]:"th",[u.LOCALE.Taiwan]:"zh-tw",[u.LOCALE.PhilippinesTagalog]:"tl-ph",[u.LOCALE.PhilippinesEnglish]:"en",[u.LOCALE.Myanmar]:"my"},_={[u.LOCALE.Vietnam]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/vi.js"))})),[u.LOCALE.Cambodia]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/km.js"))})),[u.LOCALE.India]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/hi.js"))})),[u.LOCALE.Indonesia]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/id.js"))})),[u.LOCALE.Malaysia]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/ms.js"))})),[u.LOCALE.Thailand]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/th.js"))})),[u.LOCALE.Taiwan]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/zh-tw.js"))})),[u.LOCALE.PhilippinesTagalog]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/tl-ph.js"))})),[u.LOCALE.PhilippinesEnglish]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/en.js"))})),[u.LOCALE.Myanmar]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/my.js"))}))},q={"&:hover":{border:`1px solid ${l.theme.colors.primaryBase}`}},H=[{size:40,lineHeight:"52px",letterSpacing:"-1.2px"},{size:32,lineHeight:"42px",letterSpacing:"-1px"},{size:26,lineHeight:"36px",letterSpacing:"-0.8px"},{size:22,lineHeight:"32px",letterSpacing:"-0.6px"},{size:18,lineHeight:"28px",letterSpacing:"-0.2px"},{size:16,lineHeight:"24px",letterSpacing:0}],D=[{size:26,lineHeight:"534px",letterSpacing:"-0.9px"},{size:24,lineHeight:"32px",letterSpacing:"-0.8px"},{size:20,lineHeight:"26px",letterSpacing:"-0.7px"},{size:18,lineHeight:"26px",letterSpacing:"-0.6px"},{size:16,lineHeight:"24px",letterSpacing:"-0.2px"},{size:14,lineHeight:"22px",letterSpacing:"-0.2px"}],T=(e=!1)=>Object.fromEntries((e?D:H).map(((e,t)=>[`&:is(h${t+1})`,{fontSize:e.size,lineHeight:e.lineHeight,letterSpacing:e.letterSpacing}]))),M={Title:{styles:{root:Object.assign(Object.assign({fontWeight:E.fontWeight.bold},T()),{[`&${c.MediaQueries.mbDown}`]:Object.assign({},T(!0))})}}},N={Radio:{styles:{radio:Object.assign(Object.assign({backgroundColor:"#ffffff"},q),{"&:checked":{backgroundColor:"#ffffff"}})}}};
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var R=p.createCommonjsModule((function(e){!function(){var t={}.hasOwnProperty;function r(){for(var e=[],n=0;n<arguments.length;n++){var a=arguments[n];if(a){var i=typeof a;if("string"===i||"number"===i)e.push(a);else if(Array.isArray(a)){if(a.length){var o=r.apply(null,a);o&&e.push(o)}}else if("object"===i){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){e.push(a.toString());continue}for(var l in a)t.call(a,l)&&a[l]&&e.push(l)}}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):window.classNames=r}()}));function $(e,t=6){const r=new Array(t).fill("");if(e){const t=e.toString().split("");r.map(((e,n)=>{t[n]&&(r[n]=t[n]||"")}))}return r}function G(e){return e.join("")}var V="_2iQs0sk",W="Ia6IojY";const B=e.forwardRef(((e,t)=>{const{maxLength:r=1,placeholder:n,className:a}=e,o=i.__rest(e,["maxLength","placeholder","className"]);return m.default.createElement("input",Object.assign({maxLength:r,className:R(W,"otpInput",a),placeholder:n,type:"number"},o,{ref:t}))})),F=e.forwardRef(((r,n)=>{const{valueLength:a=6,type:i="number",value:o,defaultValue:l,onChange:s,onBlur:c}=r,u=e.useRef(new Array(a).fill(null)),[d,p]=e.useState(l||o),[f,g]=e.useState(-1),[h,b]=e.useState((()=>$(d,a))),v=e.useCallback((()=>{if(-1===f)return;const e=u.current[f];if(e){e.value="";const t=h;t[f]="",b(t),p((()=>G(t))),null==s||s(G(t))}}),[f,s,h]),y=e.useCallback((()=>{if(0===f)return;const e=u.current[f];e&&e.blur();const t=u.current[f-1];t&&t.focus()}),[f]),C=e.useCallback((()=>{if(f===a-1)return;const e=u.current[f];e&&e.blur();const t=u.current[f+1];t&&t.focus()}),[f,a]),x=e.useCallback((e=>{const t=e.target,r=t.value.toString().slice(0,1),n=u.current.findIndex((e=>e===t));if(-1!==n){const e=h;e[n]=r,b(e),p((()=>G(e))),null==s||s(G(e))}C()}),[C,s,h]),E=e.useCallback((e=>{const t=e.target,r=u.current.findIndex((e=>e===t));"number"===i?t.select():t.setSelectionRange(0,t.value.length,"backward"),-1!==r&&g(r)}),[]),j=e.useCallback((e=>{const t=$(e.clipboardData.getData("text/plain"),a),r=G(t);b(t),p(r),null==s||s(r)}),[s,i,a]),O=e.useCallback((e=>{8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),v(),y()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),v()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),y()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),C()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[v,C,y]);return e.useImperativeHandle(n,(()=>u.current[0]),[]),e.useEffect((()=>{b((()=>$(o,a))),p(o)}),[a,o]),m.default.createElement(t.Flex,{justify:"center",columnGap:8,className:R(V,"otpContainer")},h.map(((e,t)=>m.default.createElement(B,{ref:e=>{u.current[t]=e},key:""+t,value:e,type:i,onChange:x,onFocus:E,onKeyDown:O,onPaste:j,onBlur:c}))))})),U=Object.values(s.siteOptions).reduce(((e,{phoneCountry:t})=>(e.includes(t)||e.push(t),e)),[]),Q={PH:f.Phillipines,KH:f.Cambodia,ID:f.India,IN:f.Indonesia,MM:f.Myanmar,MY:f.Malaysia,TH:f.Thailand,TW:f.Taiwan,VN:f.Vietnam};var Y={phoneInput:"i-9Ibox",error:"YDWHh9b"};const K=e.forwardRef(((t,r)=>{const{isError:n,defaultCountry:a,countries:o=U,countryCallingCodeEditable:l=!1,defaultValue:s,value:c,onChange:u,className:d}=t,p=i.__rest(t,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","className"]),[g,b]=e.useState(s||c),[v,y]=e.useState(null);return e.useEffect((()=>{b(c)}),[c]),e.useEffect((()=>{i.__awaiter(void 0,void 0,void 0,(function*(){const e=yield Promise.resolve().then((function(){return h(require("react-phone-number-input"))}));y(e)}))}),[]),v?m.default.createElement(v.default,Object.assign({ref:r,value:g,onChange:e=>{b(e),null==u||u(e)},countries:o,defaultCountry:a,countryCallingCodeEditable:l,className:R(Y.phoneInput,{isError:n,[Y.error]:n},d),flagUrl:void 0,flagComponent:e=>{const{country:t,countryName:r,flagUrl:n}=e,a=i.__rest(e,["country","countryName","flagUrl"]),o=Q[t],l=t?`(+${v.getCountryCallingCode(t)})`:"";return o?m.default.createElement(m.default.Fragment,null,m.default.createElement(o,Object.assign({title:r},a)),m.default.createElement("span",{className:R(Y.callingCode,"PhoneInputCountryIconCallingCode")},l)):m.default.createElement(m.default.Fragment,null)},countrySelectProps:{arrowComponent:()=>m.default.createElement("div",{className:R(Y.arrowSelect,"PhoneInputArrowContainer")},m.default.createElement(f.CaretDown,null))}},p)):null}));exports.ANIMATION_DURATION="100ms",exports.Accordion=S,exports.Avatar=e=>{var{withIndicator:r=!1,indicatorConfig:n=null,size:a=56,children:o,styles:l}=e,s=i.__rest(e,["withIndicator","indicatorConfig","size","children","styles"]);const c=()=>m.default.createElement(t.Avatar,Object.assign({size:a,radius:"xl"},s,{imageProps:Object.assign({loading:"lazy"},s.imageProps)}),o||m.default.createElement("img",{loading:"lazy",src:L,width:a}));return r?m.default.createElement(t.Indicator,Object.assign({inline:!0,position:"bottom-end",offset:9},n,{styles:Object.assign({indicator:{backgroundColor:m.default.isValidElement(n.label)&&"transparent",zIndex:1}},l)}),c()):c()},exports.Carousel=w,exports.Checkbox=P,exports.DatePicker=x,exports.GlobalHeadingStyle=M,exports.GlobalRadioStyle=N,exports.MAPPED_LOCALE=I,exports.OTHER_THEME_CONFIG=E,exports.OTP=F,exports.Phone=K,exports.Radio=z,exports.SHARED_HOVER=q,exports.StyledTextArea=O,exports.Text=e=>{var{size:t,color:r=l.theme.colors.gray800,weight:n="regular",as:a="p"}=e,o=i.__rest(e,["size","color","weight","as"]);return m.default.createElement(j,Object.assign({component:a,"data-weight":n,"data-size":t,color:r},o))},exports.useMantineLocale=t=>{const[r,n]=e.useState(!1);return e.useEffect((()=>{i.__awaiter(void 0,void 0,void 0,(function*(){var e;n(!1),yield null===(e=_[t])||void 0===e?void 0:e.call(_),v.default.locale(I[t]),n(!0)}))}),[t]),{isLoaded:r}};
+var R=p.createCommonjsModule((function(e){!function(){var t={}.hasOwnProperty;function n(){for(var e=[],r=0;r<arguments.length;r++){var a=arguments[r];if(a){var i=typeof a;if("string"===i||"number"===i)e.push(a);else if(Array.isArray(a)){if(a.length){var o=n.apply(null,a);o&&e.push(o)}}else if("object"===i){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){e.push(a.toString());continue}for(var l in a)t.call(a,l)&&a[l]&&e.push(l)}}}return e.join(" ")}e.exports?(n.default=n,e.exports=n):window.classNames=n}()}));function $(e,t=6){const n=new Array(t).fill("");if(e){const t=e.toString().split("");n.map(((e,r)=>{t[r]&&(n[r]=t[r]||"")}))}return n}function G(e){return e.join("")}var V="_2iQs0sk",W="Ia6IojY";const B=e.forwardRef(((e,t)=>{const{maxLength:n=1,placeholder:r,className:a}=e,o=i.__rest(e,["maxLength","placeholder","className"]);return m.default.createElement("input",Object.assign({maxLength:n,className:R(W,"otpInput",a),placeholder:r,type:"number"},o,{ref:t}))})),F=e.forwardRef(((n,r)=>{const{valueLength:a=6,type:i="number",value:o,defaultValue:l,onChange:s,onBlur:c}=n,u=e.useRef(new Array(a).fill(null)),[d,p]=e.useState(l||o),[f,g]=e.useState(-1),[h,b]=e.useState((()=>$(d,a))),v=e.useCallback((()=>{if(-1===f)return;const e=u.current[f];if(e){e.value="";const t=h;t[f]="",b(t),p((()=>G(t))),null==s||s(G(t))}}),[f,s,h]),y=e.useCallback((()=>{if(0===f)return;const e=u.current[f];e&&e.blur();const t=u.current[f-1];t&&t.focus()}),[f]),C=e.useCallback((()=>{if(f===a-1)return;const e=u.current[f];e&&e.blur();const t=u.current[f+1];t&&t.focus()}),[f,a]),x=e.useCallback((e=>{const t=e.target,n=t.value.toString().slice(0,1),r=u.current.findIndex((e=>e===t));if(-1!==r){const e=h;e[r]=n,b(e),p((()=>G(e))),null==s||s(G(e))}C()}),[C,s,h]),E=e.useCallback((e=>{const t=e.target,n=u.current.findIndex((e=>e===t));"number"===i?t.select():t.setSelectionRange(0,t.value.length,"backward"),-1!==n&&g(n)}),[]),j=e.useCallback((e=>{const t=$(e.clipboardData.getData("text/plain"),a),n=G(t);b(t),p(n),null==s||s(n)}),[s,i,a]),O=e.useCallback((e=>{8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),v(),y()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),v()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),y()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),C()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[v,C,y]);return e.useImperativeHandle(r,(()=>u.current[0]),[]),e.useEffect((()=>{b((()=>$(o,a))),p(o)}),[a,o]),m.default.createElement(t.Flex,{justify:"center",columnGap:8,className:R(V,"otpContainer")},h.map(((e,t)=>m.default.createElement(B,{ref:e=>{u.current[t]=e},key:""+t,value:e,type:i,onChange:x,onFocus:E,onKeyDown:O,onPaste:j,onBlur:c}))))})),U=Object.values(s.siteOptions).reduce(((e,{phoneCountry:t})=>(e.includes(t)||e.push(t),e)),[]),Q={PH:f.Phillipines,KH:f.Cambodia,ID:f.India,IN:f.Indonesia,MM:f.Myanmar,MY:f.Malaysia,TH:f.Thailand,TW:f.Taiwan,VN:f.Vietnam};var Y={phoneInput:"i-9Ibox",error:"YDWHh9b"};const K=e.forwardRef(((t,n)=>{const{isError:r,defaultCountry:a,countries:o=U,countryCallingCodeEditable:l=!1,defaultValue:s,value:c,onChange:u,className:d}=t,p=i.__rest(t,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","className"]),[g,b]=e.useState(s||c),[v,y]=e.useState(null);return e.useEffect((()=>{b(c)}),[c]),e.useEffect((()=>{i.__awaiter(void 0,void 0,void 0,(function*(){const e=yield Promise.resolve().then((function(){return h(require("react-phone-number-input"))}));y(e)}))}),[]),v?m.default.createElement(v.default,Object.assign({ref:n,value:g,onChange:e=>{b(e),null==u||u(e)},countries:o,defaultCountry:a,countryCallingCodeEditable:l,className:R(Y.phoneInput,{isError:r,[Y.error]:r},d),flagUrl:void 0,flagComponent:e=>{const{country:t,countryName:n,flagUrl:r}=e,a=i.__rest(e,["country","countryName","flagUrl"]),o=Q[t],l=t?`(+${v.getCountryCallingCode(t)})`:"";return o?m.default.createElement(m.default.Fragment,null,m.default.createElement(o,Object.assign({title:n},a)),m.default.createElement("span",{className:R(Y.callingCode,"PhoneInputCountryIconCallingCode")},l)):m.default.createElement(m.default.Fragment,null)},countrySelectProps:{arrowComponent:()=>m.default.createElement("div",{className:R(Y.arrowSelect,"PhoneInputArrowContainer")},m.default.createElement(f.CaretDown,null))}},p)):null}));exports.ANIMATION_DURATION="100ms",exports.Accordion=S,exports.Avatar=e=>{var{withIndicator:n=!1,indicatorConfig:r=null,size:a=56,children:o,styles:l}=e,s=i.__rest(e,["withIndicator","indicatorConfig","size","children","styles"]);const c=()=>m.default.createElement(t.Avatar,Object.assign({size:a,radius:"xl"},s,{imageProps:Object.assign({loading:"lazy"},s.imageProps)}),o||m.default.createElement("img",{loading:"lazy",src:L,width:a}));return n?m.default.createElement(t.Indicator,Object.assign({inline:!0,position:"bottom-end",offset:9},r,{styles:Object.assign({indicator:{backgroundColor:m.default.isValidElement(r.label)&&"transparent",zIndex:1}},l)}),c()):c()},exports.Carousel=w,exports.Checkbox=P,exports.DatePicker=x,exports.GlobalHeadingStyle=M,exports.GlobalRadioStyle=N,exports.MAPPED_LOCALE=I,exports.OTHER_THEME_CONFIG=E,exports.OTP=F,exports.Phone=K,exports.Radio=z,exports.SHARED_HOVER=q,exports.StyledTextArea=O,exports.Text=e=>{var{size:t,color:n=l.theme.colors.gray800,weight:r="regular",as:a="p"}=e,o=i.__rest(e,["size","color","weight","as"]);return m.default.createElement(j,Object.assign({component:a,"data-weight":r,"data-size":t,color:n},o))},exports.useMantineLocale=t=>{const[n,r]=e.useState(!1);return e.useEffect((()=>{i.__awaiter(void 0,void 0,void 0,(function*(){var e;r(!1),yield null===(e=_[t])||void 0===e?void 0:e.call(_),v.default.locale(I[t]),r(!0)}))}),[t]),{isLoaded:n}};

package/build/{index-6c941b76.js → index-9e0ae6e9.js}

@@ -1 +1 @@
-"use strict";var e=require("react"),a=require("./gAssets.js"),t=require("./index-504f8765.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(e);exports.Logo=({type:s,className:o,style:n,isLightLogo:r,customSize:m,badge:i,locale:g,dateForSeasonal:u,isPro:c})=>{const d=e.useMemo((()=>{if(!u||isNaN(new Date(u).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};const e=new Date(u),a=t.isChristmas(e),s=t.LunarNewYearLocale.includes(g)&&t.isLunarNewYear(e);return{isChristmas:a,isLunarNewYear:s,isNewYear:!s&&t.isNewYear(e)}}),[g,new Date(u).getDate()]);return l.default.createElement(t.StyledLogo,{className:o,style:n,"data-logo-is-light":r||void 0,"data-has-badge":!!i,"data-christmas":d.isChristmas,"data-new-year":d.isNewYear,"data-lunar-new-year":d.isLunarNewYear},d.isChristmas?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):d.isNewYear?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):d.isLunarNewYear?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,l.default.createElement(t.LogoIcon,{type:s,width:null==m?void 0:m.width,height:null==m?void 0:m.height}),c?l.default.createElement(t.StyledProLogo,{src:a.CommonGAssets.getAssetPath("logo/pro-suffix.svg")}):null,i)};
+"use strict";var e=require("react"),a=require("./gAssets.js"),t=require("./index-bceec0fb.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(e);exports.Logo=({type:s,className:o,style:n,isLightLogo:r,customSize:m,badge:i,locale:g,dateForSeasonal:c,isPro:u})=>{const d=e.useMemo((()=>{if(!c||isNaN(new Date(c).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};const e=new Date(c),a=t.isChristmas(e),s=t.LunarNewYearLocale.includes(g)&&t.isLunarNewYear(e);return{isChristmas:a,isLunarNewYear:s,isNewYear:!s&&t.isNewYear(e)}}),[g,new Date(c).getDate()]);return l.default.createElement(t.StyledLogo,{className:o,style:n,"data-logo-is-light":r||void 0,"data-has-badge":!!i,"data-christmas":d.isChristmas,"data-new-year":d.isNewYear,"data-lunar-new-year":d.isLunarNewYear},d.isChristmas?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):d.isNewYear?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):d.isLunarNewYear?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,l.default.createElement(t.LogoIcon,{type:s,width:null==m?void 0:m.width,height:null==m?void 0:m.height}),u?l.default.createElement(t.StyledProLogo,{src:a.CommonGAssets.getAssetPath("logo/pro-suffix.svg")}):null,i)};

package/build/{index-0ce4c44f.js → index-a9bcfbbf.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-38ca4ed4.js"),t=require("react"),r=require("@mantine/core"),s=require("./gAssets.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(t);exports.Select=t=>{var{keepSearch:n=!1}=t,c=e.__rest(t,["keepSearch"]);return n?a.default.createElement(r.Autocomplete,Object.assign({rightSection:a.default.createElement(r.Image,{src:s.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},c)):a.default.createElement(r.Select,Object.assign({rightSection:a.default.createElement(r.Image,{src:s.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},c))};
+"use strict";var e=require("./tslib.es6-60af4bbd.js"),t=require("react"),r=require("@mantine/core"),s=require("./gAssets.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(t);exports.Select=t=>{var{keepSearch:n=!1}=t,o=e.__rest(t,["keepSearch"]);return n?a.default.createElement(r.Autocomplete,Object.assign({rightSection:a.default.createElement(r.Image,{src:s.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},o)):a.default.createElement(r.Select,Object.assign({rightSection:a.default.createElement(r.Image,{src:s.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},o))};

package/build/{index-504f8765.js → index-bceec0fb.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("./utils-5059f45b.js"),t=require("styled-components"),o=require("react"),s=require("./gAssets.js"),a=require("./Onboarding-75f209ca.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(t),l=r(o);const h=n.default.div`
+"use strict";var e=require("./utils-92cca1ec.js"),t=require("styled-components"),o=require("react"),s=require("./gAssets.js"),a=require("./Onboarding-2cb327c6.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(t),l=r(o);const h=n.default.div`
   position: relative;
   display: inline-flex;
   align-items: center;