@hhgtech/hhg-components 1.24.15 → 1.24.17

package/build/index-0b974221.js

@@ -1,62 +0,0 @@
-"use strict";var e=require("./tslib.es6-74771844.js"),t=require("react"),r=require("./Vietnam-d2c56585.js"),n=require("./index-285fbb50.js"),a=require("@mantine/core"),o=require("./gAssets.js"),l=require("@mantine/dates"),i=require("styled-components"),s=require("dayjs");require("./screenSizeContext-764126ed.js");var c=require("./theme-b482772f.js");require("./utils-87d426ef.js"),require("./isProduction-0222acca.js");var u=require("./Locale-176ac5d6.js"),d=require("@mantine/carousel"),f=require("./index-98a0f21f.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 h=m(t),g=m(i),C=m(s),b=f.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 o=typeof a;if("string"===o||"number"===o)e.push(a);else if(Array.isArray(a)){if(a.length){var l=r.apply(null,a);l&&e.push(l)}}else if("object"===o){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){e.push(a.toString());continue}for(var i in a)t.call(a,i)&&a[i]&&e.push(i)}}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):window.classNames=r}()}));const y=Object.values(n.siteOptions).reduce(((e,{phoneCountry:t})=>(e.includes(t)||e.push(t),e)),[]),v={PH:r.Phillipines,KH:r.Cambodia,ID:r.India,IN:r.Indonesia,MM:r.Myanmar,MY:r.Malaysia,TH:r.Thailand,TW:r.Taiwan,VN:r.Vietnam};var E={phoneInput:"i-9Ibox",error:"YDWHh9b"};const j=t.forwardRef(((n,a)=>{const{isError:o,defaultCountry:l,countries:i=y,countryCallingCodeEditable:s=!1,defaultValue:c,value:u,onChange:d,className:f}=n,m=e.__rest(n,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","className"]),[g,C]=t.useState(c||u),[j,A]=t.useState(null);return t.useEffect((()=>{C(u)}),[u]),t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){const e=yield Promise.resolve().then((function(){return p(require("react-phone-number-input"))}));A(e)}))}),[]),j?h.default.createElement(j.default,Object.assign({ref:a,value:g,onChange:e=>{C(e),null==d||d(e)},countries:i,defaultCountry:l,countryCallingCodeEditable:s,className:b(E.phoneInput,{isError:o,[E.error]:o},f),flagUrl:void 0,flagComponent:t=>{const{country:r,countryName:n,flagUrl:a}=t,o=e.__rest(t,["country","countryName","flagUrl"]),l=v[r],i=r?`(+${j.getCountryCallingCode(r)})`:"";return l?h.default.createElement(h.default.Fragment,null,h.default.createElement(l,Object.assign({title:n},o)),h.default.createElement("span",{className:b(E.callingCode,"PhoneInputCountryIconCallingCode")},i)):h.default.createElement(h.default.Fragment,null)},countrySelectProps:{arrowComponent:()=>h.default.createElement("div",{className:b(E.arrowSelect,"PhoneInputArrowContainer")},h.default.createElement(r.CaretDown,null))}},m)):null})),A=g.default(l.DatePicker)`
-  position: relative;
-  ${e=>e.fullWidth&&i.css`
-      .mantine-DatePicker-dropdown {
-        min-width: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
-    `}
-`,O=g.default(l.DateRangePicker)`
-  position: relative;
-  ${e=>e.fullWidth&&i.css`
-      .mantine-DateRangePicker-dropdown {
-        min-width: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
-    `}
-`,x=e=>h.default.createElement(A,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:h.default.createElement(a.Image,{src:o.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},e));x.Range=e=>h.default.createElement(O,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:h.default.createElement(a.Image,{src:o.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},e));const L=g.default(a.Textarea)`
-  .mantine-Textarea-input {
-    padding: 12px 16px;
-    background: #ffffff;
-    border: 1px solid ${c.theme.colors.gray200};
-    border-radius: 4px;
-  }
-`,k=g.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||o.CommonGAssets.getAssetPath("plus-icon.svg")});
-      }
-    }
-    &[data-active='true'] {
-      .mantine-Accordion-chevron {
-        > div {
-          background-image: url(${e=>e.openChevron||o.CommonGAssets.getAssetPath("minus-icon.svg")});
-        }
-      }
-    }
-  }
-  .mantine-Accordion-panel {
-    border-radius: 6px;
-  }
-  .mantine-Accordion-content {
-    white-space: pre-wrap;
-  }
-`,P=t=>{var{children:r}=t,n=e.__rest(t,["children"]);return h.default.createElement(k,Object.assign({chevron:h.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},n),r)};P.Control=a.Accordion.Control,P.Item=a.Accordion.Item,P.Panel=a.Accordion.Panel;const w=o.CommonGAssets.getAssetPath("avatar.jpg");class S 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||h.default.createElement(h.default.Fragment,null):this.props.children}}const I=t=>{var{slidesToShow:r=1,children:n}=t,a=e.__rest(t,["slidesToShow","children"]);return(Array.isArray(n)?n.length:1)?h.default.createElement(S,null,h.default.createElement(d.Carousel,Object.assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},a),n)):null};I.Slide=d.Carousel.Slide;const q=e=>h.default.createElement(a.Checkbox,Object.assign({},e));q.Group=a.Checkbox.Group;const D=g.default(a.Radio)`
-  .mantine-Radio-icon {
-    color: ${e=>e.color||c.theme.colors.primaryBase};
-  }
-`,T=e=>h.default.createElement(D,Object.assign({size:"sm"},e));T.Group=a.Radio.Group;const _={[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"},M={[u.LOCALE.Vietnam]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/vi.js"))})),[u.LOCALE.Cambodia]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/km.js"))})),[u.LOCALE.India]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/hi.js"))})),[u.LOCALE.Indonesia]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/id.js"))})),[u.LOCALE.Malaysia]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/ms.js"))})),[u.LOCALE.Thailand]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/th.js"))})),[u.LOCALE.Taiwan]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/zh-tw.js"))})),[u.LOCALE.PhilippinesTagalog]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/tl-ph.js"))})),[u.LOCALE.PhilippinesEnglish]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/en.js"))})),[u.LOCALE.Myanmar]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/my.js"))}))},R={"&:hover":{borderColor:`${c.theme.colors.blue200}`,boxShadow:`0 0 2px 2px ${c.theme.colors.blue200}`}};function N(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 z(e){return e.join("")}var F="_2iQs0sk",$="Ia6IojY";const G=t.forwardRef(((t,r)=>{const{maxLength:n=1,placeholder:a,className:o}=t,l=e.__rest(t,["maxLength","placeholder","className"]);return h.default.createElement("input",Object.assign({maxLength:n,className:b($,"otpInput",o),placeholder:a,type:"number"},l,{ref:r}))})),V=t.forwardRef(((e,r)=>{const{valueLength:n=6,type:o="number",value:l,defaultValue:i,onChange:s,onBlur:c}=e,u=t.useRef(new Array(n).fill(null)),[d,f]=t.useState(i||l),[m,p]=t.useState(-1),[g,C]=t.useState((()=>N(d,n))),y=t.useCallback((()=>{if(-1===m)return;const e=u.current[m];if(e){e.value="";const t=g;t[m]="",C(t),f((()=>z(t))),null==s||s(z(t))}}),[m,s,g]),v=t.useCallback((()=>{if(0===m)return;const e=u.current[m];e&&e.blur();const t=u.current[m-1];t&&t.focus()}),[m]),E=t.useCallback((()=>{if(m===n-1)return;const e=u.current[m];e&&e.blur();const t=u.current[m+1];t&&t.focus()}),[m,n]),j=t.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=g;e[n]=r,C(e),f((()=>z(e))),null==s||s(z(e))}E()}),[E,s,g]),A=t.useCallback((e=>{const t=e.target,r=u.current.findIndex((e=>e===t));"number"===o?t.select():t.setSelectionRange(0,t.value.length,"backward"),-1!==r&&p(r)}),[]),O=t.useCallback((e=>{const t=N(e.clipboardData.getData("text/plain"),n),r=z(t);C(t),f(r),null==s||s(r)}),[s,o,n]),x=t.useCallback((e=>{8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),y(),v()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),y()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),v()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),E()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[y,E,v]);return t.useImperativeHandle(r,(()=>u.current[0]),[]),t.useEffect((()=>{C((()=>N(l,n))),f(l)}),[n,l]),h.default.createElement(a.Flex,{justify:"center",columnGap:8,className:b(F,"otpContainer")},g.map(((e,t)=>h.default.createElement(G,{ref:e=>{u.current[t]=e},key:""+t,value:e,type:o,onChange:j,onFocus:A,onKeyDown:x,onPaste:O,onBlur:c}))))}));exports.Accordion=P,exports.Avatar=t=>{var{withIndicator:r=!1,indicatorConfig:n=null,size:o=56,children:l,styles:i}=t,s=e.__rest(t,["withIndicator","indicatorConfig","size","children","styles"]);const c=()=>h.default.createElement(a.Avatar,Object.assign({size:o,radius:"xl"},s,{imageProps:Object.assign({loading:"lazy"},s.imageProps)}),l||h.default.createElement("img",{loading:"lazy",src:w,width:o}));return r?h.default.createElement(a.Indicator,Object.assign({inline:!0,position:"bottom-end",offset:9},n,{styles:Object.assign({indicator:{backgroundColor:h.default.isValidElement(n.label)&&"transparent",zIndex:1}},i)}),c()):c()},exports.Carousel=I,exports.Checkbox=q,exports.DatePicker=x,exports.MAPPED_LOCALE=_,exports.OTP=V,exports.Phone=j,exports.Radio=T,exports.StyledTextArea=L,exports.getMantineThemeOverride=e=>({datesLocale:_[e],dateFormat:n.ISO_FORMAT[e].dateFormat,fontFamily:e===u.LOCALE.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.375rem"},error:{marginTop:"0.375rem"}}},NumberInput:{defaultProps:{decimalSeparator:n.ISO_FORMAT[e].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all 100ms ease-in-out","&:hover, &:focus":{borderColor:`${c.theme.colors.blue200}`,boxShadow:`0 0 2px 2px ${c.theme.colors.blue200}`}},invalid:{color:"#000"}}},Checkbox:{styles:{input:R}},Radio:{styles:{radio:Object.assign(Object.assign({backgroundColor:"#ffffff"},R),{"&:checked":{backgroundColor:"#ffffff"}})}}}}),exports.useMantineLocale=e=>{t.useEffect((()=>{var t;null===(t=M[e])||void 0===t||t.call(M),C.default.locale(_[e])}),[e])};

package/build/index-3ee6512d.js

@@ -1 +0,0 @@
-"use strict";var e=require("react"),a=require("./useTranslations-35d5aac3.js"),t=require("./theme-b482772f.js"),r=require("./index-f4cc082e.js"),i=require("./index-7308784a.js"),l=require("./index-9517f318.js"),n=require("./index-49f40221.js"),c=require("./index.styled-970bebf7.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(e);exports.NewBabyProfileRadio=({isActive:e,onChange:s,value:d="",onInputChange:u,siteType:m})=>{const{t:f}=a.useTranslations(),y="marryBaby"===m;return o.default.createElement(c.StyledNewBabyProfileRadio,{onClick:()=>s("new"),"data-is-mb":y,"data-isActive":y&&e},"marryBaby"===m?o.default.createElement("div",{className:"title"},o.default.createElement(l.MarryBabyText,{type:"bodytext-1",color:t.theme.colors.gray800},f("chooseBaby.new")),o.default.createElement("div",{className:e?"radio active":"radio"},e&&o.default.createElement(r.Icon.CheckActiveMB,{size:26}))):o.default.createElement("div",{className:"title"},o.default.createElement(n.Text,{size:"p2",color:t.theme.colors.gray800},f("chooseBaby.new")),o.default.createElement("div",{className:e?"radio active":"radio"})),o.default.createElement(i.Input,{name:"name",value:d,size:"md",placeholder:f("chooseBaby.placeholder"),type:"text",onChange:u}))};

package/build/index-9517f318.js

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

package/build/index-bee5738e.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-74771844.js"),t=require("react"),n=require("@mantine/hooks"),a=require("./index-22b1960a.js"),r=require("./index-98a0f21f.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(t);exports.Slider=l=>{var{color:i,withControl:s,onChange:u,value:c,min:d,max:m,isStatic:h,containerClassName:f,containerStyle:g}=l,w=e.__rest(l,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[v,p]=t.useState(c||d||0),[E]=n.useDebouncedValue(v,r.DEBOUNCED_TIME);return t.useEffect((()=>{null==u||u(E)}),[E]),o.default.createElement(r.StyledSliderWrapper,{className:f,style:g},s&&o.default.createElement(a.Button,{type:"button",size:"sm",color:"ghost",onClick:()=>{p((e=>d&&e===d?e:e-1))}},o.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.default.createElement("path",{d:"M1 1.004h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.default.createElement(r.StyledSlider,Object.assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:v,onChange:h?()=>null:p,min:d,max:m},w,{className:"hhg-mantine-slider "+(w.className||"")})),s&&o.default.createElement(a.Button,{type:"button",size:"sm",color:"ghost",onClick:()=>{p((e=>m&&e===m?e:e+1))}},o.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};

package/build/theme-b482772f.js

@@ -1 +0,0 @@
-"use strict";exports.theme={colors:{primaryBase:"#2d87f3",primaryHover:"#2c74df",primaryActive:"#2b62cd",primaryVisited:"#5e38ba",secondaryBase:"#284a75",secondaryDark:"#1b3250",accentLight:"#b1ebf8",accentMain:"#00AECD",success:"#00b16a",error:"#f71210",gray50:"#fafafa",gray100:"#f2f2f2",gray200:"#d9d9d9",gray300:"#bfbfbf",gray400:"#8c8c8c",gray500:"#737373",gray600:"#595959",gray700:"#404040",gray800:"#262626",blue50:"#e3f2ff",blue100:"#bcdeff",blue200:"#91caff",blue300:"#65b5ff",blue400:"#45a4ff",blue500:"#2b94ff",blue600:"#2d87f3",blue700:"#2c74df",blue800:"#2b62cd",blue900:"#2743ad",alertWarning:"#fe921d",green50:"#e0f8ee",green100:"#b3eed5",green200:"#7ce2b9",green300:"#2ed69e",green400:"#00CB8A",green500:"#00C076",green600:"#00B16A",green700:"#009E5C",green800:"#008C50",green900:"#006C39",yellow50:"#fff8e2",yellow100:"#ffecb6",yellow200:"#ffe187",yellow300:"#ffd658",yellow400:"#ffc326",yellow500:"#fe921d",yellow600:"#ffb521",yellow700:"#fea21e",yellow800:"#fe921d",yellow900:"#fc7419",red50:"#fae9e8",red100:"#feccbf",red200:"#FEAA96",red300:"#f44d2c",red400:"#ff6f4d",red500:"#ff5331",red600:"#f44d2c",red700:"#e64728",red800:"#d84023",red900:"#bf331b",neutral50:"#f8f9fc",neutral100:"#e4e8ec",neutral150:"#fafafa",neutral200:"#d2d6dc",neutral300:"#bfc5cc",neutral400:"#adb3bc",neutral500:"#9aa2ac",neutral600:"#87909c",neutral700:"#757f8c",neutral800:"#626d7c",teal50:"#e0f7fc",teal100:"#b1ebf8",teal200:"#7ddff3",teal300:"#44d1ec",teal400:"#00c7e6",teal500:"#00bee0",teal600:"#00aecd",teal700:"#0099b2",teal800:"#008599",teal900:"#00626c",pink50:"#fff1f6",pink100:"#fec7dc",pink200:"#fec7dc",pink300:"#fec2cf",pink400:"#fe9dc2",pink500:"#fd87b4",pink600:"#fd72a7",pink700:"#fc5d9a",pink800:"#fc488d",violet50:"#f5edff",violet100:"#e7d2f7",violet200:"#d8b7f0",violet300:"#ca9ce8",violet400:"#bb82e1",violet500:"#ad67d9",violet600:"#9e4cd1",violet700:"#9031ca",violet800:"#8116c2",indigo700:"#35639c",indigo800:"#284a75",indigo900:"#1b3250",brown50:"#faecde",brown100:"#ecd8c5",brown200:"#dec5ab",brown300:"#d0b192",brown400:"#c39d79",brown500:"#b5895f",brown600:"#a77646",brown700:"#99622c",brown800:"#8b4e13",white:"#fff"},mbColors:{pink:"#e85388",cobalt:"#2661ad",dark:"#202135",gray:"#3e3f58",midGray:"#9495a0",lightGray:"#f3f3f3",lightMint:"#f2fcf8",lightPink:"#ffeaf1",lightOrange:"#fffaeb",lightBlue:"#e0e9fc",mint:"#5ec08f",peach:"#ffaaa9",orange:"#fb8c00",ceruleanBlue:"#b6ceff",red:"#eb5757",lightRed:"#fdeeee",yellow:"#ff8a2b",green:"#f2fcf7",blue:"#4096fe",toneYellow:"#fff9eb",toneGreen:"#f2fcf7",toneBlue:"#e0e9fb",tonePink:"#ffeaf1"},sizes:{fwBold:"700",fwSemiBold:"600",fsCaption2:"13px",fsHeading1:"40px",fsHeading2:"28px",fsHeading4:"24px",fsHeading5:"18px",fsHeading6:"16px",fsParagraph3:"16px",fsParagraph4:"14px",fwRegular:"400"},zIndexes:{belowHeader:"1",zIndex100:"100",onTop:"1000",drawer:305},defaultColor:"",borderRadius:"6px"};