@hhgtech/hhg-components 1.23.54 → 1.23.56

package/build/esm/useFbDataLayer-361475a3.js

@@ -1 +0,0 @@
-import{d as e,e as n}from"./tslib.es6-0eb513ff.js";import{useRef as t,useEffect as r}from"react";import{g as i}from"./cookieHelper-d1b2fb1d.js";function o(e){var n=(new TextEncoder).encode(e.trim().toLowerCase());return crypto.subtle.digest("SHA-256",n).then((function(e){return Array.from(new Uint8Array(e)).map((function(e){return e.toString(16).padStart(2,"0")})).join("")}))}var a=function(a){var l=t("");r((function(){return e(void 0,void 0,void 0,(function(){var e,t,r,c,u,s,f,d,p,m,b,h,v,g,y;return n(this,(function(n){switch(n.label){case 0:return l.current?[3,4]:[4,fetch("https://api.ipify.org").then((function(e){return e.text()}))];case 1:return(e=n.sent())?[3,3]:[4,fetch("https://icanhazip.com").then((function(e){return e.text()}))];case 2:e=n.sent(),n.label=3;case 3:l.current=e,n.label=4;case 4:return null===(h=null===(b=window.localStorage)||void 0===b?void 0:b.setItem)||void 0===h||h.call(b,"fbClientIp",JSON.stringify({client_ip_address:(null===(v=l.current)||void 0===v?void 0:v.replace("\n",""))||"",client_user_agent:navigator.userAgent||""})),(null==a?void 0:a.id)?[4,Promise.all([a.email?o(a.email):null,a.phone?o(a.phone):null,a.birthday?o(a.birthday.split("-").join("")):null,a.gender?"m":"f",a.city_name?o(a.city_name).then((function(e){return e.replace(/\s/g,"")})):null,a.name?o(a.name):null])]:[3,6];case 5:t=n.sent(),r=t[0],c=t[1],u=t[2],s=t[3],f=t[4],d=t[5],p={fbc:i("_fbc")||"",fbp:i("_fbp")||""},m={user_id:a.id},d&&(m.fn=d),r&&(p.em=r,m.em=r),c&&(p.ph=c,m.ph=c),u&&(p.db=u,m.db=u),s&&(p.ge=s,m.ge=s),f&&(p.ct=f,m.ct=f),null===(y=null===(g=window.localStorage)||void 0===g?void 0:g.setItem)||void 0===y||y.call(g,"fbDataLayer_userInfo",JSON.stringify(m)),n.label=6;case 6:return[2]}}))})),function(){}}),[a])};export{a as u};

package/build/index-09bcb8fe.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-bac68637.js"),n=require("react"),t=require("./Vietnam-e0a0b80e.js"),r=require("./index-bfd73e41.js"),a=require("@mantine/core"),o=require("./gAssets.js"),i=require("@mantine/dates"),l=require("styled-components");require("dayjs"),require("./screenSizeContext-766b757d.js");var u=require("./theme-54b86339.js");require("./utils-872559d6.js"),require("./isProduction-623bb681.js");var c=require("./Locale-b52686aa.js"),s=require("@mantine/carousel"),d=require("./defaultClassWrapper-fcf834c5.js"),f=require("./index-59d4f57e.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])};