@hhgtech/hhg-components 1.23.51 → 1.23.52

package/build/{index-876dedff.js → index-c3c64698.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-e648bf20.js"),n=require("react"),t=require("./Vietnam-2d64891d.js"),r=require("./index-f58f9651.js"),a=require("@mantine/core"),o=require("./gAssets.js"),i=require("@mantine/dates"),l=require("styled-components");require("dayjs"),require("./screenSizeContext-f9ec2337.js");var u=require("./theme-eeb887dd.js");require("./utils-75e3b5d6.js"),require("./isProduction-d27f4ac2.js");var c=require("./Locale-5df7a79b.js"),s=require("@mantine/carousel"),d=require("./defaultClassWrapper-0e145889.js"),f=require("./index-54a9c462.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 n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var g,h,v,b,y=m(n),C=m(l),x=f.createCommonjsModule((function(e){!function(){var n={}.hasOwnProperty;function t(){for(var e=[],r=0;r<arguments.length;r++){var a=arguments[r];if(a){var o=typeof a;if("string"===o||"number"===o)e.push(a);else if(Array.isArray(a)){if(a.length){var i=t.apply(null,a);i&&e.push(i)}}else if("object"===o){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){e.push(a.toString());continue}for(var l in a)n.call(a,l)&&a[l]&&e.push(l)}}}return e.join(" ")}e.exports?(t.default=t,e.exports=t):window.classNames=t}()})),k=Object.values(r.siteOptions).reduce((function(e,n){var t=n.phoneCountry;return e.includes(t)||e.push(t),e}),[]),_={PH:t.Phillipines,KH:t.Cambodia,ID:t.India,IN:t.Indonesia,MM:t.Myanmar,MY:t.Malaysia,TH:t.Thailand,TW:t.Taiwan,VN:t.Vietnam},j={phoneInput:"i-9Ibox",error:"YDWHh9b"},A=n.forwardRef((function(r,a){var o,i=r.isError,l=r.defaultCountry,u=r.countries,c=void 0===u?k:u,s=r.countryCallingCodeEditable,d=void 0!==s&&s,f=r.defaultValue,m=r.value,g=r.onChange,h=r.className,v=e.__rest(r,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","className"]),b=n.useState(f||m),C=b[0],A=b[1],E=n.useState(null),w=E[0],L=E[1];return n.useEffect((function(){A(m)}),[m]),n.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,Promise.resolve().then((function(){return p(require("react-phone-number-input"))}))];case 1:return n=e.sent(),L(n),[2]}}))}))}),[]),w?y.default.createElement(w.default,e.__assign({ref:a,value:C,onChange:function(e){A(e),null==g||g(e)},countries:c,defaultCountry:l,countryCallingCodeEditable:d,className:x(j.phoneInput,(o={isError:i},o[j.error]=i,o),h),flagUrl:void 0,flagComponent:function(n){var t=n.country,r=n.countryName;n.flagUrl;var a=e.__rest(n,["country","countryName","flagUrl"]),o=_[t],i=t?"(+".concat(w.getCountryCallingCode(t),")"):"";return o?y.default.createElement(y.default.Fragment,null,y.default.createElement(o,e.__assign({title:r},a)),y.default.createElement("span",{className:x(j.callingCode,"PhoneInputCountryIconCallingCode")},i)):y.default.createElement(y.default.Fragment,null)},countrySelectProps:{arrowComponent:function(){return y.default.createElement("div",{className:x(j.arrowSelect,"PhoneInputArrowContainer")},y.default.createElement(t.CaretDown,null))}}},v)):null})),E=C.default(i.DatePicker)(h||(h=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&l.css(g||(g=e.__makeTemplateObject(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),w=C.default(i.DateRangePicker)(b||(b=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&l.css(v||(v=e.__makeTemplateObject(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),L=function(n){return y.default.createElement(E,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:y.default.createElement(a.Image,{src:o.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};L.Range=function(n){return y.default.createElement(w,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:y.default.createElement(a.Image,{src:o.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var O,S,P,I=C.default(a.Textarea)(O||(O=e.__makeTemplateObject(["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"],["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"])),u.theme.colors.gray200),M=C.default(a.Modal)(S||(S=e.__makeTemplateObject(["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"],["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"])),u.theme.colors.neutral100),T=C.default(a.Accordion)(P||(P=e.__makeTemplateObject(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(e){return e.closeChevron||o.CommonGAssets.getAssetPath("plus-icon.svg")}),(function(e){return e.openChevron||o.CommonGAssets.getAssetPath("minus-icon.svg")})),q=function(n){var t=n.children,r=e.__rest(n,["children"]);return y.default.createElement(T,e.__assign({chevron:y.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),t)};q.Control=a.Accordion.Control,q.Item=a.Accordion.Item,q.Panel=a.Accordion.Panel;var D=o.CommonGAssets.getAssetPath("avatar.jpg"),R=function(n){var t=n.slidesToShow,r=void 0===t?1:t,a=n.children,o=e.__rest(n,["slidesToShow","children"]);return y.default.createElement(s.Carousel,e.__assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},o),a)};R.Slide=s.Carousel.Slide;var N=function(n){return y.default.createElement(a.Checkbox,e.__assign({},n))};N.Group=a.Checkbox.Group;var z,F,G,W,V,B=C.default(a.Slider)(z||(z=e.__makeTemplateObject(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(e){return e.color||e.theme.colors.primaryBase})),H="hhgcomp-mantine-slider-slider",U=d.getDefaultClassWrapper(B,H),Y=C.default.div(F||(F=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),H),K=C.default(a.Radio)(G||(G=e.__makeTemplateObject(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(e){return e.color||u.theme.colors.primaryBase})),Q=function(n){return y.default.createElement(K,e.__assign({size:"sm"},n))};Q.Group=a.Radio.Group;var J=((W={})[c.LOCALE.Vietnam]="vi",W[c.LOCALE.Cambodia]="km",W[c.LOCALE.India]="hi",W[c.LOCALE.Indonesia]="id",W[c.LOCALE.Malaysia]="ms",W[c.LOCALE.Thailand]="th",W[c.LOCALE.Taiwan]="zh-tw",W[c.LOCALE.PhilippinesTagalog]="tl-ph",W[c.LOCALE.PhilippinesEnglish]="en",W[c.LOCALE.Myanmar]="my",W),X=((V={})[c.LOCALE.Vietnam]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/vi.js"))}))},V[c.LOCALE.Cambodia]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/km.js"))}))},V[c.LOCALE.India]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/hi.js"))}))},V[c.LOCALE.Indonesia]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/id.js"))}))},V[c.LOCALE.Malaysia]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/ms.js"))}))},V[c.LOCALE.Thailand]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/th.js"))}))},V[c.LOCALE.Taiwan]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/zh-tw.js"))}))},V[c.LOCALE.PhilippinesTagalog]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/tl-ph.js"))}))},V[c.LOCALE.PhilippinesEnglish]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/en.js"))}))},V[c.LOCALE.Myanmar]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/my.js"))}))},V),Z={"&:hover":{borderColor:"".concat(u.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(u.theme.colors.blue200)}};function $(e,n){void 0===n&&(n=6);var t=new Array(n).fill("");if(e){var r=e.toString().split("");t.map((function(e,n){r[n]&&(t[n]=r[n]||"")}))}return t}function ee(e){return e.join("")}var ne="_2iQs0sk",te="Ia6IojY",re=n.forwardRef((function(n,t){var r=n.maxLength,a=void 0===r?1:r,o=n.placeholder,i=n.className,l=e.__rest(n,["maxLength","placeholder","className"]);return y.default.createElement("input",e.__assign({maxLength:a,className:x(te,"otpInput",i),placeholder:o,type:"number"},l,{ref:t}))})),ae=n.forwardRef((function(e,t){var r=e.valueLength,o=void 0===r?6:r,i=e.type,l=void 0===i?"number":i,u=e.value,c=e.defaultValue,s=e.onChange,d=e.onBlur,f=n.useRef(new Array(o).fill(null)),m=n.useState(c||u),p=m[0],g=m[1],h=n.useState(-1),v=h[0],b=h[1],C=n.useState((function(){return $(p,o)})),k=C[0],_=C[1],j=n.useCallback((function(){if(-1!==v){var e=f.current[v];if(e){e.value="";var n=k;n[v]="",_(n),g((function(){return ee(n)})),null==s||s(ee(n))}}}),[v,s,k]),A=n.useCallback((function(){if(0!==v){var e=f.current[v];e&&e.blur();var n=f.current[v-1];n&&n.focus()}}),[v]),E=n.useCallback((function(){if(v!==o-1){var e=f.current[v];e&&e.blur();var n=f.current[v+1];n&&n.focus()}}),[v,o]),w=n.useCallback((function(e){var n=e.target,t=n.value.toString().slice(0,1),r=f.current.findIndex((function(e){return e===n}));if(-1!==r){var a=k;a[r]=t,_(a),g((function(){return ee(a)})),null==s||s(ee(a))}E()}),[E,s,k]),L=n.useCallback((function(e){var n=e.target,t=f.current.findIndex((function(e){return e===n}));"number"===l?n.select():n.setSelectionRange(0,n.value.length,"backward"),-1!==t&&b(t)}),[]),O=n.useCallback((function(e){var n=$(e.clipboardData.getData("text/plain"),o),t=ee(n);_(n),g(t),null==s||s(t)}),[s,l,o]),S=n.useCallback((function(e){8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),j(),A()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),j()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),A()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),E()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[j,E,A]);return n.useImperativeHandle(t,(function(){return f.current[0]}),[]),n.useEffect((function(){_((function(){return $(u,o)})),g(u)}),[o,u]),y.default.createElement(a.Flex,{justify:"center",columnGap:8,className:x(ne,"otpContainer")},k.map((function(e,n){return y.default.createElement(re,{ref:function(e){f.current[n]=e},key:""+n,value:e,type:l,onChange:w,onFocus:L,onKeyDown:S,onPaste:O,onBlur:d})})))}));exports.Accordion=q,exports.Avatar=function(n){var t=n.withIndicator,r=void 0!==t&&t,o=n.indicatorConfig,i=void 0===o?null:o,l=n.size,u=void 0===l?56:l,c=n.children,s=e.__rest(n,["withIndicator","indicatorConfig","size","children"]),d=function(){return y.default.createElement(a.Avatar,e.__assign({size:u,radius:"xl"},s),c||y.default.createElement("img",{src:D,width:u}))};return r?y.default.createElement(a.Indicator,e.__assign({inline:!0,position:"bottom-end",offset:9},i,{styles:{indicator:{backgroundColor:y.default.isValidElement(i.label)&&"transparent",zIndex:1}}}),d()):d()},exports.Carousel=R,exports.Checkbox=N,exports.DatePicker=L,exports.MAPPED_LOCALE=J,exports.OTP=ae,exports.Phone=A,exports.Radio=Q,exports.StyledModal=M,exports.StyledSlider=U,exports.StyledSliderWrapper=Y,exports.StyledTextArea=I,exports.getMantineThemeOverride=function(n){return{datesLocale:J[n],dateFormat:r.ISO_FORMAT[n].dateFormat,fontFamily:n===c.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:r.ISO_FORMAT[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(u.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(u.theme.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:Z}},Radio:{styles:{radio:e.__assign(e.__assign({backgroundColor:"#ffffff"},Z),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},exports.useMantineLocale=function(e){n.useEffect((function(){var n;null===(n=X[e])||void 0===n||n.call(X)}),[e])};
+"use strict";var e=require("./tslib.es6-b150f18a.js"),n=require("react"),t=require("./Vietnam-e2b21b4a.js"),r=require("./index-5264f1ce.js"),a=require("@mantine/core"),o=require("./gAssets.js"),i=require("@mantine/dates"),l=require("styled-components");require("dayjs"),require("./screenSizeContext-b1443747.js");var u=require("./theme-d8e894f7.js");require("./utils-62a026b2.js"),require("./isProduction-ab959db2.js");var c=require("./Locale-7b83658a.js"),s=require("@mantine/carousel"),d=require("./defaultClassWrapper-5f0554b8.js"),f=require("./index-4c77c758.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 n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var g,h,v,b,y=m(n),C=m(l),x=f.createCommonjsModule((function(e){!function(){var n={}.hasOwnProperty;function t(){for(var e=[],r=0;r<arguments.length;r++){var a=arguments[r];if(a){var o=typeof a;if("string"===o||"number"===o)e.push(a);else if(Array.isArray(a)){if(a.length){var i=t.apply(null,a);i&&e.push(i)}}else if("object"===o){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){e.push(a.toString());continue}for(var l in a)n.call(a,l)&&a[l]&&e.push(l)}}}return e.join(" ")}e.exports?(t.default=t,e.exports=t):window.classNames=t}()})),k=Object.values(r.siteOptions).reduce((function(e,n){var t=n.phoneCountry;return e.includes(t)||e.push(t),e}),[]),_={PH:t.Phillipines,KH:t.Cambodia,ID:t.India,IN:t.Indonesia,MM:t.Myanmar,MY:t.Malaysia,TH:t.Thailand,TW:t.Taiwan,VN:t.Vietnam},j={phoneInput:"i-9Ibox",error:"YDWHh9b"},A=n.forwardRef((function(r,a){var o,i=r.isError,l=r.defaultCountry,u=r.countries,c=void 0===u?k:u,s=r.countryCallingCodeEditable,d=void 0!==s&&s,f=r.defaultValue,m=r.value,g=r.onChange,h=r.className,v=e.__rest(r,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","className"]),b=n.useState(f||m),C=b[0],A=b[1],E=n.useState(null),w=E[0],L=E[1];return n.useEffect((function(){A(m)}),[m]),n.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,Promise.resolve().then((function(){return p(require("react-phone-number-input"))}))];case 1:return n=e.sent(),L(n),[2]}}))}))}),[]),w?y.default.createElement(w.default,e.__assign({ref:a,value:C,onChange:function(e){A(e),null==g||g(e)},countries:c,defaultCountry:l,countryCallingCodeEditable:d,className:x(j.phoneInput,(o={isError:i},o[j.error]=i,o),h),flagUrl:void 0,flagComponent:function(n){var t=n.country,r=n.countryName;n.flagUrl;var a=e.__rest(n,["country","countryName","flagUrl"]),o=_[t],i=t?"(+".concat(w.getCountryCallingCode(t),")"):"";return o?y.default.createElement(y.default.Fragment,null,y.default.createElement(o,e.__assign({title:r},a)),y.default.createElement("span",{className:x(j.callingCode,"PhoneInputCountryIconCallingCode")},i)):y.default.createElement(y.default.Fragment,null)},countrySelectProps:{arrowComponent:function(){return y.default.createElement("div",{className:x(j.arrowSelect,"PhoneInputArrowContainer")},y.default.createElement(t.CaretDown,null))}}},v)):null})),E=C.default(i.DatePicker)(h||(h=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&l.css(g||(g=e.__makeTemplateObject(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),w=C.default(i.DateRangePicker)(b||(b=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&l.css(v||(v=e.__makeTemplateObject(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),L=function(n){return y.default.createElement(E,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:y.default.createElement(a.Image,{src:o.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};L.Range=function(n){return y.default.createElement(w,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:y.default.createElement(a.Image,{src:o.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var O,S,P,I=C.default(a.Textarea)(O||(O=e.__makeTemplateObject(["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"],["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"])),u.theme.colors.gray200),M=C.default(a.Modal)(S||(S=e.__makeTemplateObject(["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"],["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"])),u.theme.colors.neutral100),T=C.default(a.Accordion)(P||(P=e.__makeTemplateObject(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(e){return e.closeChevron||o.CommonGAssets.getAssetPath("plus-icon.svg")}),(function(e){return e.openChevron||o.CommonGAssets.getAssetPath("minus-icon.svg")})),q=function(n){var t=n.children,r=e.__rest(n,["children"]);return y.default.createElement(T,e.__assign({chevron:y.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),t)};q.Control=a.Accordion.Control,q.Item=a.Accordion.Item,q.Panel=a.Accordion.Panel;var D=o.CommonGAssets.getAssetPath("avatar.jpg"),R=function(n){var t=n.slidesToShow,r=void 0===t?1:t,a=n.children,o=e.__rest(n,["slidesToShow","children"]);return y.default.createElement(s.Carousel,e.__assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},o),a)};R.Slide=s.Carousel.Slide;var N=function(n){return y.default.createElement(a.Checkbox,e.__assign({},n))};N.Group=a.Checkbox.Group;var z,F,G,W,V,B=C.default(a.Slider)(z||(z=e.__makeTemplateObject(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(e){return e.color||e.theme.colors.primaryBase})),H="hhgcomp-mantine-slider-slider",U=d.getDefaultClassWrapper(B,H),Y=C.default.div(F||(F=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),H),K=C.default(a.Radio)(G||(G=e.__makeTemplateObject(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(e){return e.color||u.theme.colors.primaryBase})),Q=function(n){return y.default.createElement(K,e.__assign({size:"sm"},n))};Q.Group=a.Radio.Group;var J=((W={})[c.LOCALE.Vietnam]="vi",W[c.LOCALE.Cambodia]="km",W[c.LOCALE.India]="hi",W[c.LOCALE.Indonesia]="id",W[c.LOCALE.Malaysia]="ms",W[c.LOCALE.Thailand]="th",W[c.LOCALE.Taiwan]="zh-tw",W[c.LOCALE.PhilippinesTagalog]="tl-ph",W[c.LOCALE.PhilippinesEnglish]="en",W[c.LOCALE.Myanmar]="my",W),X=((V={})[c.LOCALE.Vietnam]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/vi.js"))}))},V[c.LOCALE.Cambodia]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/km.js"))}))},V[c.LOCALE.India]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/hi.js"))}))},V[c.LOCALE.Indonesia]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/id.js"))}))},V[c.LOCALE.Malaysia]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/ms.js"))}))},V[c.LOCALE.Thailand]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/th.js"))}))},V[c.LOCALE.Taiwan]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/zh-tw.js"))}))},V[c.LOCALE.PhilippinesTagalog]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/tl-ph.js"))}))},V[c.LOCALE.PhilippinesEnglish]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/en.js"))}))},V[c.LOCALE.Myanmar]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/my.js"))}))},V),Z={"&:hover":{borderColor:"".concat(u.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(u.theme.colors.blue200)}};function $(e,n){void 0===n&&(n=6);var t=new Array(n).fill("");if(e){var r=e.toString().split("");t.map((function(e,n){r[n]&&(t[n]=r[n]||"")}))}return t}function ee(e){return e.join("")}var ne="_2iQs0sk",te="Ia6IojY",re=n.forwardRef((function(n,t){var r=n.maxLength,a=void 0===r?1:r,o=n.placeholder,i=n.className,l=e.__rest(n,["maxLength","placeholder","className"]);return y.default.createElement("input",e.__assign({maxLength:a,className:x(te,"otpInput",i),placeholder:o,type:"number"},l,{ref:t}))})),ae=n.forwardRef((function(e,t){var r=e.valueLength,o=void 0===r?6:r,i=e.type,l=void 0===i?"number":i,u=e.value,c=e.defaultValue,s=e.onChange,d=e.onBlur,f=n.useRef(new Array(o).fill(null)),m=n.useState(c||u),p=m[0],g=m[1],h=n.useState(-1),v=h[0],b=h[1],C=n.useState((function(){return $(p,o)})),k=C[0],_=C[1],j=n.useCallback((function(){if(-1!==v){var e=f.current[v];if(e){e.value="";var n=k;n[v]="",_(n),g((function(){return ee(n)})),null==s||s(ee(n))}}}),[v,s,k]),A=n.useCallback((function(){if(0!==v){var e=f.current[v];e&&e.blur();var n=f.current[v-1];n&&n.focus()}}),[v]),E=n.useCallback((function(){if(v!==o-1){var e=f.current[v];e&&e.blur();var n=f.current[v+1];n&&n.focus()}}),[v,o]),w=n.useCallback((function(e){var n=e.target,t=n.value.toString().slice(0,1),r=f.current.findIndex((function(e){return e===n}));if(-1!==r){var a=k;a[r]=t,_(a),g((function(){return ee(a)})),null==s||s(ee(a))}E()}),[E,s,k]),L=n.useCallback((function(e){var n=e.target,t=f.current.findIndex((function(e){return e===n}));"number"===l?n.select():n.setSelectionRange(0,n.value.length,"backward"),-1!==t&&b(t)}),[]),O=n.useCallback((function(e){var n=$(e.clipboardData.getData("text/plain"),o),t=ee(n);_(n),g(t),null==s||s(t)}),[s,l,o]),S=n.useCallback((function(e){8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),j(),A()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),j()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),A()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),E()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[j,E,A]);return n.useImperativeHandle(t,(function(){return f.current[0]}),[]),n.useEffect((function(){_((function(){return $(u,o)})),g(u)}),[o,u]),y.default.createElement(a.Flex,{justify:"center",columnGap:8,className:x(ne,"otpContainer")},k.map((function(e,n){return y.default.createElement(re,{ref:function(e){f.current[n]=e},key:""+n,value:e,type:l,onChange:w,onFocus:L,onKeyDown:S,onPaste:O,onBlur:d})})))}));exports.Accordion=q,exports.Avatar=function(n){var t=n.withIndicator,r=void 0!==t&&t,o=n.indicatorConfig,i=void 0===o?null:o,l=n.size,u=void 0===l?56:l,c=n.children,s=e.__rest(n,["withIndicator","indicatorConfig","size","children"]),d=function(){return y.default.createElement(a.Avatar,e.__assign({size:u,radius:"xl"},s),c||y.default.createElement("img",{src:D,width:u}))};return r?y.default.createElement(a.Indicator,e.__assign({inline:!0,position:"bottom-end",offset:9},i,{styles:{indicator:{backgroundColor:y.default.isValidElement(i.label)&&"transparent",zIndex:1}}}),d()):d()},exports.Carousel=R,exports.Checkbox=N,exports.DatePicker=L,exports.MAPPED_LOCALE=J,exports.OTP=ae,exports.Phone=A,exports.Radio=Q,exports.StyledModal=M,exports.StyledSlider=U,exports.StyledSliderWrapper=Y,exports.StyledTextArea=I,exports.getMantineThemeOverride=function(n){return{datesLocale:J[n],dateFormat:r.ISO_FORMAT[n].dateFormat,fontFamily:n===c.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:r.ISO_FORMAT[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(u.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(u.theme.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:Z}},Radio:{styles:{radio:e.__assign(e.__assign({backgroundColor:"#ffffff"},Z),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},exports.useMantineLocale=function(e){n.useEffect((function(){var n;null===(n=X[e])||void 0===n||n.call(X)}),[e])};

package/build/{index-507eb62e.js → index-d981cada.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-e648bf20.js"),n=require("react"),r=require("@mantine/carousel"),t=require("@mantine/hooks");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(n),u=r.Carousel.Slide,o=n.createContext({}),c=function(e,n){return e>=n?e-n:e},a=function(l){var u=l.children,a=l.blurFromCenter,d=l.blurFromIndex,s=l.blurLength,f=void 0===s?3:s,v=l.maxBlurOpacity,h=void 0===v?.5:v,p=l.onSlideChange,x=l.selectSlideWhenClick,S=e.__rest(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),g=t.useResizeObserver(),b=g[0],m=g[1],C=n.useRef(null),y=n.useState(0),k=y[0],E=y[1],_=function(){var e,n,r,t=null===(e=null==C?void 0:C.current)||void 0===e?void 0:e.selectedScrollSnap();E(t);var l=(null===(n=null==C?void 0:C.current)||void 0===n?void 0:n.slideNodes())||[],i=l.length,u=(null===(r=null==C?void 0:C.current)||void 0===r?void 0:r.slidesInView()).length,o=Math.floor(u/2),s=a?d+f-1:o,v=t+s,p=v===i?0:v>i?v-i:v,x=t-s,S=x<0?i+x:x>0?t-s:0,g=Array(2*s+1).fill("").map((function(e,n){return c(S+n,i)}));l.map((function(e,n){if(n===t?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==g.indexOf(n))for(var r=h/f,l=0;l<f;l++){if(n===c(S+l,i)||n===(o=i,(u=p-l)<0?o+u:u)){e.style.opacity=String((l+1)*r);break}e.style.opacity="1"}else e.style.opacity="0";var u,o}))},w={getEmblaApi:function(e){C.current=e},onSlideChange:function(e){_(),null==p||p(e)}};return n.useEffect((function(){(null==C?void 0:C.current)&&_()}),[m]),i.default.createElement(o.Provider,{value:{slider:null==C?void 0:C.current,centerSlide:k,selectSlideWhenClick:x}},i.default.createElement(r.Carousel,e.__assign({ref:b,slideSize:"auto",containScroll:"trimSnaps"},w,S,{loop:!0}),"function"==typeof u?u(k):u))};a.Slide=function(r){var t=r.children,l=r.onClick,c=e.__rest(r,["children","onClick"]),a=n.useContext(o),d=a.slider,s=a.selectSlideWhenClick,f=n.useRef(),v=n.useRef(""),h=n.useState(0),p=h[0],x=h[1];n.useEffect((function(){v.current=String(Math.round(1e4*Math.random()))}),[]),n.useEffect((function(){var e=(null==d?void 0:d.slideNodes())||[];x(e.findIndex((function(e){return e.dataset.key===v.current})))}),[d]);var S={ref:f,"data-key":v.current,"data-index":p,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return i.default.createElement(u,e.__assign({},S,c),i.default.createElement("div",{onClick:function(){s&&(null==d||d.scrollTo(p)),null==l||l(p)}},t))},exports.CentralCarousel=a;
+"use strict";var e=require("./tslib.es6-b150f18a.js"),n=require("react"),r=require("@mantine/carousel"),t=require("@mantine/hooks");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(n),u=r.Carousel.Slide,o=n.createContext({}),a=function(e,n){return e>=n?e-n:e},c=function(l){var u=l.children,c=l.blurFromCenter,d=l.blurFromIndex,s=l.blurLength,f=void 0===s?3:s,v=l.maxBlurOpacity,h=void 0===v?.5:v,p=l.onSlideChange,x=l.selectSlideWhenClick,S=e.__rest(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),g=t.useResizeObserver(),b=g[0],m=g[1],C=n.useRef(null),y=n.useState(0),k=y[0],E=y[1],_=function(){var e,n,r,t=null===(e=null==C?void 0:C.current)||void 0===e?void 0:e.selectedScrollSnap();E(t);var l=(null===(n=null==C?void 0:C.current)||void 0===n?void 0:n.slideNodes())||[],i=l.length,u=(null===(r=null==C?void 0:C.current)||void 0===r?void 0:r.slidesInView()).length,o=Math.floor(u/2),s=c?d+f-1:o,v=t+s,p=v===i?0:v>i?v-i:v,x=t-s,S=x<0?i+x:x>0?t-s:0,g=Array(2*s+1).fill("").map((function(e,n){return a(S+n,i)}));l.map((function(e,n){if(n===t?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==g.indexOf(n))for(var r=h/f,l=0;l<f;l++){if(n===a(S+l,i)||n===(o=i,(u=p-l)<0?o+u:u)){e.style.opacity=String((l+1)*r);break}e.style.opacity="1"}else e.style.opacity="0";var u,o}))},w={getEmblaApi:function(e){C.current=e},onSlideChange:function(e){_(),null==p||p(e)}};return n.useEffect((function(){(null==C?void 0:C.current)&&_()}),[m]),i.default.createElement(o.Provider,{value:{slider:null==C?void 0:C.current,centerSlide:k,selectSlideWhenClick:x}},i.default.createElement(r.Carousel,e.__assign({ref:b,slideSize:"auto",containScroll:"trimSnaps"},w,S,{loop:!0}),"function"==typeof u?u(k):u))};c.Slide=function(r){var t=r.children,l=r.onClick,a=e.__rest(r,["children","onClick"]),c=n.useContext(o),d=c.slider,s=c.selectSlideWhenClick,f=n.useRef(),v=n.useRef(""),h=n.useState(0),p=h[0],x=h[1];n.useEffect((function(){v.current=String(Math.round(1e4*Math.random()))}),[]),n.useEffect((function(){var e=(null==d?void 0:d.slideNodes())||[];x(e.findIndex((function(e){return e.dataset.key===v.current})))}),[d]);var S={ref:f,"data-key":v.current,"data-index":p,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return i.default.createElement(u,e.__assign({},S,a),i.default.createElement("div",{onClick:function(){s&&(null==d||d.scrollTo(p)),null==l||l(p)}},t))},exports.CentralCarousel=c;

package/build/{index-1e408479.js → index-da5ad833.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-e648bf20.js"),n=require("react"),r=require("./Locale-5df7a79b.js"),t=require("./gAssets.js"),i=require("./theme-eeb887dd.js"),l=require("./index-edd6c488.js"),o=require("styled-components"),a=require("./index-507eb62e.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d,s,u,p,m,x=c(n),b=c(o),g=b.default.div(d||(d=e.__makeTemplateObject(["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"],["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"])),(function(e){return e.size}),(function(e){return e.size}),(function(e){return e.backgroundColor||i.theme.colors.white}),(function(e){return e.borderRadius||"50%"}),(function(e){return e.iconSize}),(function(e){return e.iconSize})),f=b.default.div(s||(s=e.__makeTemplateObject(["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.pink100})),h=[r.LOCALE.Myanmar,r.LOCALE.Taiwan],k=b.default((function(r){var o=r.icon,a=r.name,c=r.className,d=r.locale,s=void 0===d?"en-PH":d,u=r.onSelect,p=e.__rest(r,["icon","name","className","locale","onSelect"]),m=n.useMemo((function(){return null==c?void 0:c.includes("selected-week-pill")}),[c]);return x.default.createElement(f,e.__assign({onClick:u,className:c?"week-pill".concat(" non-pointer-event-child ",c):"week-pill non-pointer-event-child"},p),x.default.createElement(g,{size:64,iconSize:40,backgroundColor:i.theme.colors.white},x.default.createElement("img",{src:o||t.CommonGAssets.getAssetPath("week_default.png"),alt:""})),m?x.default.createElement(l.Text,e.__assign({type:"semiBold",size:"n1",color:i.theme.colors.gray800},h.includes(s)&&{style:{fontSize:"10px"}}),a):x.default.createElement(l.Text,e.__assign({size:"n1",color:i.theme.colors.gray600},h.includes(s)&&{style:{fontSize:"10px"}}),a))}))(u||(u=e.__makeTemplateObject(["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"],["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"]))),_=b.default(a.CentralCarousel.Slide)(p||(p=e.__makeTemplateObject([""],[""]))),w=b.default(a.CentralCarousel)(m||(m=e.__makeTemplateObject(["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"],["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"])));exports.PillCarousel=function(n){var t=n.data,i=n.isMobile,l=n.onSlideChange,o=n.pillProps,a=n.locale,c=void 0===a?r.LOCALE.Vietnam:a,d=n.blurFromIndex,s=n.blurLength,u=e.__rest(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),p={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:d||(i?2:4),blurLength:s||(i?1:3),onSlideChange:l};return x.default.createElement(w,e.__assign({},p,u),(function(n){return t.map((function(r,t){return x.default.createElement(_,e.__assign({key:t,onClick:l},o),x.default.createElement("div",{className:"centerred-pill-wrapper"},x.default.createElement(k,{locale:c,name:r.name,icon:r.icon,className:t===n?"selected-week-pill":""})))}))}))};
+"use strict";var e=require("./tslib.es6-b150f18a.js"),n=require("react"),r=require("./Locale-7b83658a.js"),t=require("./gAssets.js"),i=require("./theme-d8e894f7.js"),l=require("./index-b9290b0b.js"),o=require("styled-components"),a=require("./index-d981cada.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,d,u,p,m,b=c(n),x=c(o),g=x.default.div(s||(s=e.__makeTemplateObject(["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"],["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"])),(function(e){return e.size}),(function(e){return e.size}),(function(e){return e.backgroundColor||i.theme.colors.white}),(function(e){return e.borderRadius||"50%"}),(function(e){return e.iconSize}),(function(e){return e.iconSize})),f=x.default.div(d||(d=e.__makeTemplateObject(["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.pink100})),h=[r.LOCALE.Myanmar,r.LOCALE.Taiwan],k=x.default((function(r){var o=r.icon,a=r.name,c=r.className,s=r.locale,d=void 0===s?"en-PH":s,u=r.onSelect,p=e.__rest(r,["icon","name","className","locale","onSelect"]),m=n.useMemo((function(){return null==c?void 0:c.includes("selected-week-pill")}),[c]);return b.default.createElement(f,e.__assign({onClick:u,className:c?"week-pill".concat(" non-pointer-event-child ",c):"week-pill non-pointer-event-child"},p),b.default.createElement(g,{size:64,iconSize:40,backgroundColor:i.theme.colors.white},b.default.createElement("img",{src:o||t.CommonGAssets.getAssetPath("week_default.png"),alt:""})),m?b.default.createElement(l.Text,e.__assign({type:"semiBold",size:"n1",color:i.theme.colors.gray800},h.includes(d)&&{style:{fontSize:"10px"}}),a):b.default.createElement(l.Text,e.__assign({size:"n1",color:i.theme.colors.gray600},h.includes(d)&&{style:{fontSize:"10px"}}),a))}))(u||(u=e.__makeTemplateObject(["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"],["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"]))),_=x.default(a.CentralCarousel.Slide)(p||(p=e.__makeTemplateObject([""],[""]))),w=x.default(a.CentralCarousel)(m||(m=e.__makeTemplateObject(["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"],["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"])));exports.PillCarousel=function(n){var t=n.data,i=n.isMobile,l=n.onSlideChange,o=n.pillProps,a=n.locale,c=void 0===a?r.LOCALE.Vietnam:a,s=n.blurFromIndex,d=n.blurLength,u=e.__rest(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),p={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:s||(i?2:4),blurLength:d||(i?1:3),onSlideChange:l};return b.default.createElement(w,e.__assign({},p,u),(function(n){return t.map((function(r,t){return b.default.createElement(_,e.__assign({key:t,onClick:l},o),b.default.createElement("div",{className:"centerred-pill-wrapper"},b.default.createElement(k,{locale:c,name:r.name,icon:r.icon,className:t===n?"selected-week-pill":""})))}))}))};