@hhgtech/hhg-components 1.24.19 → 1.24.21

package/build/index-727332bb.js

@@ -0,0 +1,73 @@
+"use strict";var e=require("./tslib.es6-09b9cf36.js"),t=require("react"),n=require("./Vietnam-48e12311.js"),r=require("./index-702d2f27.js"),a=require("@mantine/core"),i=require("./gAssets.js"),o=require("@mantine/dates"),l=require("styled-components"),s=require("dayjs");require("./screenSizeContext-4f7042b6.js");var c=require("./theme-c812af69.js"),u=require("./utils-daf19904.js");require("./isProduction-2a4d042f.js");var d=require("./Locale-a4f9d8f6.js"),p=require("@mantine/carousel"),f=require("./index-92ea35de.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(t),v=g(l),b=g(s),C=f.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}()}));const y=Object.values(r.siteOptions).reduce(((e,{phoneCountry:t})=>(e.includes(t)||e.push(t),e)),[]),x={PH:n.Phillipines,KH:n.Cambodia,ID:n.India,IN:n.Indonesia,MM:n.Myanmar,MY:n.Malaysia,TH:n.Thailand,TW:n.Taiwan,VN:n.Vietnam};var E={phoneInput:"i-9Ibox",error:"YDWHh9b"};const j=t.forwardRef(((r,a)=>{const{isError:i,defaultCountry:o,countries:l=y,countryCallingCodeEditable:s=!1,defaultValue:c,value:u,onChange:d,className:p}=r,f=e.__rest(r,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","className"]),[g,v]=t.useState(c||u),[b,j]=t.useState(null);return t.useEffect((()=>{v(u)}),[u]),t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){const e=yield Promise.resolve().then((function(){return h(require("react-phone-number-input"))}));j(e)}))}),[]),b?m.default.createElement(b.default,Object.assign({ref:a,value:g,onChange:e=>{v(e),null==d||d(e)},countries:l,defaultCountry:o,countryCallingCodeEditable:s,className:C(E.phoneInput,{isError:i,[E.error]:i},p),flagUrl:void 0,flagComponent:t=>{const{country:n,countryName:r,flagUrl:a}=t,i=e.__rest(t,["country","countryName","flagUrl"]),o=x[n],l=n?`(+${b.getCountryCallingCode(n)})`:"";return o?m.default.createElement(m.default.Fragment,null,m.default.createElement(o,Object.assign({title:r},i)),m.default.createElement("span",{className:C(E.callingCode,"PhoneInputCountryIconCallingCode")},l)):m.default.createElement(m.default.Fragment,null)},countrySelectProps:{arrowComponent:()=>m.default.createElement("div",{className:C(E.arrowSelect,"PhoneInputArrowContainer")},m.default.createElement(n.CaretDown,null))}},f)):null})),A=v.default(o.DatePicker)`
+  position: relative;
+  ${e=>e.fullWidth&&l.css`
+      .mantine-DatePicker-dropdown {
+        min-width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    `}
+`,O=v.default(o.DateRangePicker)`
+  position: relative;
+  ${e=>e.fullWidth&&l.css`
+      .mantine-DateRangePicker-dropdown {
+        min-width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    `}
+`,S=e=>m.default.createElement(A,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:m.default.createElement(a.Image,{src:i.CommonGAssets.getAssetPath(e.isMB?"MB-calendar.svg":"OutlineCalendar.svg"),width:16,height:16})},e));S.Range=e=>m.default.createElement(O,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:m.default.createElement(a.Image,{src:i.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},e));const L=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}}),k=v.default(a.Text)`
+  font-weight: ${e=>L.fontWeight[e["data-weight"]]};
+  font-size: ${e=>L.fontSize[e["data-size"]][0]}px;
+  line-height: ${e=>L.lineHeight[e["data-size"]][0]}px;
+  letter-spacing: ${e=>{var t,n,r;return null!==(r=null===(n=null===(t=L.letterSpacing)||void 0===t?void 0:t[e["data-size"]])||void 0===n?void 0:n[0])&&void 0!==r?r:0}}px;
+
+  ${u.MediaQueries.mbDown} {
+    font-size: ${e=>L.fontSize[e["data-size"]][1]}px;
+    line-height: ${e=>L.lineHeight[e["data-size"]][1]}px;
+    letter-spacing: ${e=>{var t,n,r;return null!==(r=null===(n=null===(t=L.letterSpacing)||void 0===t?void 0:t[e["data-size"]])||void 0===n?void 0:n[1])&&void 0!==r?r:0}}px;
+  }
+`,P=v.default(a.Textarea)`
+  .mantine-Textarea-input {
+    padding: 12px 16px;
+    background: #ffffff;
+    border: 1px solid ${c.theme.colors.gray200};
+    border-radius: 4px;
+  }
+`,w=v.default(a.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||i.CommonGAssets.getAssetPath("plus-icon.svg")});
+      }
+    }
+    &[data-active='true'] {
+      .mantine-Accordion-chevron {
+        > div {
+          background-image: url(${e=>e.openChevron||i.CommonGAssets.getAssetPath("minus-icon.svg")});
+        }
+      }
+    }
+  }
+  .mantine-Accordion-panel {
+    border-radius: ${e=>e.theme.borderRadius};
+  }
+  .mantine-Accordion-content {
+    white-space: pre-wrap;
+  }
+`,z=t=>{var{children:n}=t,r=e.__rest(t,["children"]);return m.default.createElement(w,Object.assign({chevron:m.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),n)};z.Control=a.Accordion.Control,z.Item=a.Accordion.Item,z.Panel=a.Accordion.Panel;const I=i.CommonGAssets.getAssetPath("avatar.jpg");class q extends t.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 H=t=>{var{slidesToShow:n=1,children:r}=t,a=e.__rest(t,["slidesToShow","children"]);return(Array.isArray(r)?r.length:1)?m.default.createElement(q,null,m.default.createElement(p.Carousel,Object.assign({slideSize:String(Math.floor(1/n*100))+"%",containScroll:"trimSnaps"},a),r)):null};H.Slide=p.Carousel.Slide;const D=e=>m.default.createElement(a.Checkbox,Object.assign({},e));D.Group=a.Checkbox.Group;const _=v.default(a.Radio)`
+  .mantine-Radio-icon {
+    color: ${e=>e.color||c.theme.colors.primaryBase};
+  }
+`,T=e=>m.default.createElement(_,Object.assign({size:"sm"},e));T.Group=a.Radio.Group;const R={[d.LOCALE.Vietnam]:"vi",[d.LOCALE.Cambodia]:"km",[d.LOCALE.India]:"hi",[d.LOCALE.Indonesia]:"id",[d.LOCALE.Malaysia]:"ms",[d.LOCALE.Thailand]:"th",[d.LOCALE.Taiwan]:"zh-tw",[d.LOCALE.PhilippinesTagalog]:"tl-ph",[d.LOCALE.PhilippinesEnglish]:"en",[d.LOCALE.Myanmar]:"my"},M={[d.LOCALE.Vietnam]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/vi.js"))})),[d.LOCALE.Cambodia]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/km.js"))})),[d.LOCALE.India]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/hi.js"))})),[d.LOCALE.Indonesia]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/id.js"))})),[d.LOCALE.Malaysia]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/ms.js"))})),[d.LOCALE.Thailand]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/th.js"))})),[d.LOCALE.Taiwan]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/zh-tw.js"))})),[d.LOCALE.PhilippinesTagalog]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/tl-ph.js"))})),[d.LOCALE.PhilippinesEnglish]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/en.js"))})),[d.LOCALE.Myanmar]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/my.js"))}))},$={"&:hover":{border:`1px solid ${c.theme.colors.primaryBase}`}},N=[{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}],G=[{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"}],V=(e=!1)=>Object.fromEntries((e?G:N).map(((e,t)=>[`&:is(h${t+1})`,{fontSize:e.size,lineHeight:e.lineHeight,letterSpacing:e.letterSpacing}]))),W={Title:{styles:{root:Object.assign(Object.assign({fontWeight:L.fontWeight.bold},V()),{[`&${u.MediaQueries.mbDown}`]:Object.assign({},V(!0))})}}},B={Radio:{styles:{radio:Object.assign(Object.assign({backgroundColor:"#ffffff"},$),{"&:checked":{backgroundColor:"#ffffff"}})}}};function F(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 U(e){return e.join("")}var Q="_2iQs0sk",Y="Ia6IojY";const K=t.forwardRef(((t,n)=>{const{maxLength:r=1,placeholder:a,className:i}=t,o=e.__rest(t,["maxLength","placeholder","className"]);return m.default.createElement("input",Object.assign({maxLength:r,className:C(Y,"otpInput",i),placeholder:a,type:"number"},o,{ref:n}))})),J=t.forwardRef(((e,n)=>{const{valueLength:r=6,type:i="number",value:o,defaultValue:l,onChange:s,onBlur:c}=e,u=t.useRef(new Array(r).fill(null)),[d,p]=t.useState(l||o),[f,g]=t.useState(-1),[h,v]=t.useState((()=>F(d,r))),b=t.useCallback((()=>{if(-1===f)return;const e=u.current[f];if(e){e.value="";const t=h;t[f]="",v(t),p((()=>U(t))),null==s||s(U(t))}}),[f,s,h]),y=t.useCallback((()=>{if(0===f)return;const e=u.current[f];e&&e.blur();const t=u.current[f-1];t&&t.focus()}),[f]),x=t.useCallback((()=>{if(f===r-1)return;const e=u.current[f];e&&e.blur();const t=u.current[f+1];t&&t.focus()}),[f,r]),E=t.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,v(e),p((()=>U(e))),null==s||s(U(e))}x()}),[x,s,h]),j=t.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)}),[]),A=t.useCallback((e=>{const t=F(e.clipboardData.getData("text/plain"),r),n=U(t);v(t),p(n),null==s||s(n)}),[s,i,r]),O=t.useCallback((e=>{8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),b(),y()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),b()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),y()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),x()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[b,x,y]);return t.useImperativeHandle(n,(()=>u.current[0]),[]),t.useEffect((()=>{v((()=>F(o,r))),p(o)}),[r,o]),m.default.createElement(a.Flex,{justify:"center",columnGap:8,className:C(Q,"otpContainer")},h.map(((e,t)=>m.default.createElement(K,{ref:e=>{u.current[t]=e},key:""+t,value:e,type:i,onChange:E,onFocus:j,onKeyDown:O,onPaste:A,onBlur:c}))))}));exports.ANIMATION_DURATION="100ms",exports.Accordion=z,exports.Avatar=t=>{var{withIndicator:n=!1,indicatorConfig:r=null,size:i=56,children:o,styles:l}=t,s=e.__rest(t,["withIndicator","indicatorConfig","size","children","styles"]);const c=()=>m.default.createElement(a.Avatar,Object.assign({size:i,radius:"xl"},s,{imageProps:Object.assign({loading:"lazy"},s.imageProps)}),o||m.default.createElement("img",{loading:"lazy",src:I,width:i}));return n?m.default.createElement(a.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=H,exports.Checkbox=D,exports.DatePicker=S,exports.GlobalHeadingStyle=W,exports.GlobalRadioStyle=B,exports.MAPPED_LOCALE=R,exports.OTHER_THEME_CONFIG=L,exports.OTP=J,exports.Phone=j,exports.Radio=T,exports.SHARED_HOVER=$,exports.StyledText=k,exports.StyledTextArea=P,exports.useMantineLocale=n=>{const[r,a]=t.useState(!1);return t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e;a(!1),yield null===(e=M[n])||void 0===e?void 0:e.call(M),b.default.locale(R[n]),a(!0)}))}),[n]),{isLoaded:r}};

package/build/{index-3d81f9cc.js → index-857fa6cb.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-7da5763e.js"),t=require("react"),r=require("./index.styled-f315a185.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(t);exports.MarryBabyHeading=t=>{var{type:a,color:l,style:n}=t,y=e.__rest(t,["type","color","style"]);return s.default.createElement(r.StyledHeading,Object.assign({type:a,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[a],style:Object.assign(Object.assign({},l&&{"--text-color":l}),n)},y))},exports.MarryBabyText=t=>{var{type:a,color:l,style:n}=t,y=e.__rest(t,["type","color","style"]);return s.default.createElement(r.StyledText,Object.assign({"data-type":a,style:Object.assign(Object.assign({},n),l&&{"--text-color":l})},y))};
+"use strict";var e=require("./tslib.es6-09b9cf36.js"),t=require("react"),r=require("./index.styled-8fe3cbb8.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(t);exports.MarryBabyHeading=t=>{var{type:a,color:l,style:n}=t,y=e.__rest(t,["type","color","style"]);return s.default.createElement(r.StyledHeading,Object.assign({type:a,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[a],style:Object.assign(Object.assign({},l&&{"--text-color":l}),n)},y))},exports.MarryBabyText=t=>{var{type:a,color:l,style:n}=t,y=e.__rest(t,["type","color","style"]);return s.default.createElement(r.StyledText,Object.assign({"data-type":a,style:Object.assign(Object.assign({},n),l&&{"--text-color":l})},y))};