@hhgtech/hhg-components 1.23.13 → 1.23.14

package/build/lead.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-7db96a99.js"),t=require("react"),a=require("lodash/debounce"),l=require("react-dom"),n=require("./translationsContext-f8ba76fb.js"),o=require("./cookieHelper-6c770fb3.js"),r=require("./utils-2c039364.js"),i=require("uuid"),c=require("./useTranslations-7bad81fe.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("dayjs"),require("./screenSizeContext-9a3675b8.js"),require("./lazyLoad-48cd5231.js"),require("styled-components"),require("./index-c033f192.js"),require("./isProduction-53d40fc4.js"),require("./Locale-a2e480e5.js"),require("./gAssets.js"),require("./en-PH-1d38ff6a.js"),require("string-format"),require("lodash/throttle"),require("vanilla-lazyload");var u=d(t),s=d(a),m=function(e){var t=e.onClose,a=e.containerClassName,l=e.svgClassName;return u.default.createElement("button",{onClick:t,className:"le-newbuilder-close-button js-modal__close ".concat(a||"")},u.default.createElement("svg",{className:"le-newbuilder-close-svg ".concat(l||""),xmlns:"http://www.w3.org/2000/svg",width:"53",height:"53",viewBox:"0 0 53 53"},u.default.createElement("defs",null,u.default.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},u.default.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),u.default.createElement("feFlood",{floodOpacity:".4"}),u.default.createElement("feComposite",{in2:"blur",operator:"in"}),u.default.createElement("feComposite",{in:"SourceGraphic"})),u.default.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),u.default.createElement("g",{filter:"url(#Ellipse_482)"},u.default.createElement("circle",{cx:"17.5",cy:"17.5",r:"17.5",transform:"translate(-483.1 -671.163)translate(483.1 671.16)translate(9 9)",fill:"#005cfd"})),u.default.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),u.default.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},p=function(e){var t=e.popupId,a=e.url,l=e.newTab,n=e.imageDestkop,o=e.imageMobile,r=e.onClose,i=e.onOtherSubmit;return u.default.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},u.default.createElement("div",{className:"le-center-tab-popup"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("a",{className:"js-popup-other-submit",href:a,target:l?"blank":"_parent",onClick:i},u.default.createElement("img",{className:"le-only-mobile",src:o}),u.default.createElement("img",{className:"le-only-desktop",src:n})),u.default.createElement(m,{onClose:r,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},f=function(e){var t=e.popupId,a=e.url,l=e.title,n=e.urlText,o=e.titleAlign,r=e.subtitle,i=e.subtitleAlign,c=e.newTab,d=e.imageDesktop,s=e.imageMobile,p=e.onClose,f=e.onOtherSubmit;return u.default.createElement("div",{id:t,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},u.default.createElement("aside",{className:"le-only-desktop"},u.default.createElement("div",{className:"le-floating-desktop"},u.default.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},d?u.default.createElement("div",null,u.default.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:d})):null,u.default.createElement("div",{style:{padding:20}},u.default.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(o)},l),u.default.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(i)},r)),u.default.createElement("a",{target:c?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:a},u.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:f},n)),u.default.createElement(m,{onClose:p,containerClassName:"le-abs-outer-top-right"})))),u.default.createElement("aside",{className:"le-only-mobile"},u.default.createElement("div",{className:"le-floating-mobile"},u.default.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},u.default.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},u.default.createElement("div",null,u.default.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(o)},l),u.default.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(i)},r)),s?u.default.createElement("div",null,u.default.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:s})):null),u.default.createElement("div",{style:{textAlign:"center",marginTop:10}},u.default.createElement("a",{target:c?"blank":"_parent",href:a,style:{textDecoration:"none"}},u.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:f},n))),u.default.createElement(m,{onClose:p,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},g={LINKS:1,TAGS:2},v="https://dev.leadgen.hellobacsi.com/",h={MOBILE:1,DESKTOP:2},b="";v.includes("localhost")&&(v="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(b="pink");var k="https://"+location.hostname+location.pathname+location.search;k=k.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var _={"vi-VN":{popupLang:"vi",countryCode:"vn",countryCodeNumber:84},"id-ID":{popupLang:"id",countryCode:"id",countryCodeNumber:62},"th-TH":{popupLang:"th",countryCode:"th",countryCodeNumber:66},"ms-MY":{popupLang:"ms",countryCode:"my",countryCodeNumber:60},"zh-TW":{popupLang:"zh",countryCode:"tw",countryCodeNumber:886},"km-KH":{popupLang:"km",countryCode:"kh",countryCodeNumber:855},"my-MM":{popupLang:"my",countryCode:"mm",countryCodeNumber:95},"hi-IN":{popupLang:"hi",countryCode:"in",countryCodeNumber:91}},y=_[document.documentElement.lang]||_["vi-VN"];var E=t.createContext({}),N=function(e){var t=e.title,a=e.titleAlign,l=e.subtitle,n=e.subtitleAlign,o=e.link,r=e.linkNewTab,i=e.linkText,c=e.image;return u.default.createElement("div",{className:"lead-modal__thank-you"},u.default.createElement("div",{style:{width:"100%"}},u.default.createElement("img",{src:c,style:{maxHeight:162,objectFit:"cover"}}),t&&u.default.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(a)},t),l&&u.default.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(n)},l),i&&u.default.createElement("div",null,u.default.createElement("a",{href:o,target:r?"_blank":"parrent",rel:"noreferrer"},u.default.createElement("button",{className:"lead-modal__btn ".concat(b)},i)))))},w=function(a){var n=a.content,o=a.inlinePosition,r=t.useMemo((function(){if(!o)return null;var t=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),a=Array.from(t).reduce((function(t,a){return e.__spreadArray(e.__spreadArray([],t,!0),Array.from(a.children),!0)}),[]);if(null==a?void 0:a.length){var l=a.filter((function(e){return"P"===e.nodeName})),n=a.filter((function(e){return"H2"===e.nodeName})),r=null;switch(o){case"1th":r=l[0];break;case"2th":r=l[1];break;case"3th":r=l[2];break;case"4th":r=l[3];break;case"5th":r=l[4];break;case"6th":r=l[5];break;case"7th":r=l[6];break;case"8th":r=l[7];break;case"9th":r=l[8];break;case"10th":r=l[9];break;case"11th":r=l[10];break;case"12th":r=l[11];break;case"lastP":r=l[l.length-1];break;case"1thH2":r=n[0];break;case"2thH2":r=n[1];break;case"3thH2":r=n[2];break;case"4thH2":r=n[3];break;case"5thH2":r=n[4];break;case"6thH2":r=n[5];break;case"7thH2":r=n[6];break;case"8thH2":r=n[7];break;case"9thH2":r=n[8];break;case"10thH2":r=n[9];break;case"lastH2":r=n[n.length-1]}if(r){if(r.parentElement.querySelector(".inline-lead-wrapper"))return r.parentElement.querySelector(".inline-lead-wrapper");var i=document.createElement("div");return i.classList.add("inline-lead-wrapper"),r.nextElementSibling?r.parentElement.insertBefore(i,r.nextElementSibling):r.parentElement.appendChild(i),i}}}),[o]);return o&&r?l.createPortal(n,r):null},x=function(e){var a=e.content,n=t.useMemo((function(){var e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((function(e){if(!e.querySelector(".sidebar-lead-modal-wrapper")){var t=document.createElement("div");t.classList.add("sidebar-lead-modal-wrapper"),e.prepend(t)}})),e.map((function(e){return e.querySelector(".sidebar-lead-modal-wrapper")}))}),[]);return u.default.createElement(u.default.Fragment,null,n.map((function(e){return l.createPortal(a,r.getWrapperDomWithSelector(e,"sidebar-lead-modal-wrapper"))})))},C=function(a){var l,n,o,r=a.popupId,i=a.extraFields,d=a.onClose,s=a.onOtherSubmit,m=a.imageMobile,p=a.imageDesktop,f=a.imageOverlayMobile,g=a.imageOverlayDesktop,v=a.imageBackground,h=a.currentLayout,k=a.title,_=a.onSubmit,C=a.showThankyou,S=c.useTranslations().t,T=JSON.parse(i.listBlockAdded),B=JSON.parse(i.actionBlocks),L=JSON.parse(i.textBlocks),j=t.useContext(E).apiUrl,P=B.submitBlock.data.url,A=B.submitBlock.data.text,q=B.submitBlock.data.text2,O=B.submitBlock.data.value,I=location.pathname,M=h.includes("Inline")||"Sidebar"===h,D="Slider"===h,H=t.useState(!0),V=H[0],F=H[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(h))return console.log("😎 Not show fullscreen, slider on mobile "),null;t.useEffect((function(){(h.includes("LightBox")||"Fullscreen"==h)&&document.body.classList.add("noscroll")}),[]);var R=function(t,a){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return a.target.validity.valueMissing?(a.target.setCustomValidity(S("validator.required")),[3,6]):[3,1];case 1:return a.target.validity.valid||a.target.validity.customError?[3,2]:("tel"===t?a.target.setCustomValidity(S("validator.phone")):"date"===t?a.target.setCustomValidity(S("validator.date")):"email"===t&&a.target.setCustomValidity(S("validator.email")),[3,6]);case 2:return"tel"!==t?[3,5]:window.intlTelInputUtils?[3,4]:[4,require("intl-tel-input/build/js/utils")];case 3:e.sent(),e.label=4;case 4:return window.intlTelInputUtils.isValidNumber(String(a.target.value),y.countryCode)?a.target.setCustomValidity(""):a.target.setCustomValidity(S("validator.phone")),[3,6];case 5:a.target.setCustomValidity(""),e.label=6;case 6:return[2]}}))}))},U=t.useMemo((function(){var e={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return T.map((function(t,a){var l,n,o;if("TitleBlock"==t.name)return u.default.createElement("h2",{key:a,className:"lead-modal__title ".concat("le-text-align-"+((null===(l=t.data)||void 0===l?void 0:l.align)||"")," ").concat(b)},t.data.value);if("SubtitleBlock"==t.name)return u.default.createElement("p",{key:a,className:"lead-modal__description ".concat("le-text-align-"+((null===(n=t.data)||void 0===n?void 0:n.align)||"")," ").concat(b)},t.data.value);if("TextBlock"==t.name)return e.TextBlock+=1,u.default.createElement("div",{key:a},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":t.data.value,name:"text"+(e.TextBlock>1?e.TextBlock:""),spellCheck:!1,type:"text",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return R("text",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/text.svg")})));if("NumberBlock"==t.name){var r=u.default.createElement("div",{key:a},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":t.data.value,name:"number"+(e.NumberBlock?e.NumberBlock:""),spellCheck:!1,type:"number",min:"0",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return R("number",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/number.svg")})));return e.NumberBlock+=1,r}if("EmailBlock"==t.name){r=u.default.createElement("div",{key:a},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":t.data.value,name:"email"+(e.EmailBlock?e.EmailBlock:""),spellCheck:!1,type:"email",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return R("email",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/email.svg")})));return e.EmailBlock+=1,r}if("PhoneBlock"==t.name){r=u.default.createElement("div",{key:a},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":t.data.value,name:"tel"+(e.PhoneBlock?e.PhoneBlock:""),spellCheck:!1,type:"tel",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return R("tel",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/tel.svg")})));return e.PhoneBlock+=1,r}if("DateBlock"==t.name){r=u.default.createElement("div",null,u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,type:"date","data-key":t.data.value,name:"date"+(e.DateBlock?e.DateBlock:""),placeholder:t.data.placeholder,onClick:function(e){e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){e.currentTarget.value||e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(e){return R("date",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/date.svg")})));return e.DateBlock+=1,r}if("LinkButtonBlock"==t.name)return u.default.createElement("div",{key:a},u.default.createElement("a",{target:t.data.newtab?"blank":"parrent",href:t.data.url,style:{textDecoration:"none"}},u.default.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(b),onClick:function(){null==d||d(),null==s||s()}},t.data.value)));if("CheckboxBlock"==t.name){var i=t.data,c=i.listQuestion,m=i.isSendMailChimp,p=void 0!==m&&m;r=u.default.createElement("div",{key:a,style:{margin:"5px 0"}},u.default.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),u.default.createElement("div",{className:"mailchimp-".concat(null===(o=t.data.value)||void 0===o?void 0:o.replace(/\s/gi,"_")),"data-mailchimp":p}),c.map((function(a,l){return u.default.createElement("label",{key:l,className:"lead-checkbox-container"},u.default.createElement("input",{"data-key":t.data.value,name:"checkbox"+(e.CheckboxBlock?e.CheckboxBlock:"")+"[]",value:a.value,type:"checkbox",onChange:function(e){return R("checkbox",e)}}),u.default.createElement("span",{className:"lead-checkbox-checkmark"}),a.placeholder)})));return e.CheckboxBlock+=1,r}if("RadioBlock"==t.name){c=t.data.listQuestion,r=u.default.createElement("div",{key:a,style:{margin:"5px 0"}},u.default.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),c.map((function(a,l){return u.default.createElement("label",{className:"lead-radio-container",key:l},u.default.createElement("input",{"data-key":t.data.value,name:"radio"+(e.RadioBlock?e.RadioBlock:""),value:a.value,type:"radio",onChange:function(e){return R("radio",e)}}),u.default.createElement("span",{className:"lead-radio-checkmark"}),a.placeholder)})));return e.RadioBlock+=1,r}if("DropdownBlock"==t.name){c=t.data.listQuestion,r=u.default.createElement("div",{key:a,style:{margin:"5px 0"}},u.default.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),u.default.createElement("div",{className:"le-newbuilder-select-wrapper"},u.default.createElement("select",{className:"le-newbuilder-select","data-key":t.data.value,name:"dropdown"+(e.DropdownBlock?e.DropdownBlock:"")},c.map((function(e,t){return u.default.createElement("option",{key:t,value:e.value},e.placeholder)})))));return e.DropdownBlock+=1,r}}))}),[]),W=u.default.createElement(u.default.Fragment,null,u.default.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n        background: url(".concat(f,") ;\n        background-repeat: no-repeat;\n        background-size: cover;\n      }\n      @media screen and (min-width:768px) {\n        .le-newbuilder-overlay {\n          background: url(").concat(g,") ;\n          background-repeat: no-repeat;\n          background-size: cover;\n        }\n      }")}}),u.default.createElement("div",{id:r,"data-popup-url":I,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(M?"le-buider-inline":""," ").concat(D?"le-buider-slider":"")},"Fullscreen"==h?u.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:v||""}):null,u.default.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(h)},u.default.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(h)},C?u.default.createElement(N,{title:C.title,titleAlign:C.titleAlign,subtitle:C.subtitle,subtitleAlign:C.subtitleAlign,link:C.link,linkNewTab:C.linkNewTab,linkText:C.linkText,image:C.image}):u.default.createElement(u.default.Fragment,null,u.default.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(h)?m?u.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:m,alt:""}):null:u.default.createElement(u.default.Fragment,null,p?u.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:p,alt:""}):null,m?u.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:m,alt:""}):null)),u.default.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},u.default.createElement("form",{className:"lead-modal__form ".concat(r),onSubmit:_},u.default.createElement("div",{style:{marginBottom:20}},u.default.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(l=L.titleBlock.data)||void 0===l?void 0:l.align)," ").concat(b)},k),u.default.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(n=L.titleBlock.data)||void 0===n?void 0:n.align)," ").concat(b)},L.subtitleBlock.data.value)),u.default.createElement("div",null,U),(null===(o=null==B?void 0:B.submitBlock)||void 0===o?void 0:o.isHide)?null:u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(b)},u.default.createElement("div",{className:"lead-modal__checkbox"},u.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(b),type:"checkbox","aria-label":"Checkbox label",checked:V,onChange:function(e){return F(e.currentTarget.checked)}}),u.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),u.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},A," ",u.default.createElement("span",{style:{fontWeight:"bold"}},u.default.createElement("a",{target:"blank",href:P||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},q)))),u.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(b),disabled:!V},O)))))),!h.includes("Inline")&&u.default.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==h?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(b),onClick:d},u.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},u.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},u.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),u.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))))));return h.includes("LightBox")||"Fullscreen"==h||"Slider"==h?W:"Sidebar"==h?u.default.createElement(x,{content:W}):h.includes("Inline")?u.default.createElement(w,{content:W,inlinePosition:i.popupInlinePosition}):null},S=function(e){var t=e.popupId,a=e.link,l=e.linkText,n=e.linkNewTab,o=e.onClose,r=e.imageMobile,i=e.imageDesktop,c=e.currentLayout,d=e.onOtherSubmit,s=location.pathname;return u.default.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":s,"data-popup-type":"skin_ab"},"SkinA"==c?u.default.createElement("aside",{className:"le-only-desktop"},u.default.createElement("div",{className:"le-skin-a-desktop"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("img",{src:i}),u.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:a,target:n?"blank":"_parent"},u.default.createElement("button",{onClick:d,className:"le-joinbow-btn js-popup-other-submit"},l)),u.default.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(b)},u.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},u.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},u.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),u.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))):"SkinB"==c?u.default.createElement("aside",{className:"le-only-desktop"},u.default.createElement("div",{className:""},u.default.createElement("div",{style:{position:"relative",zIndex:1e4}},u.default.createElement("img",{src:i,style:{width:"100%"}}),u.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:a,target:n?"blank":"_parent"},u.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),u.default.createElement(m,{containerClassName:"le-abs-top-right",onClose:o})))):null,u.default.createElement("aside",{className:"le-only-mobile"},u.default.createElement("div",{className:"le-skin-mobile"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("img",{src:r,style:{width:"100%"}}),u.default.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:a,target:n?"blank":"_parent"},u.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),u.default.createElement(m,{containerClassName:"le-abs-top-right",svgClassName:"le-mobile-btn",onClose:o})))))},T=function(e){var t=e.popupId,a=e.url,l=e.newTab,n=e.image,o=e.onClose,r=e.onOtherSubmit;return u.default.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},u.default.createElement("div",{className:"le-tab-popup"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("a",{href:a,target:l?"blank":"_parent",onClick:r},u.default.createElement("img",{className:"js-popup-other-submit",src:n})),u.default.createElement(m,{onClose:o,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var B=function(e){var a,l,n=e.campaign,r=e.action,d=e.onSubmit,s=e.onClose,m=e.showThankyou;c.useTranslations().t;var g=t.useContext(E),v=g.apiUrl,h=g.siteDomain;t.useEffect((function(){var e=o.getCookie("_ga")||null;fetch("".concat(v,"api/campaign/").concat(y,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:r,url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),ga_client_id:e})})}),[]);var b=n.extra_fields,k=n.image,_=n.image_desktop,y=n.code,N=n.image_background,w=n.image_overlay_mobile,x=n.image_overlay_desktop,B=b.currentLayout,L=b.imageBlocks?JSON.parse(b.imageBlocks):{},j=JSON.parse(b.actionBlocks),P=JSON.parse(b.textBlocks),A=(null===(l=null===(a=null==P?void 0:P.titleBlock)||void 0===a?void 0:a.data)||void 0===l?void 0:l.value)||"",q={1:{},2:{},3:{}},O=t.useRef("lead-modal-"+i.v1()),I=function(e){if(void 0===e&&(e="Xin chao {{category_2}} extra"),e.includes("{{category_")){var t="{{category_".length,a=e.search("{{category_");return+e.charAt(t+a)}return null}(A);if(I){console.log("⚡️ Has categoryLevel",I);var M=Array.from(document.getElementsByTagName("META")),D=M.find((function(e){return e.name==="content_category_".concat(I)})),H=M.find((function(e){return e.name==="content_category_en_".concat(I)}));if(!D||!H)return console.log("⚡️ No META TAG for categoryLevel, not show popup",I),null;q[I]={value:D.content,value_en:H.content},A=A.replace("{{category_".concat(I,"}}"),D.content),console.log("⚡️ Set categoryData ",I)}else console.log("⚡️ No categoryLevel",I);var V=function(){var e,t,a,l;if(console.log("👌 Other submit click"),document.body.classList.remove("noscroll"),B.includes("Skin")){var r=document.querySelector("#masthead");r&&(r.style.top="0px !important;")}var i=Number(null!==(t=null===(e=n.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===e?void 0:e.value)&&void 0!==t?t:7),c=Number(null!==(l=null===(a=n.rules.find((function(e){return"show_again_after_submit"==e.rule})))||void 0===a?void 0:a.value)&&void 0!==l?l:0);0===c&&(console.log("⛔ Popup never show again!"),o.setCookie("lead_submited_".concat(y),"target_".concat(b.popupVersion),{domain:"."+h,path:"/"})),1==c&&(console.log("⌛ Popup will show again after ".concat(i," days!")),o.setCookie("lead_submited_".concat(y),"target_".concat(b.popupVersion),{domain:"."+h,days:i,path:"/"}));var d=o.getCookie("_ga")||null,u={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:o.getCookie("hhg-id"),ga_client_id:d};I&&(u.category=q[I].value_en),fetch("".concat(v,"api/campaign/").concat(y,"/lead"),{method:"POST",body:JSON.stringify(u),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(e){return e.json()})).then((function(e){"error"===e.status&&console.log(e)})).catch((function(e){console.error("Error:",e)})),null==s||s()};return"CenterTab"===B?u.default.createElement(p,{popupId:O.current,url:L.imageMobile.data.url,newTab:L.imageMobile.data.newtab,imageMobile:k,imageDestkop:_,onClose:s,onOtherSubmit:V}):"Tab"===B?u.default.createElement(T,{popupId:O.current,url:L.imageMobile.data.url,newTab:L.imageMobile.data.newtab,image:k,onClose:s,onOtherSubmit:V}):"Floating"===B?u.default.createElement(f,{popupId:O.current,title:A,titleAlign:P.titleBlock.data.align,subtitle:P.subtitleBlock.data.value,subtitleAlign:P.subtitleBlock.data.align,url:j.linkButtonBlock.data.url,urlText:j.linkButtonBlock.data.value,newTab:j.linkButtonBlock.data.newtab,imageMobile:k,imageDesktop:_,onClose:s,onOtherSubmit:V}):B.includes("LightBox")||B.includes("Inline")||"Fullscreen"==B||"Sidebar"==B||"Slider"==B?u.default.createElement(C,{popupId:O.current,extraFields:b,onClose:s,onOtherSubmit:V,imageMobile:k,imageDesktop:_,imageBackground:N,currentLayout:B,title:A,onSubmit:function(e){return d(e,I,q,O.current)},key:B,imageOverlayDesktop:x,imageOverlayMobile:w,showThankyou:m}):B.includes("Skin")?u.default.createElement(S,{popupId:O.current,link:j.linkButtonBlock.data.url,linkNewTab:!!j.linkButtonBlock.data.newtab,linkText:j.linkButtonBlock.data.value,onClose:s,onOtherSubmit:V,imageMobile:k,imageDesktop:_,currentLayout:B}):null},L=function(a){var l=a.campaign,n=a.action,r=a.onSubmit,i=a.onClose,d=a.showThankyou,s=c.useTranslations().t,m=t.useState(!0),p=m[0],f=m[1];t.useEffect((function(){document.body.classList.add("noscroll");var e=o.getCookie("_ga")||null;fetch("".concat(T,"api/campaign/").concat(h,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:n||"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),ga_client_id:e})})}),[]);var g=l.extra_fields,v=l.image,h=l.code,k=g.title,_=g.desc,w=g.submit,x=g.popUpTermURL,C=g.popUpTermAgreeText,S=g.popUpTermText,T=t.useContext(E).apiUrl,B=g.fields?JSON.parse(g.fields):[],L={tel:0,text:0,date:0,email:0},j=function(t,a){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return a.target.validity.valueMissing?(a.target.setCustomValidity(s("validator.required")),[3,5]):[3,1];case 1:return a.target.validity.valid||a.target.validity.customError?[3,2]:("tel"===t?a.target.setCustomValidity(s("validator.phone")):"date"===t?a.target.setCustomValidity(s("validator.date")):"email"===t&&a.target.setCustomValidity(s("validator.email")),[3,5]);case 2:return"tel"!==t?[3,4]:[4,require("intl-tel-input")];case 3:return e.sent().isValidNumber(String(a.target.value),y.countryCode)?a.target.setCustomValidity(""):a.target.setCustomValidity(s("validator.phone")),[3,5];case 4:a.target.setCustomValidity(""),e.label=5;case 5:return[2]}}))}))},P=B.map((function(e,t){var a=u.default.createElement(u.default.Fragment,null);return a="date"==e.control?u.default.createElement("div",{key:t,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,type:"date","data-key":e.listEdit[0].value,name:L.date?e.control+L.date:e.control,placeholder:e.listEdit[1].value||"...",onClick:function(e){return e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){return!e.currentTarget.value&&e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(t){return j(e.control,t)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(T,"admin/img/builder/").concat(e.name,".svg")})):u.default.createElement("div",{key:t,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":e.listEdit[0].value,name:L[e.control]?e.control+L[e.control]:e.control,spellCheck:!1,type:e.control,placeholder:e.listEdit[1].value||"...",className:"lead-modal__form-control width-100%",onChange:function(t){return j(e.control,t)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(T,"admin/img/builder/").concat(e.name,".svg")})),"date"==e.control&&(L.date+=1),"text"==e.control&&(L.text+=1),"tel"==e.control&&(L.tel+=1),"email"==e.control&&(L.email+=1),a}));return u.default.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},u.default.createElement("div",{className:"lead-modal__wrapper animate__animated "},u.default.createElement("div",{className:"lead-modal__content"},d?u.default.createElement(N,{title:d.title,titleAlign:d.titleAlign,subtitle:d.subtitle,subtitleAlign:d.subtitleAlign,link:d.link,linkNewTab:d.linkNewTab,linkText:d.linkText,image:d.image}):u.default.createElement(u.default.Fragment,null,u.default.createElement("header",{className:"lead-modal__header"},!!v&&u.default.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:v,alt:""})),u.default.createElement("div",{className:"lead-modal__body"},u.default.createElement("h2",{className:"lead-modal__title ".concat(b)},k),u.default.createElement("p",{className:"lead-modal__description ".concat(b)},_),u.default.createElement("form",{className:"lead-modal__form",onSubmit:function(e){e.preventDefault(),r(e)}},P,u.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(b)},u.default.createElement("div",{className:"lead-modal__checkbox"},u.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(b),type:"checkbox","aria-label":"Checkbox label",checked:p,onChange:function(e){return f(e.currentTarget.checked)}}),u.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),u.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},C," ",u.default.createElement("span",{style:{fontWeight:"bold"}},u.default.createElement("a",{target:"blank",href:x||"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},S)))),u.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(b),disabled:!p},w))))),u.default.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(b),onClick:i},u.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},u.default.createElement("title",null,"Close modal window"),u.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},u.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),u.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},j=function(e){var t=e.campaign,a=e.action,l=e.onSubmit,n=e.onClose,o=e.showThankyou;return t.extra_fields?"2.1"==t.extra_fields.popupVersion?u.default.createElement(B,{campaign:t,action:a,onSubmit:l,onClose:n,showThankyou:o}):u.default.createElement(L,{campaign:t,action:a,onSubmit:l,onClose:n,showThankyou:o}):null},P={"validator.required":"This field is required.","validator.remote":"Please fix this field.","validator.email":"Please enter a valid email address.","validator.phone":"Please input correct phone number.","validator.url":"Please enter a valid URL.","validator.date":"Please enter a valid date.","validator.dateISO":"Please enter a valid date (ISO).","validator.number":"Please enter a valid number.","validator.digits":"Please enter only digits.","validator.creditcard":"Please enter a valid credit card number.","validator.equalTo":"Please enter the same value again.","validator.accept":"Please enter a value with a valid extension.","validator.maxlength":"jQuery.validator.format('Please enter no more than {0} characters.","validator.minlength":"jQuery.validator.format('Please enter at least {0} characters.","validator.rangelength":"jQuery.validator.format('Please enter a value between {0} and {1} characters long.","validator.range":"jQuery.validator.format('Please enter a value between {0} and {1}.","validator.max":"jQuery.validator.format('Please enter a value less than or equal to {0}.","validator.min":"jQuery.validator.format('Please enter a value greater than or equal to {0}."},A={"en-PH":P,"vi-VN":{"validator.required":"Vui lòng điền mục này","validator.email":"Vui lòng điền email có thật.","validator.number":"Vui lòng điền số có thật","validator.digits":"Vui lòng chỉ điền số","validator.maxlength":"Vui lòng điền dưới {0} số","validator.minlength":"Vui lòng điền hơn {0} số","validator.remote":"Hãy sửa cho đúng.","validator.url":"Hãy nhập URL.","validator.date":"Hãy nhập ngày.","validator.dateISO":"Hãy nhập ngày (ISO).","validator.creditcard":"Hãy nhập số thẻ tín dụng.","validator.equalTo":"Hãy nhập thêm lần nữa.","validator.extension":"Phần mở rộng không đúng.","validator.rangelength":"Hãy nhập từ {0} đến {1} kí tự.","validator.range":"Hãy nhập từ {0} đến {1}.","validator.max":"Hãy nhập từ {0} trở xuống.","validator.min":"Hãy nhập từ {0} trở lên.","validator.phone":"Nhập đúng định dạng số điện thoại"},"hi-IN":{"validator.required":"इस क्षेत्र की आवश्यकता है।","validator.email":"कृपया एक मान्य ईमेल पता दर्ज करें","validator.number":"कृपया एक वैध संख्या दर्ज करें","validator.digits":"कृपया केवल अंक दर्ज करें","validator.maxlength":"कृपया {0} अक्षर से अधिक दर्ज न करें","validator.minlength":"कृपया कम से कम {0} अक्षर दर्ज करें","validator.phone":"कृपया एक वैध संख्या दर्ज करें"},"id-ID":{"validator.required":"Kolom ini wajib diisi","validator.email":"Tolong daftarkan email yang valid","validator.number":"Tolong daftarkan nomor telepon yang valid","validator.digits":"Tolong masukkan angka saja","validator.maxlength":"Jangan memasukkan lebih dari {0} karakter","validator.minlength":"Tolong ketik sedikitnya {0} karakter","validator.phone":"Tolong daftarkan nomor telepon yang valid"},"ms-MY":{"validator.required":"Bahagian ini wajib diisi.","validator.email":"Sila masukkan alamat emel yang sah.","validator.number":"Sila masukkan no telefon yang sah.","validator.digits":"Sila masukkan nombor digit sahaja.","validator.maxlength":"Sila masukkan tidak lebih dari {0} aksara","validator.minlength":"Sila masukkan sekurang-kurangnya {0} aksara","validator.phone":"Sila masukkan no telefon yang sah."},"my-MM":{"validator.required":"ဒီနေရာမှာ ဖြည့်ဖို့ လိုအပ်ပါတယ်","validator.email":"မှန်ကန်သော အီးမေးလ်လိပ်စာထည့်သွင်းပါ","validator.number":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.digits":"နံပါတ်များသာဖြည့်ပါ","validator.maxlength":"ကျေးဇူးပြု၍ {0} ထပ်မပိုသော ဂဏန်းများသာဖြည့်ပါ","validator.minlength":"ကျေးဇူးပြု၍ အနည်းဆုံး {0} ဂဏန်းဖြည့်ပါ","validator.phone":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ"},"km-KH":{"validator.required":"ព័ត៌មាន​ចាំបាច់​ដែល​ត្រូវ​បំពេញ","validator.email":"សូម​វាយ​អាសយដ្ឋាន​អ៊ីម៉ែល​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.number":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.digits":"វាយ​បញ្ចូល​បាន​តែ​លេខ​ប៉ុណ្ណោះ","validator.maxlength":"សូម​វាយ​បញ្ចូលកុំ​ឲ្យ​លើស {0} តួអក្សរ","validator.minlength":"សូម​វាយ​បញ្ចូល​តិច​បំផុត {0} តួអក្ស","validator.phone":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ"},"zh-TW":{"validator.required":"此為必填欄位","validator.email":"請填入有效的 email 地址","validator.number":"請填入有效的電話號碼","validator.digits":"此欄位僅能輸入數字","validator.maxlength":"請輸入少於 {0} 位數","validator.minlength":"請輸入至少 {0} 位數","validator.phone":"請填入有效的電話號碼"},"th-TH":{"validator.required":"ต้องระบุข้อมูลในช่องนี้","validator.email":"กรุณาใส่อีเมล์ที่ถูกต้อง","validator.number":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.digits":"กรุณาส่เฉพาะตัวเลข","validator.maxlength":"กรุณาใส่ตัวเลขมากกว่า {0} หลัก","validator.minlength":"กรุณาใส่ตัวเลขอย่างน้อย {0} หลัก","validator.phone":"กรุณาใส่ตัวเลขที่ถูกต้อง"},"tl-PH":P},q=function(e){var t=A[e];return t||A["en-PH"]};var O=function(t){for(var a=e.__spreadArray([],t,!0),l=a.length-1;l>0;l--){var n=Math.floor(Math.random()*(l+1)),o=a[l];a[l]=a[n],a[n]=o}return a};function I(t){var a=t.leadApi,l=t.leadSiteId,n=t.leadDomain,r=t.onShowPopup,c=("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(a+"api/campaign/"+l,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:c,ga_client_id:o.getCookie("_ga")||null})}).then((function(e){return e.json()})).then((function(t){var a,l,d;if(console.log("List campagin: ",t),k="https://"+location.hostname+location.pathname+location.search,1==t._status){var u=t._data.campaigns;o.getCookie("hhg-id")||(o.setCookie("hhg-id",i.v1(),{domain:"."+n,path:"/"}),console.log("😍 Set HHG ID cookie"));var s=[];s=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?u.filter((function(e){return e.device_types.some((function(e){return e.id==h.MOBILE}))})):u.filter((function(e){return e.device_types.some((function(e){return e.id==h.DESKTOP}))})),console.log("👓 campaignsDevice",s);var m=s.map((function(t,a){return t.targets.filter((function(e){return e.type==g.LINKS})).map((function(t){return e.__assign(e.__assign({},t),{campaignIndex:a})}))})).flat(1);m=m.filter((function(e){var t=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(c===t.href):"start_with"==e.option?!!c.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(c):void 0}));var p=Array.from(document.getElementsByTagName("META")).filter((function(e){return"article:tag"==e.getAttribute("property")})).map((function(e){return e.content})),f=[];p&&p.length&&(f=s.map((function(t,a){return t.targets.filter((function(e){return e.type==g.TAGS})).map((function(t){return e.__assign(e.__assign({},t),{campaignIndex:a})}))})).flat(1).filter((function(e){return p.includes(e.target)})));var v=e.__spreadArray(e.__spreadArray([],m,!0),f,!0),b=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),_=b.filter((function(e){return e.includes("lead_submited")}));console.log("--listCampaignCodeSubmited",_);var y=b.filter((function(e){return e.includes("lead_closed")}));console.log("--listCampaignCodeClosed",y);var E=e.__spreadArray(e.__spreadArray([],_,!0),y,!0),N=v.filter((function(e){return!E.some((function(t){return t.includes(s[e.campaignIndex].code)}))})),w=O(N);if(console.log("--listCampaignValid : ",w),w&&w.length){var x=s[w[0].campaignIndex];console.log("CAMPAIGN_SHOW",x);var C=x.rules,S=Number(null===(a=C.find((function(e){return"time"==e.rule})))||void 0===a?void 0:a.value);console.log("timeoutRule",S);var T=Number(null===(l=C.find((function(e){return"scroll"==e.rule})))||void 0===l?void 0:l.value);console.log("scrollRule",T);var B=Number(null===(d=C.find((function(e){return"exclude_sponsored"==e.rule})))||void 0===d?void 0:d.value);console.log("excludeSponsored",B);var L=Boolean(document.querySelector(".hhg-disclaimer-text"));if(console.log("💎 LEAD current page isSponsored",L),L&&B)return;var j="TIME";if(Number.isInteger(S)&&(j="TIME",console.log("✨ SHOW AWESOME POPUP AFTER: ",S," seconds"),setTimeout((function(){null==r||r(x,j)}),1e3*S)),Number.isInteger(T)){j="SCROLL",console.log("✨ SHOW AWESOME AFTER: SCROLL",T," %");var P=document.querySelector('[data-url="'.concat(location.pathname,'"]'))||document.querySelector("body"),A=P.getBoundingClientRect().top,q=P.offsetHeight;console.log("👓 Element check scroll: ",P);var I=function(){var e=window.pageYOffset||document.documentElement.scrollTop,t=0;e>=A&&(t=Math.round((e-A)/(q-innerHeight)*100)),console.log("---Scroll",t,T),t>=T&&(window.removeEventListener("scroll",I),null==r||r(x,j))};window.addEventListener("scroll",I)}}else console.log("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){console.error("Lead error: ",e)}))}exports.LeadGen=function(a){var i=a.apiUrl,c=a.siteDomain,d=a.siteId,m=a.locale,p=t.useRef(),f=t.useRef(Date.now()),g=t.useMemo((function(){var e=i;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[i,c,d]).apiUrl,v=t.useState(null),h=v[0],b=v[1],k=t.useState(""),_=k[0],N=k[1],w=t.useState(null),x=w[0],C=w[1],S=function(e,t){b(e),N(t)},T=function(){var e,t;if(h){console.log("👋👋👋 CLOSE POPUP ".concat(h.code," 👋👋👋"));var a=Number(null===(e=h.rules.find((function(e){return"show_again_after_exit"==e.rule})))||void 0===e?void 0:e.value),l=Number(null===(t=h.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===t?void 0:t.value);0==a&&(l?o.setCookie("lead_closed_".concat(h.code),"target_".concat(h.extra_fields.popupVersion),{domain:"."+c,days:l,path:"/"}):o.setCookie("lead_closed_".concat(h.code),"target_".concat(h.extra_fields.popupVersion),{domain:"."+c,path:"/"})),document.body.classList.remove("noscroll"),fetch("".concat(g,"api/campaign/").concat(h.code,"/popup_exit"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"CLICK",url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),duration:Math.ceil((Date.now()-f.current)/1e3)})}),b(null),C(null)}};t.useEffect((function(){if(window.next){var e=s.default((function(e){console.log("--🌻 routeChangeComplete",e,Date.now());var t=location.pathname;T(),document.querySelectorAll('[data-popup-url="'.concat(t,'"]')).length||I({leadApi:g,leadDomain:c,leadSiteId:d,onShowPopup:S}),p.current&&window.removeEventListener("scroll",p.current)}),500);window.next.router.events.on("routeChangeComplete",e)}I({leadApi:g,leadDomain:c,leadSiteId:d,onShowPopup:S})}),[]);return t.useEffect((function(){h&&(f.current=Date.now())}),[h]),u.default.createElement(E.Provider,{value:{apiUrl:g,siteDomain:c,siteId:d,locale:m}},u.default.createElement(n.TranslationsContext.Provider,{value:{locale:m,values:q(m)}},l.createPortal(u.default.createElement(u.default.Fragment,null,h&&u.default.createElement(j,{campaign:h,onClose:T,onSubmit:function(t,a,l,n){return e.__awaiter(void 0,void 0,void 0,(function(){var r,i,d,u,s,m,p,f,v,b,k,_,E,N,w,x,S,B,L,j,P,A,q,O,I,M,D,H,V,F,R,U,W,J;return e.__generator(this,(function(e){switch(e.label){case 0:return t.preventDefault(),console.log("submitHandler",a,l),r=new FormData(t.currentTarget),i={},r.forEach((function(e,t){i[t]=i[t]||[],i[t].push(e)})),d=Object.keys(i).map((function(e){return{name:e,value:String(i[e])}})),u=2,s=o.getCookie("_ga")||null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")];case 1:e.sent(),e.label=2;case 2:return m={url:location.href.toLowerCase(),title_article:document.title,meta:d.map((function(e){var t,a,l,o;return{key:null===(t=document.querySelector(".lead-modal__form.".concat(n,' [name="').concat(e.name,'"]')))||void 0===t?void 0:t.getAttribute("data-key"),value:(null==y?void 0:y.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(e.name)?window.intlTelInputUtils.formatNumber(String(e.value),null==y?void 0:y.countryCodeNumber,u).replace(/\s+/g,""):e.value,control:e.name.replace(/\d+$/,""),is_sent_mailchimp:(null===(o=document.querySelector(".lead-modal__form.".concat(n," .mailchimp-").concat((null===(l=null===(a=document.querySelector(".lead-modal__form.".concat(n,' [name="').concat(e.name,'"]')))||void 0===a?void 0:a.getAttribute("data-key"))||void 0===l?void 0:l.replace(/\s/gi,"_"))||"")))||void 0===o?void 0:o.getAttribute("data-mailchimp"))||"false"}})),cookie_id:o.getCookie("hhg-id"),ga_client_id:s},a&&l[a].value_en&&(m.category=l[a].value_en),p=Number((null===(I=null===(O=h.rules)||void 0===O?void 0:O.find((function(e){return"days_to_show_again"===e.rule})))||void 0===I?void 0:I.value)||7),0==(f=Number((null===(D=null===(M=h.rules)||void 0===M?void 0:M.find((function(e){return"show_again_after_submit"===e.rule})))||void 0===D?void 0:D.value)||0))&&(console.log("⛔ Popup never show again!"),o.setCookie("lead_submited_".concat(h.code),"target_".concat(h.extra_fields.targetType),{domain:"."+c,path:"/"})),1==f&&(console.log("⌛ Popup will show again after ".concat(p," days!")),o.setCookie("lead_submited_".concat(h.code),"target_".concat(h.extra_fields.targetType),{domain:"."+c,days:p,path:"/"})),fetch("".concat(g,"api/campaign/").concat(h.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)}),"notshow"==h.extra_fields.popupShowThankYou?(T(),document.body.classList.remove("noscroll"),[2]):(v=!0,b=h.thank_you_image||"".concat(g,"admin/img/thanksyou.png"),k=h.extra_fields.popupThankyouTitle||"Thank you.",_=h.extra_fields.popupThankyouDesc||"We appreciate your time!",E="",N="",S="","2.1"==h.extra_fields.popupVersion&&(B=h.extra_fields,L=JSON.parse(B.listBlockThankyou),j=L.find((function(e){return"TitleBlock"==e.name})),P=L.find((function(e){return"SubtitleBlock"==e.name})),A=L.find((function(e){return"LinkButtonBlock"==e.name})),k=(null===(H=null==j?void 0:j.data)||void 0===H?void 0:H.value)||"",E=(null===(V=null==j?void 0:j.data)||void 0===V?void 0:V.align)||"",_=(null===(F=null==P?void 0:P.data)||void 0===F?void 0:F.value)||"",N=(null===(R=null==P?void 0:P.data)||void 0===R?void 0:R.align)||"",w=(null===(U=null==A?void 0:A.data)||void 0===U?void 0:U.value)||"",x=(null===(W=null==A?void 0:A.data)||void 0===W?void 0:W.newtab)||!1,S=(null===(J=null==A?void 0:A.data)||void 0===J?void 0:J.url)||"",q=h.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(q)&&(v=!1)),C(v?{title:k,titleAlign:E,subtitle:_,subtitleAlign:N,link:S,linkNewTab:x,linkText:w,image:b}:null),sessionStorage.getItem("insider_object")?window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")):window.insider_object={user:{email:"",phone_number:"",gdpr_optin:!0,sms_optin:!0,email_optin:!0}},d.map((function(e){var t=e.name,a=e.value;"tel"==t?window.insider_object.user.phone_number=a:"email"==t&&(window.insider_object.user.email=a)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object)),[2])}}))}))},action:_,showThankyou:x})),r.getPopupWrapperDom())))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-4522cb7e.js"),t=require("react"),a=require("lodash/debounce"),l=require("react-dom"),n=require("./translationsContext-d2cb303a.js"),o=require("./cookieHelper-c62ee6ad.js"),r=require("./utils-0a05b687.js"),i=require("uuid"),c=require("./useTranslations-cd6f24e7.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("dayjs"),require("./screenSizeContext-656b5956.js"),require("./lazyLoad-a3e53b7e.js"),require("styled-components"),require("./index-766f812b.js"),require("./isProduction-7b83726b.js"),require("./Locale-f293cbf6.js"),require("./gAssets.js"),require("string-format"),require("lodash/throttle"),require("vanilla-lazyload");var u=d(t),s=d(a),m=function(e){var t=e.onClose,a=e.containerClassName,l=e.svgClassName;return u.default.createElement("button",{onClick:t,className:"le-newbuilder-close-button js-modal__close ".concat(a||"")},u.default.createElement("svg",{className:"le-newbuilder-close-svg ".concat(l||""),xmlns:"http://www.w3.org/2000/svg",width:"53",height:"53",viewBox:"0 0 53 53"},u.default.createElement("defs",null,u.default.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},u.default.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),u.default.createElement("feFlood",{floodOpacity:".4"}),u.default.createElement("feComposite",{in2:"blur",operator:"in"}),u.default.createElement("feComposite",{in:"SourceGraphic"})),u.default.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),u.default.createElement("g",{filter:"url(#Ellipse_482)"},u.default.createElement("circle",{cx:"17.5",cy:"17.5",r:"17.5",transform:"translate(-483.1 -671.163)translate(483.1 671.16)translate(9 9)",fill:"#005cfd"})),u.default.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),u.default.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},p=function(e){var t=e.popupId,a=e.url,l=e.newTab,n=e.imageDestkop,o=e.imageMobile,r=e.onClose,i=e.onOtherSubmit;return u.default.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},u.default.createElement("div",{className:"le-center-tab-popup"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("a",{className:"js-popup-other-submit",href:a,target:l?"blank":"_parent",onClick:i},u.default.createElement("img",{className:"le-only-mobile",src:o}),u.default.createElement("img",{className:"le-only-desktop",src:n})),u.default.createElement(m,{onClose:r,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},f=function(e){var t=e.popupId,a=e.url,l=e.title,n=e.urlText,o=e.titleAlign,r=e.subtitle,i=e.subtitleAlign,c=e.newTab,d=e.imageDesktop,s=e.imageMobile,p=e.onClose,f=e.onOtherSubmit;return u.default.createElement("div",{id:t,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},u.default.createElement("aside",{className:"le-only-desktop"},u.default.createElement("div",{className:"le-floating-desktop"},u.default.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},d?u.default.createElement("div",null,u.default.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:d})):null,u.default.createElement("div",{style:{padding:20}},u.default.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(o)},l),u.default.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(i)},r)),u.default.createElement("a",{target:c?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:a},u.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:f},n)),u.default.createElement(m,{onClose:p,containerClassName:"le-abs-outer-top-right"})))),u.default.createElement("aside",{className:"le-only-mobile"},u.default.createElement("div",{className:"le-floating-mobile"},u.default.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},u.default.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},u.default.createElement("div",null,u.default.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(o)},l),u.default.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(i)},r)),s?u.default.createElement("div",null,u.default.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:s})):null),u.default.createElement("div",{style:{textAlign:"center",marginTop:10}},u.default.createElement("a",{target:c?"blank":"_parent",href:a,style:{textDecoration:"none"}},u.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:f},n))),u.default.createElement(m,{onClose:p,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},g={LINKS:1,TAGS:2},v="https://dev.leadgen.hellobacsi.com/",h={MOBILE:1,DESKTOP:2},b="";v.includes("localhost")&&(v="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(b="pink");var k="https://"+location.hostname+location.pathname+location.search;k=k.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var _={"vi-VN":{popupLang:"vi",countryCode:"vn",countryCodeNumber:84},"id-ID":{popupLang:"id",countryCode:"id",countryCodeNumber:62},"th-TH":{popupLang:"th",countryCode:"th",countryCodeNumber:66},"ms-MY":{popupLang:"ms",countryCode:"my",countryCodeNumber:60},"zh-TW":{popupLang:"zh",countryCode:"tw",countryCodeNumber:886},"km-KH":{popupLang:"km",countryCode:"kh",countryCodeNumber:855},"my-MM":{popupLang:"my",countryCode:"mm",countryCodeNumber:95},"hi-IN":{popupLang:"hi",countryCode:"in",countryCodeNumber:91}},y=_[document.documentElement.lang]||_["vi-VN"];var E=t.createContext({}),N=function(e){var t=e.title,a=e.titleAlign,l=e.subtitle,n=e.subtitleAlign,o=e.link,r=e.linkNewTab,i=e.linkText,c=e.image;return u.default.createElement("div",{className:"lead-modal__thank-you"},u.default.createElement("div",{style:{width:"100%"}},u.default.createElement("img",{src:c,style:{maxHeight:162,objectFit:"cover"}}),t&&u.default.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(a)},t),l&&u.default.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(n)},l),i&&u.default.createElement("div",null,u.default.createElement("a",{href:o,target:r?"_blank":"parrent",rel:"noreferrer"},u.default.createElement("button",{className:"lead-modal__btn ".concat(b)},i)))))},w=function(a){var n=a.content,o=a.inlinePosition,r=t.useMemo((function(){if(!o)return null;var t=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),a=Array.from(t).reduce((function(t,a){return e.__spreadArray(e.__spreadArray([],t,!0),Array.from(a.children),!0)}),[]);if(null==a?void 0:a.length){var l=a.filter((function(e){return"P"===e.nodeName})),n=a.filter((function(e){return"H2"===e.nodeName})),r=null;switch(o){case"1th":r=l[0];break;case"2th":r=l[1];break;case"3th":r=l[2];break;case"4th":r=l[3];break;case"5th":r=l[4];break;case"6th":r=l[5];break;case"7th":r=l[6];break;case"8th":r=l[7];break;case"9th":r=l[8];break;case"10th":r=l[9];break;case"11th":r=l[10];break;case"12th":r=l[11];break;case"lastP":r=l[l.length-1];break;case"1thH2":r=n[0];break;case"2thH2":r=n[1];break;case"3thH2":r=n[2];break;case"4thH2":r=n[3];break;case"5thH2":r=n[4];break;case"6thH2":r=n[5];break;case"7thH2":r=n[6];break;case"8thH2":r=n[7];break;case"9thH2":r=n[8];break;case"10thH2":r=n[9];break;case"lastH2":r=n[n.length-1]}if(r){if(r.parentElement.querySelector(".inline-lead-wrapper"))return r.parentElement.querySelector(".inline-lead-wrapper");var i=document.createElement("div");return i.classList.add("inline-lead-wrapper"),r.nextElementSibling?r.parentElement.insertBefore(i,r.nextElementSibling):r.parentElement.appendChild(i),i}}}),[o]);return o&&r?l.createPortal(n,r):null},x=function(e){var a=e.content,n=t.useMemo((function(){var e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((function(e){if(!e.querySelector(".sidebar-lead-modal-wrapper")){var t=document.createElement("div");t.classList.add("sidebar-lead-modal-wrapper"),e.prepend(t)}})),e.map((function(e){return e.querySelector(".sidebar-lead-modal-wrapper")}))}),[]);return u.default.createElement(u.default.Fragment,null,n.map((function(e){return l.createPortal(a,r.getWrapperDomWithSelector(e,"sidebar-lead-modal-wrapper"))})))},C=function(a){var l,n,o,r=a.popupId,i=a.extraFields,d=a.onClose,s=a.onOtherSubmit,m=a.imageMobile,p=a.imageDesktop,f=a.imageOverlayMobile,g=a.imageOverlayDesktop,v=a.imageBackground,h=a.currentLayout,k=a.title,_=a.onSubmit,C=a.showThankyou,S=c.useTranslations().t,T=JSON.parse(i.listBlockAdded),B=JSON.parse(i.actionBlocks),L=JSON.parse(i.textBlocks),j=t.useContext(E).apiUrl,P=B.submitBlock.data.url,A=B.submitBlock.data.text,O=B.submitBlock.data.text2,q=B.submitBlock.data.value,I=location.pathname,M=h.includes("Inline")||"Sidebar"===h,D="Slider"===h,H=t.useState(!0),V=H[0],F=H[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(h))return console.log("😎 Not show fullscreen, slider on mobile "),null;t.useEffect((function(){(h.includes("LightBox")||"Fullscreen"==h)&&document.body.classList.add("noscroll")}),[]);var R=function(t,a){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return a.target.validity.valueMissing?(a.target.setCustomValidity(S("validator.required")),[3,6]):[3,1];case 1:return a.target.validity.valid||a.target.validity.customError?[3,2]:("tel"===t?a.target.setCustomValidity(S("validator.phone")):"date"===t?a.target.setCustomValidity(S("validator.date")):"email"===t&&a.target.setCustomValidity(S("validator.email")),[3,6]);case 2:return"tel"!==t?[3,5]:window.intlTelInputUtils?[3,4]:[4,require("intl-tel-input/build/js/utils")];case 3:e.sent(),e.label=4;case 4:return window.intlTelInputUtils.isValidNumber(String(a.target.value),y.countryCode)?a.target.setCustomValidity(""):a.target.setCustomValidity(S("validator.phone")),[3,6];case 5:a.target.setCustomValidity(""),e.label=6;case 6:return[2]}}))}))},U=t.useMemo((function(){var e={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return T.map((function(t,a){var l,n,o;if("TitleBlock"==t.name)return u.default.createElement("h2",{key:a,className:"lead-modal__title ".concat("le-text-align-"+((null===(l=t.data)||void 0===l?void 0:l.align)||"")," ").concat(b)},t.data.value);if("SubtitleBlock"==t.name)return u.default.createElement("p",{key:a,className:"lead-modal__description ".concat("le-text-align-"+((null===(n=t.data)||void 0===n?void 0:n.align)||"")," ").concat(b)},t.data.value);if("TextBlock"==t.name)return e.TextBlock+=1,u.default.createElement("div",{key:a},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":t.data.value,name:"text"+(e.TextBlock>1?e.TextBlock:""),spellCheck:!1,type:"text",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return R("text",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/text.svg")})));if("NumberBlock"==t.name){var r=u.default.createElement("div",{key:a},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":t.data.value,name:"number"+(e.NumberBlock?e.NumberBlock:""),spellCheck:!1,type:"number",min:"0",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return R("number",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/number.svg")})));return e.NumberBlock+=1,r}if("EmailBlock"==t.name){r=u.default.createElement("div",{key:a},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":t.data.value,name:"email"+(e.EmailBlock?e.EmailBlock:""),spellCheck:!1,type:"email",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return R("email",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/email.svg")})));return e.EmailBlock+=1,r}if("PhoneBlock"==t.name){r=u.default.createElement("div",{key:a},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":t.data.value,name:"tel"+(e.PhoneBlock?e.PhoneBlock:""),spellCheck:!1,type:"tel",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return R("tel",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/tel.svg")})));return e.PhoneBlock+=1,r}if("DateBlock"==t.name){r=u.default.createElement("div",null,u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,type:"date","data-key":t.data.value,name:"date"+(e.DateBlock?e.DateBlock:""),placeholder:t.data.placeholder,onClick:function(e){e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){e.currentTarget.value||e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(e){return R("date",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/date.svg")})));return e.DateBlock+=1,r}if("LinkButtonBlock"==t.name)return u.default.createElement("div",{key:a},u.default.createElement("a",{target:t.data.newtab?"blank":"parrent",href:t.data.url,style:{textDecoration:"none"}},u.default.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(b),onClick:function(){null==d||d(),null==s||s()}},t.data.value)));if("CheckboxBlock"==t.name){var i=t.data,c=i.listQuestion,m=i.isSendMailChimp,p=void 0!==m&&m;r=u.default.createElement("div",{key:a,style:{margin:"5px 0"}},u.default.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),u.default.createElement("div",{className:"mailchimp-".concat(null===(o=t.data.value)||void 0===o?void 0:o.replace(/\s/gi,"_")),"data-mailchimp":p}),c.map((function(a,l){return u.default.createElement("label",{key:l,className:"lead-checkbox-container"},u.default.createElement("input",{"data-key":t.data.value,name:"checkbox"+(e.CheckboxBlock?e.CheckboxBlock:"")+"[]",value:a.value,type:"checkbox",onChange:function(e){return R("checkbox",e)}}),u.default.createElement("span",{className:"lead-checkbox-checkmark"}),a.placeholder)})));return e.CheckboxBlock+=1,r}if("RadioBlock"==t.name){c=t.data.listQuestion,r=u.default.createElement("div",{key:a,style:{margin:"5px 0"}},u.default.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),c.map((function(a,l){return u.default.createElement("label",{className:"lead-radio-container",key:l},u.default.createElement("input",{"data-key":t.data.value,name:"radio"+(e.RadioBlock?e.RadioBlock:""),value:a.value,type:"radio",onChange:function(e){return R("radio",e)}}),u.default.createElement("span",{className:"lead-radio-checkmark"}),a.placeholder)})));return e.RadioBlock+=1,r}if("DropdownBlock"==t.name){c=t.data.listQuestion,r=u.default.createElement("div",{key:a,style:{margin:"5px 0"}},u.default.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),u.default.createElement("div",{className:"le-newbuilder-select-wrapper"},u.default.createElement("select",{className:"le-newbuilder-select","data-key":t.data.value,name:"dropdown"+(e.DropdownBlock?e.DropdownBlock:"")},c.map((function(e,t){return u.default.createElement("option",{key:t,value:e.value},e.placeholder)})))));return e.DropdownBlock+=1,r}}))}),[]),W=u.default.createElement(u.default.Fragment,null,u.default.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n        background: url(".concat(f,") ;\n        background-repeat: no-repeat;\n        background-size: cover;\n      }\n      @media screen and (min-width:768px) {\n        .le-newbuilder-overlay {\n          background: url(").concat(g,") ;\n          background-repeat: no-repeat;\n          background-size: cover;\n        }\n      }")}}),u.default.createElement("div",{id:r,"data-popup-url":I,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(M?"le-buider-inline":""," ").concat(D?"le-buider-slider":"")},"Fullscreen"==h?u.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:v||""}):null,u.default.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(h)},u.default.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(h)},C?u.default.createElement(N,{title:C.title,titleAlign:C.titleAlign,subtitle:C.subtitle,subtitleAlign:C.subtitleAlign,link:C.link,linkNewTab:C.linkNewTab,linkText:C.linkText,image:C.image}):u.default.createElement(u.default.Fragment,null,u.default.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(h)?m?u.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:m,alt:""}):null:u.default.createElement(u.default.Fragment,null,p?u.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:p,alt:""}):null,m?u.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:m,alt:""}):null)),u.default.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},u.default.createElement("form",{className:"lead-modal__form ".concat(r),onSubmit:_},u.default.createElement("div",{style:{marginBottom:20}},u.default.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(l=L.titleBlock.data)||void 0===l?void 0:l.align)," ").concat(b)},k),u.default.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(n=L.titleBlock.data)||void 0===n?void 0:n.align)," ").concat(b)},L.subtitleBlock.data.value)),u.default.createElement("div",null,U),(null===(o=null==B?void 0:B.submitBlock)||void 0===o?void 0:o.isHide)?null:u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(b)},u.default.createElement("div",{className:"lead-modal__checkbox"},u.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(b),type:"checkbox","aria-label":"Checkbox label",checked:V,onChange:function(e){return F(e.currentTarget.checked)}}),u.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),u.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},A," ",u.default.createElement("span",{style:{fontWeight:"bold"}},u.default.createElement("a",{target:"blank",href:P||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},O)))),u.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(b),disabled:!V},q)))))),!h.includes("Inline")&&u.default.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==h?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(b),onClick:d},u.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},u.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},u.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),u.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))))));return h.includes("LightBox")||"Fullscreen"==h||"Slider"==h?W:"Sidebar"==h?u.default.createElement(x,{content:W}):h.includes("Inline")?u.default.createElement(w,{content:W,inlinePosition:i.popupInlinePosition}):null},S=function(e){var t=e.popupId,a=e.link,l=e.linkText,n=e.linkNewTab,o=e.onClose,r=e.imageMobile,i=e.imageDesktop,c=e.currentLayout,d=e.onOtherSubmit,s=location.pathname;return u.default.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":s,"data-popup-type":"skin_ab"},"SkinA"==c?u.default.createElement("aside",{className:"le-only-desktop"},u.default.createElement("div",{className:"le-skin-a-desktop"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("img",{src:i}),u.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:a,target:n?"blank":"_parent"},u.default.createElement("button",{onClick:d,className:"le-joinbow-btn js-popup-other-submit"},l)),u.default.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(b)},u.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},u.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},u.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),u.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))):"SkinB"==c?u.default.createElement("aside",{className:"le-only-desktop"},u.default.createElement("div",{className:""},u.default.createElement("div",{style:{position:"relative",zIndex:1e4}},u.default.createElement("img",{src:i,style:{width:"100%"}}),u.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:a,target:n?"blank":"_parent"},u.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),u.default.createElement(m,{containerClassName:"le-abs-top-right",onClose:o})))):null,u.default.createElement("aside",{className:"le-only-mobile"},u.default.createElement("div",{className:"le-skin-mobile"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("img",{src:r,style:{width:"100%"}}),u.default.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:a,target:n?"blank":"_parent"},u.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),u.default.createElement(m,{containerClassName:"le-abs-top-right",svgClassName:"le-mobile-btn",onClose:o})))))},T=function(e){var t=e.popupId,a=e.url,l=e.newTab,n=e.image,o=e.onClose,r=e.onOtherSubmit;return u.default.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},u.default.createElement("div",{className:"le-tab-popup"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("a",{href:a,target:l?"blank":"_parent",onClick:r},u.default.createElement("img",{className:"js-popup-other-submit",src:n})),u.default.createElement(m,{onClose:o,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var B=function(e){var a,l,n=e.campaign,r=e.action,d=e.onSubmit,s=e.onClose,m=e.showThankyou;c.useTranslations().t;var g=t.useContext(E),v=g.apiUrl,h=g.siteDomain;t.useEffect((function(){var e=o.getCookie("_ga")||null;fetch("".concat(v,"api/campaign/").concat(y,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:r,url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),ga_client_id:e})})}),[]);var b=n.extra_fields,k=n.image,_=n.image_desktop,y=n.code,N=n.image_background,w=n.image_overlay_mobile,x=n.image_overlay_desktop,B=b.currentLayout,L=b.imageBlocks?JSON.parse(b.imageBlocks):{},j=JSON.parse(b.actionBlocks),P=JSON.parse(b.textBlocks),A=(null===(l=null===(a=null==P?void 0:P.titleBlock)||void 0===a?void 0:a.data)||void 0===l?void 0:l.value)||"",O={1:{},2:{},3:{}},q=t.useRef("lead-modal-"+i.v1()),I=function(e){if(void 0===e&&(e="Xin chao {{category_2}} extra"),e.includes("{{category_")){var t="{{category_".length,a=e.search("{{category_");return+e.charAt(t+a)}return null}(A);if(I){console.log("⚡️ Has categoryLevel",I);var M=Array.from(document.getElementsByTagName("META")),D=M.find((function(e){return e.name==="content_category_".concat(I)})),H=M.find((function(e){return e.name==="content_category_en_".concat(I)}));if(!D||!H)return console.log("⚡️ No META TAG for categoryLevel, not show popup",I),null;O[I]={value:D.content,value_en:H.content},A=A.replace("{{category_".concat(I,"}}"),D.content),console.log("⚡️ Set categoryData ",I)}else console.log("⚡️ No categoryLevel",I);var V=function(){var e,t,a,l;if(console.log("👌 Other submit click"),document.body.classList.remove("noscroll"),B.includes("Skin")){var r=document.querySelector("#masthead");r&&(r.style.top="0px !important;")}var i=Number(null!==(t=null===(e=n.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===e?void 0:e.value)&&void 0!==t?t:7),c=Number(null!==(l=null===(a=n.rules.find((function(e){return"show_again_after_submit"==e.rule})))||void 0===a?void 0:a.value)&&void 0!==l?l:0);0===c&&(console.log("⛔ Popup never show again!"),o.setCookie("lead_submited_".concat(y),"target_".concat(b.popupVersion),{domain:"."+h,path:"/"})),1==c&&(console.log("⌛ Popup will show again after ".concat(i," days!")),o.setCookie("lead_submited_".concat(y),"target_".concat(b.popupVersion),{domain:"."+h,days:i,path:"/"}));var d=o.getCookie("_ga")||null,u={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:o.getCookie("hhg-id"),ga_client_id:d};I&&(u.category=O[I].value_en),fetch("".concat(v,"api/campaign/").concat(y,"/lead"),{method:"POST",body:JSON.stringify(u),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(e){return e.json()})).then((function(e){"error"===e.status&&console.log(e)})).catch((function(e){console.error("Error:",e)})),null==s||s()};return"CenterTab"===B?u.default.createElement(p,{popupId:q.current,url:L.imageMobile.data.url,newTab:L.imageMobile.data.newtab,imageMobile:k,imageDestkop:_,onClose:s,onOtherSubmit:V}):"Tab"===B?u.default.createElement(T,{popupId:q.current,url:L.imageMobile.data.url,newTab:L.imageMobile.data.newtab,image:k,onClose:s,onOtherSubmit:V}):"Floating"===B?u.default.createElement(f,{popupId:q.current,title:A,titleAlign:P.titleBlock.data.align,subtitle:P.subtitleBlock.data.value,subtitleAlign:P.subtitleBlock.data.align,url:j.linkButtonBlock.data.url,urlText:j.linkButtonBlock.data.value,newTab:j.linkButtonBlock.data.newtab,imageMobile:k,imageDesktop:_,onClose:s,onOtherSubmit:V}):B.includes("LightBox")||B.includes("Inline")||"Fullscreen"==B||"Sidebar"==B||"Slider"==B?u.default.createElement(C,{popupId:q.current,extraFields:b,onClose:s,onOtherSubmit:V,imageMobile:k,imageDesktop:_,imageBackground:N,currentLayout:B,title:A,onSubmit:function(e){return d(e,I,O,q.current)},key:B,imageOverlayDesktop:x,imageOverlayMobile:w,showThankyou:m}):B.includes("Skin")?u.default.createElement(S,{popupId:q.current,link:j.linkButtonBlock.data.url,linkNewTab:!!j.linkButtonBlock.data.newtab,linkText:j.linkButtonBlock.data.value,onClose:s,onOtherSubmit:V,imageMobile:k,imageDesktop:_,currentLayout:B}):null},L=function(a){var l=a.campaign,n=a.action,r=a.onSubmit,i=a.onClose,d=a.showThankyou,s=c.useTranslations().t,m=t.useState(!0),p=m[0],f=m[1];t.useEffect((function(){document.body.classList.add("noscroll");var e=o.getCookie("_ga")||null;fetch("".concat(T,"api/campaign/").concat(h,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:n||"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),ga_client_id:e})})}),[]);var g=l.extra_fields,v=l.image,h=l.code,k=g.title,_=g.desc,w=g.submit,x=g.popUpTermURL,C=g.popUpTermAgreeText,S=g.popUpTermText,T=t.useContext(E).apiUrl,B=g.fields?JSON.parse(g.fields):[],L={tel:0,text:0,date:0,email:0},j=function(t,a){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return a.target.validity.valueMissing?(a.target.setCustomValidity(s("validator.required")),[3,5]):[3,1];case 1:return a.target.validity.valid||a.target.validity.customError?[3,2]:("tel"===t?a.target.setCustomValidity(s("validator.phone")):"date"===t?a.target.setCustomValidity(s("validator.date")):"email"===t&&a.target.setCustomValidity(s("validator.email")),[3,5]);case 2:return"tel"!==t?[3,4]:[4,require("intl-tel-input")];case 3:return e.sent().isValidNumber(String(a.target.value),y.countryCode)?a.target.setCustomValidity(""):a.target.setCustomValidity(s("validator.phone")),[3,5];case 4:a.target.setCustomValidity(""),e.label=5;case 5:return[2]}}))}))},P=B.map((function(e,t){var a=u.default.createElement(u.default.Fragment,null);return a="date"==e.control?u.default.createElement("div",{key:t,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,type:"date","data-key":e.listEdit[0].value,name:L.date?e.control+L.date:e.control,placeholder:e.listEdit[1].value||"...",onClick:function(e){return e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){return!e.currentTarget.value&&e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(t){return j(e.control,t)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(T,"admin/img/builder/").concat(e.name,".svg")})):u.default.createElement("div",{key:t,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":e.listEdit[0].value,name:L[e.control]?e.control+L[e.control]:e.control,spellCheck:!1,type:e.control,placeholder:e.listEdit[1].value||"...",className:"lead-modal__form-control width-100%",onChange:function(t){return j(e.control,t)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(T,"admin/img/builder/").concat(e.name,".svg")})),"date"==e.control&&(L.date+=1),"text"==e.control&&(L.text+=1),"tel"==e.control&&(L.tel+=1),"email"==e.control&&(L.email+=1),a}));return u.default.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},u.default.createElement("div",{className:"lead-modal__wrapper animate__animated "},u.default.createElement("div",{className:"lead-modal__content"},d?u.default.createElement(N,{title:d.title,titleAlign:d.titleAlign,subtitle:d.subtitle,subtitleAlign:d.subtitleAlign,link:d.link,linkNewTab:d.linkNewTab,linkText:d.linkText,image:d.image}):u.default.createElement(u.default.Fragment,null,u.default.createElement("header",{className:"lead-modal__header"},!!v&&u.default.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:v,alt:""})),u.default.createElement("div",{className:"lead-modal__body"},u.default.createElement("h2",{className:"lead-modal__title ".concat(b)},k),u.default.createElement("p",{className:"lead-modal__description ".concat(b)},_),u.default.createElement("form",{className:"lead-modal__form",onSubmit:function(e){e.preventDefault(),r(e)}},P,u.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(b)},u.default.createElement("div",{className:"lead-modal__checkbox"},u.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(b),type:"checkbox","aria-label":"Checkbox label",checked:p,onChange:function(e){return f(e.currentTarget.checked)}}),u.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),u.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},C," ",u.default.createElement("span",{style:{fontWeight:"bold"}},u.default.createElement("a",{target:"blank",href:x||"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},S)))),u.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(b),disabled:!p},w))))),u.default.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(b),onClick:i},u.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},u.default.createElement("title",null,"Close modal window"),u.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},u.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),u.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},j=function(e){var t=e.campaign,a=e.action,l=e.onSubmit,n=e.onClose,o=e.showThankyou;return t.extra_fields?"2.1"==t.extra_fields.popupVersion?u.default.createElement(B,{campaign:t,action:a,onSubmit:l,onClose:n,showThankyou:o}):u.default.createElement(L,{campaign:t,action:a,onSubmit:l,onClose:n,showThankyou:o}):null},P={"validator.required":"This field is required.","validator.remote":"Please fix this field.","validator.email":"Please enter a valid email address.","validator.phone":"Please input correct phone number.","validator.url":"Please enter a valid URL.","validator.date":"Please enter a valid date.","validator.dateISO":"Please enter a valid date (ISO).","validator.number":"Please enter a valid number.","validator.digits":"Please enter only digits.","validator.creditcard":"Please enter a valid credit card number.","validator.equalTo":"Please enter the same value again.","validator.accept":"Please enter a value with a valid extension.","validator.maxlength":"jQuery.validator.format('Please enter no more than {0} characters.","validator.minlength":"jQuery.validator.format('Please enter at least {0} characters.","validator.rangelength":"jQuery.validator.format('Please enter a value between {0} and {1} characters long.","validator.range":"jQuery.validator.format('Please enter a value between {0} and {1}.","validator.max":"jQuery.validator.format('Please enter a value less than or equal to {0}.","validator.min":"jQuery.validator.format('Please enter a value greater than or equal to {0}."},A={"en-PH":P,"vi-VN":{"validator.required":"Vui lòng điền mục này","validator.email":"Vui lòng điền email có thật.","validator.number":"Vui lòng điền số có thật","validator.digits":"Vui lòng chỉ điền số","validator.maxlength":"Vui lòng điền dưới {0} số","validator.minlength":"Vui lòng điền hơn {0} số","validator.remote":"Hãy sửa cho đúng.","validator.url":"Hãy nhập URL.","validator.date":"Hãy nhập ngày.","validator.dateISO":"Hãy nhập ngày (ISO).","validator.creditcard":"Hãy nhập số thẻ tín dụng.","validator.equalTo":"Hãy nhập thêm lần nữa.","validator.extension":"Phần mở rộng không đúng.","validator.rangelength":"Hãy nhập từ {0} đến {1} kí tự.","validator.range":"Hãy nhập từ {0} đến {1}.","validator.max":"Hãy nhập từ {0} trở xuống.","validator.min":"Hãy nhập từ {0} trở lên.","validator.phone":"Nhập đúng định dạng số điện thoại"},"hi-IN":{"validator.required":"इस क्षेत्र की आवश्यकता है।","validator.email":"कृपया एक मान्य ईमेल पता दर्ज करें","validator.number":"कृपया एक वैध संख्या दर्ज करें","validator.digits":"कृपया केवल अंक दर्ज करें","validator.maxlength":"कृपया {0} अक्षर से अधिक दर्ज न करें","validator.minlength":"कृपया कम से कम {0} अक्षर दर्ज करें","validator.phone":"कृपया एक वैध संख्या दर्ज करें"},"id-ID":{"validator.required":"Kolom ini wajib diisi","validator.email":"Tolong daftarkan email yang valid","validator.number":"Tolong daftarkan nomor telepon yang valid","validator.digits":"Tolong masukkan angka saja","validator.maxlength":"Jangan memasukkan lebih dari {0} karakter","validator.minlength":"Tolong ketik sedikitnya {0} karakter","validator.phone":"Tolong daftarkan nomor telepon yang valid"},"ms-MY":{"validator.required":"Bahagian ini wajib diisi.","validator.email":"Sila masukkan alamat emel yang sah.","validator.number":"Sila masukkan no telefon yang sah.","validator.digits":"Sila masukkan nombor digit sahaja.","validator.maxlength":"Sila masukkan tidak lebih dari {0} aksara","validator.minlength":"Sila masukkan sekurang-kurangnya {0} aksara","validator.phone":"Sila masukkan no telefon yang sah."},"my-MM":{"validator.required":"ဒီနေရာမှာ ဖြည့်ဖို့ လိုအပ်ပါတယ်","validator.email":"မှန်ကန်သော အီးမေးလ်လိပ်စာထည့်သွင်းပါ","validator.number":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.digits":"နံပါတ်များသာဖြည့်ပါ","validator.maxlength":"ကျေးဇူးပြု၍ {0} ထပ်မပိုသော ဂဏန်းများသာဖြည့်ပါ","validator.minlength":"ကျေးဇူးပြု၍ အနည်းဆုံး {0} ဂဏန်းဖြည့်ပါ","validator.phone":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ"},"km-KH":{"validator.required":"ព័ត៌មាន​ចាំបាច់​ដែល​ត្រូវ​បំពេញ","validator.email":"សូម​វាយ​អាសយដ្ឋាន​អ៊ីម៉ែល​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.number":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.digits":"វាយ​បញ្ចូល​បាន​តែ​លេខ​ប៉ុណ្ណោះ","validator.maxlength":"សូម​វាយ​បញ្ចូលកុំ​ឲ្យ​លើស {0} តួអក្សរ","validator.minlength":"សូម​វាយ​បញ្ចូល​តិច​បំផុត {0} តួអក្ស","validator.phone":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ"},"zh-TW":{"validator.required":"此為必填欄位","validator.email":"請填入有效的 email 地址","validator.number":"請填入有效的電話號碼","validator.digits":"此欄位僅能輸入數字","validator.maxlength":"請輸入少於 {0} 位數","validator.minlength":"請輸入至少 {0} 位數","validator.phone":"請填入有效的電話號碼"},"th-TH":{"validator.required":"ต้องระบุข้อมูลในช่องนี้","validator.email":"กรุณาใส่อีเมล์ที่ถูกต้อง","validator.number":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.digits":"กรุณาส่เฉพาะตัวเลข","validator.maxlength":"กรุณาใส่ตัวเลขมากกว่า {0} หลัก","validator.minlength":"กรุณาใส่ตัวเลขอย่างน้อย {0} หลัก","validator.phone":"กรุณาใส่ตัวเลขที่ถูกต้อง"},"tl-PH":P},O=function(e){var t=A[e];return t||A["en-PH"]};var q=function(t){for(var a=e.__spreadArray([],t,!0),l=a.length-1;l>0;l--){var n=Math.floor(Math.random()*(l+1)),o=a[l];a[l]=a[n],a[n]=o}return a};function I(t){var a=t.leadApi,l=t.leadSiteId,n=t.leadDomain,r=t.onShowPopup,c=("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(a+"api/campaign/"+l,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:c,ga_client_id:o.getCookie("_ga")||null})}).then((function(e){return e.json()})).then((function(t){var a,l,d;if(console.log("List campagin: ",t),k="https://"+location.hostname+location.pathname+location.search,1==t._status){var u=t._data.campaigns;o.getCookie("hhg-id")||(o.setCookie("hhg-id",i.v1(),{domain:"."+n,path:"/"}),console.log("😍 Set HHG ID cookie"));var s=[];s=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?u.filter((function(e){return e.device_types.some((function(e){return e.id==h.MOBILE}))})):u.filter((function(e){return e.device_types.some((function(e){return e.id==h.DESKTOP}))})),console.log("👓 campaignsDevice",s);var m=s.map((function(t,a){return t.targets.filter((function(e){return e.type==g.LINKS})).map((function(t){return e.__assign(e.__assign({},t),{campaignIndex:a})}))})).flat(1);m=m.filter((function(e){var t=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(c===t.href):"start_with"==e.option?!!c.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(c):void 0}));var p=Array.from(document.getElementsByTagName("META")).filter((function(e){return"article:tag"==e.getAttribute("property")})).map((function(e){return e.content})),f=[];p&&p.length&&(f=s.map((function(t,a){return t.targets.filter((function(e){return e.type==g.TAGS})).map((function(t){return e.__assign(e.__assign({},t),{campaignIndex:a})}))})).flat(1).filter((function(e){return p.includes(e.target)})));var v=e.__spreadArray(e.__spreadArray([],m,!0),f,!0),b=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),_=b.filter((function(e){return e.includes("lead_submited")}));console.log("--listCampaignCodeSubmited",_);var y=b.filter((function(e){return e.includes("lead_closed")}));console.log("--listCampaignCodeClosed",y);var E=e.__spreadArray(e.__spreadArray([],_,!0),y,!0),N=v.filter((function(e){return!E.some((function(t){return t.includes(s[e.campaignIndex].code)}))})),w=q(N);if(console.log("--listCampaignValid : ",w),w&&w.length){var x=s[w[0].campaignIndex];console.log("CAMPAIGN_SHOW",x);var C=x.rules,S=Number(null===(a=C.find((function(e){return"time"==e.rule})))||void 0===a?void 0:a.value);console.log("timeoutRule",S);var T=Number(null===(l=C.find((function(e){return"scroll"==e.rule})))||void 0===l?void 0:l.value);console.log("scrollRule",T);var B=Number(null===(d=C.find((function(e){return"exclude_sponsored"==e.rule})))||void 0===d?void 0:d.value);console.log("excludeSponsored",B);var L=Boolean(document.querySelector(".hhg-disclaimer-text"));if(console.log("💎 LEAD current page isSponsored",L),L&&B)return;var j="TIME";if(Number.isInteger(S)&&(j="TIME",console.log("✨ SHOW AWESOME POPUP AFTER: ",S," seconds"),setTimeout((function(){null==r||r(x,j)}),1e3*S)),Number.isInteger(T)){j="SCROLL",console.log("✨ SHOW AWESOME AFTER: SCROLL",T," %");var P=document.querySelector('[data-url="'.concat(location.pathname,'"]'))||document.querySelector("body"),A=P.getBoundingClientRect().top,O=P.offsetHeight;console.log("👓 Element check scroll: ",P);var I=function(){var e=window.pageYOffset||document.documentElement.scrollTop,t=0;e>=A&&(t=Math.round((e-A)/(O-innerHeight)*100)),console.log("---Scroll",t,T),t>=T&&(window.removeEventListener("scroll",I),null==r||r(x,j))};window.addEventListener("scroll",I)}}else console.log("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){console.error("Lead error: ",e)}))}exports.LeadGen=function(a){var i=a.apiUrl,c=a.siteDomain,d=a.siteId,m=a.locale,p=t.useRef(),f=t.useRef(Date.now()),g=t.useMemo((function(){var e=i;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[i,c,d]).apiUrl,v=t.useState(null),h=v[0],b=v[1],k=t.useState(""),_=k[0],N=k[1],w=t.useState(null),x=w[0],C=w[1],S=function(e,t){b(e),N(t)},T=function(){var e,t;if(h){console.log("👋👋👋 CLOSE POPUP ".concat(h.code," 👋👋👋"));var a=Number(null===(e=h.rules.find((function(e){return"show_again_after_exit"==e.rule})))||void 0===e?void 0:e.value),l=Number(null===(t=h.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===t?void 0:t.value);0==a&&(l?o.setCookie("lead_closed_".concat(h.code),"target_".concat(h.extra_fields.popupVersion),{domain:"."+c,days:l,path:"/"}):o.setCookie("lead_closed_".concat(h.code),"target_".concat(h.extra_fields.popupVersion),{domain:"."+c,path:"/"})),document.body.classList.remove("noscroll"),fetch("".concat(g,"api/campaign/").concat(h.code,"/popup_exit"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"CLICK",url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),duration:Math.ceil((Date.now()-f.current)/1e3)})}),b(null),C(null)}};t.useEffect((function(){if(window.next){var e=s.default((function(e){console.log("--🌻 routeChangeComplete",e,Date.now());var t=location.pathname;T(),document.querySelectorAll('[data-popup-url="'.concat(t,'"]')).length||I({leadApi:g,leadDomain:c,leadSiteId:d,onShowPopup:S}),p.current&&window.removeEventListener("scroll",p.current)}),500);window.next.router.events.on("routeChangeComplete",e)}I({leadApi:g,leadDomain:c,leadSiteId:d,onShowPopup:S})}),[]);return t.useEffect((function(){h&&(f.current=Date.now())}),[h]),u.default.createElement(E.Provider,{value:{apiUrl:g,siteDomain:c,siteId:d,locale:m}},u.default.createElement(n.TranslationsContext.Provider,{value:{locale:m,values:O(m)}},l.createPortal(u.default.createElement(u.default.Fragment,null,h&&u.default.createElement(j,{campaign:h,onClose:T,onSubmit:function(t,a,l,n){return e.__awaiter(void 0,void 0,void 0,(function(){var r,i,d,u,s,m,p,f,v,b,k,_,E,N,w,x,S,B,L,j,P,A,O,q,I,M,D,H,V,F,R,U,W,J;return e.__generator(this,(function(e){switch(e.label){case 0:return t.preventDefault(),console.log("submitHandler",a,l),r=new FormData(t.currentTarget),i={},r.forEach((function(e,t){i[t]=i[t]||[],i[t].push(e)})),d=Object.keys(i).map((function(e){return{name:e,value:String(i[e])}})),u=2,s=o.getCookie("_ga")||null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")];case 1:e.sent(),e.label=2;case 2:return m={url:location.href.toLowerCase(),title_article:document.title,meta:d.map((function(e){var t,a,l,o;return{key:null===(t=document.querySelector(".lead-modal__form.".concat(n,' [name="').concat(e.name,'"]')))||void 0===t?void 0:t.getAttribute("data-key"),value:(null==y?void 0:y.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(e.name)?window.intlTelInputUtils.formatNumber(String(e.value),null==y?void 0:y.countryCodeNumber,u).replace(/\s+/g,""):e.value,control:e.name.replace(/\d+$/,""),is_sent_mailchimp:(null===(o=document.querySelector(".lead-modal__form.".concat(n," .mailchimp-").concat((null===(l=null===(a=document.querySelector(".lead-modal__form.".concat(n,' [name="').concat(e.name,'"]')))||void 0===a?void 0:a.getAttribute("data-key"))||void 0===l?void 0:l.replace(/\s/gi,"_"))||"")))||void 0===o?void 0:o.getAttribute("data-mailchimp"))||"false"}})),cookie_id:o.getCookie("hhg-id"),ga_client_id:s},a&&l[a].value_en&&(m.category=l[a].value_en),p=Number((null===(I=null===(q=h.rules)||void 0===q?void 0:q.find((function(e){return"days_to_show_again"===e.rule})))||void 0===I?void 0:I.value)||7),0==(f=Number((null===(D=null===(M=h.rules)||void 0===M?void 0:M.find((function(e){return"show_again_after_submit"===e.rule})))||void 0===D?void 0:D.value)||0))&&(console.log("⛔ Popup never show again!"),o.setCookie("lead_submited_".concat(h.code),"target_".concat(h.extra_fields.targetType),{domain:"."+c,path:"/"})),1==f&&(console.log("⌛ Popup will show again after ".concat(p," days!")),o.setCookie("lead_submited_".concat(h.code),"target_".concat(h.extra_fields.targetType),{domain:"."+c,days:p,path:"/"})),fetch("".concat(g,"api/campaign/").concat(h.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)}),"notshow"==h.extra_fields.popupShowThankYou?(T(),document.body.classList.remove("noscroll"),[2]):(v=!0,b=h.thank_you_image||"".concat(g,"admin/img/thanksyou.png"),k=h.extra_fields.popupThankyouTitle||"Thank you.",_=h.extra_fields.popupThankyouDesc||"We appreciate your time!",E="",N="",S="","2.1"==h.extra_fields.popupVersion&&(B=h.extra_fields,L=JSON.parse(B.listBlockThankyou),j=L.find((function(e){return"TitleBlock"==e.name})),P=L.find((function(e){return"SubtitleBlock"==e.name})),A=L.find((function(e){return"LinkButtonBlock"==e.name})),k=(null===(H=null==j?void 0:j.data)||void 0===H?void 0:H.value)||"",E=(null===(V=null==j?void 0:j.data)||void 0===V?void 0:V.align)||"",_=(null===(F=null==P?void 0:P.data)||void 0===F?void 0:F.value)||"",N=(null===(R=null==P?void 0:P.data)||void 0===R?void 0:R.align)||"",w=(null===(U=null==A?void 0:A.data)||void 0===U?void 0:U.value)||"",x=(null===(W=null==A?void 0:A.data)||void 0===W?void 0:W.newtab)||!1,S=(null===(J=null==A?void 0:A.data)||void 0===J?void 0:J.url)||"",O=h.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(O)&&(v=!1)),C(v?{title:k,titleAlign:E,subtitle:_,subtitleAlign:N,link:S,linkNewTab:x,linkText:w,image:b}:null),sessionStorage.getItem("insider_object")?window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")):window.insider_object={user:{email:"",phone_number:"",gdpr_optin:!0,sms_optin:!0,email_optin:!0}},d.map((function(e){var t=e.name,a=e.value;"tel"==t?window.insider_object.user.phone_number=a:"email"==t&&(window.insider_object.user.email=a)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object)),[2])}}))}))},action:_,showThankyou:x})),r.getPopupWrapperDom())))};

package/build/mantine.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-7db96a99.js"),t=require("react"),r=require("@mantine/core"),n=require("./gAssets.js"),o=require("./index-a19bd34a.js");require("dayjs"),require("./screenSizeContext-9a3675b8.js"),require("./lazyLoad-48cd5231.js"),require("styled-components");var a=require("./theme-0a393e1f.js");require("./index-c033f192.js"),require("./utils-2c039364.js"),require("./isProduction-53d40fc4.js"),require("./Locale-a2e480e5.js");var i=require("./index-ac80f5e2.js"),s=require("./useTranslations-7bad81fe.js"),l=require("./index-48f5f62c.js"),c=require("./index-cdf731ff.js"),u=require("@mantine/hooks"),d=require("./index-5f4ecdc3.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react-phone-number-input"),require("./Vietnam-f9a68f31.js"),require("@mantine/dates"),require("@mantine/carousel"),require("./defaultClassWrapper-65e6f2d7.js"),require("lodash/throttle"),require("vanilla-lazyload"),require("./en-PH-1d38ff6a.js"),require("./translationsContext-f8ba76fb.js"),require("string-format");var f=m(t),p={container:"styles-module_container__MON6s",iconContainer:"styles-module_iconContainer__pS-tJ",icon:"styles-module_icon__s3tJ9",title:"styles-module_title__fNsZr",description:"styles-module_description__uuxV7",button:"styles-module_button__YohjT"};exports.Accordion=o.Accordion,exports.Avatar=o.Avatar,exports.Carousel=o.Carousel,exports.Checkbox=o.Checkbox,exports.DatePicker=o.DatePicker,exports.MAPPED_LOCALE=o.MAPPED_LOCALE,exports.Modal=o.Modal,exports.OTP=o.OTP,exports.Phone=o.Phone,exports.Radio=o.Radio,exports.Switch=o.Switch,exports.getMantineThemeOverride=o.getMantineThemeOverride,exports.useMantineLocale=o.useMantineLocale,exports.Input=l.Input,exports.emotionCache=l.emotionCache,exports.CentralCarousel=c.CentralCarousel,exports.Badge=function(t){var n=t.color,o=void 0===n?a.theme.colors.primaryBase:n,i=e.__rest(t,["color"]);return f.default.createElement(r.Badge,e.__assign({variant:"filled",color:o,styles:{root:{borderRadius:"2px",background:o,textTransform:"unset"}}},i))},exports.Indicator=function(t){return f.default.createElement(r.Indicator,e.__assign({inline:!0,position:"top-end",offset:4,styles:{indicator:{backgroundColor:a.theme.colors.red700}}},t))},exports.LoadingOverlay=function(t){return f.default.createElement(r.LoadingOverlay,e.__assign({loaderProps:{color:a.theme.colors.primaryBase}},t))},exports.MantineProvider=function(t){var n=t.children,a=t.locale,i=e.__rest(t,["children","locale"]);return o.useMantineLocale(a),f.default.createElement(r.MantineProvider,e.__assign({theme:o.getMantineThemeOverride(a)},i),n)},exports.Result=function(t){var n=t.icon,o=t.title,a=t.description,i=t.button,s=t.buttonProps,l=t.style,c=t.className,u=s||{},d=u.size,m=void 0===d?"lg":d,h=u.variant,x=void 0===h?"outline":h,g=e.__rest(u,["size","variant"]),_=n;return f.default.createElement("div",{className:r.clsx("result",p.container,c),style:l},_&&f.default.createElement("div",{className:r.clsx("resultIconContainer",p.iconContainer)},f.default.createElement(_,{className:r.clsx("resultIcon",p.icon)})),f.default.createElement(r.Title,{order:3,size:"h3",className:r.clsx("resultTitle",p.title)},o),f.default.createElement(r.Text,{className:r.clsx("resultDescription",p.description)},a),i&&f.default.createElement(r.Button,e.__assign({},g,{size:m,variant:x,className:r.clsx("resultButton",p.button,g.className)}),i))},exports.Select=function(t){var o=t.keepSearch,a=void 0!==o&&o,i=e.__rest(t,["keepSearch"]);return a?f.default.createElement(r.Autocomplete,e.__assign({rightSection:f.default.createElement(r.Image,{src:n.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):f.default.createElement(r.Select,e.__assign({rightSection:f.default.createElement(r.Image,{src:n.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},exports.Slider=function(r){var n=r.color,i=void 0===n?a.theme.colors.primaryBase:n,s=r.withControl,c=r.onChange,m=r.value,p=r.min,h=r.max,x=r.isStatic,g=e.__rest(r,["color","withControl","onChange","value","min","max","isStatic"]),_=t.useState(m||p||0),v=_[0],E=_[1],C=u.useDebouncedValue(v,l.DEBOUNCED_TIME)[0];return t.useEffect((function(){null==c||c(C)}),[C]),f.default.createElement(o.StyledSliderWrapper,null,s&&f.default.createElement(d.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){E((function(e){return p&&e===p?e:e-1}))}},f.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},f.default.createElement("path",{d:"M1 1.004h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),f.default.createElement(o.StyledSlider,e.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:v,onChange:x?function(){return null}:E,min:p,max:h},g)),s&&f.default.createElement(d.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){E((function(e){return h&&e===h?e:e+1}))}},f.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},f.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Spoiler=function(n){var o=n.children,l=n.line,c=n.lineHeight,u=n.trackingAttributes,d=n.maxHeight,m=n.customExpandFn,p=e.__rest(n,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),h=s.useTranslations().t,x=t.useMemo((function(){return d||(l&&c?l*c:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);o||console.error("[HHG-Comp]:[Spoiler] Please provide children");var g=t.useMemo((function(){return u?{"data-event-category":u.dataEventCategory,"data-event-action":u.dataEventAction,"data-event-label":u.dataEventLabel}:{}}),[u]);return f.default.createElement(r.Spoiler,e.__assign({showLabel:f.default.createElement(i.Text,e.__assign({size:"p3",color:a.theme.colors.primaryBase},g,{onClick:m}),h("articlePage.readMore")),hideLabel:f.default.createElement(i.Text,e.__assign({size:"p3",color:a.theme.colors.primaryBase},g),h("articlePage.showLess"))},p,{maxHeight:x}),o)},exports.TextArea=function(t){return f.default.createElement(o.StyledTextArea,e.__assign({minRows:2,maxRows:4},t))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-4522cb7e.js"),t=require("react"),r=require("@mantine/core"),n=require("./gAssets.js"),o=require("./index-e3486ece.js");require("dayjs"),require("./screenSizeContext-656b5956.js"),require("./lazyLoad-a3e53b7e.js"),require("styled-components");var a=require("./theme-a38f4960.js");require("./index-766f812b.js"),require("./utils-0a05b687.js"),require("./isProduction-7b83726b.js"),require("./Locale-f293cbf6.js");var i=require("./index-79f28462.js"),s=require("./useTranslations-cd6f24e7.js"),l=require("./index-eaf2d804.js"),c=require("./index-2aca153d.js"),u=require("@mantine/hooks"),d=require("./index-efdc03cc.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@mantine/dates"),require("@mantine/carousel"),require("./defaultClassWrapper-64d6ce33.js"),require("react-phone-number-input"),require("./Vietnam-686b3190.js"),require("lodash/throttle"),require("vanilla-lazyload"),require("./translationsContext-d2cb303a.js"),require("string-format");var p=m(t),h={container:"styles-module_container__MON6s",iconContainer:"styles-module_iconContainer__pS-tJ",icon:"styles-module_icon__s3tJ9",title:"styles-module_title__fNsZr",description:"styles-module_description__uuxV7",button:"styles-module_button__YohjT"};exports.Accordion=o.Accordion,exports.Avatar=o.Avatar,exports.Carousel=o.Carousel,exports.Checkbox=o.Checkbox,exports.DatePicker=o.DatePicker,exports.MAPPED_LOCALE=o.MAPPED_LOCALE,exports.Modal=o.Modal,exports.OTP=o.OTP,exports.Phone=o.Phone,exports.Radio=o.Radio,exports.Switch=o.Switch,exports.getMantineThemeOverride=o.getMantineThemeOverride,exports.useMantineLocale=o.useMantineLocale,exports.Input=l.Input,exports.emotionCache=l.emotionCache,exports.CentralCarousel=c.CentralCarousel,exports.Badge=function(t){var n=t.color,o=void 0===n?a.theme.colors.primaryBase:n,i=e.__rest(t,["color"]);return p.default.createElement(r.Badge,e.__assign({variant:"filled",color:o,styles:{root:{borderRadius:"2px",background:o,textTransform:"unset"}}},i))},exports.Indicator=function(t){return p.default.createElement(r.Indicator,e.__assign({inline:!0,position:"top-end",offset:4,styles:{indicator:{backgroundColor:a.theme.colors.red700}}},t))},exports.LoadingOverlay=function(t){return p.default.createElement(r.LoadingOverlay,e.__assign({loaderProps:{color:a.theme.colors.primaryBase}},t))},exports.MantineProvider=function(t){var n=t.children,a=t.locale,i=e.__rest(t,["children","locale"]);return o.useMantineLocale(a),p.default.createElement(r.MantineProvider,e.__assign({theme:o.getMantineThemeOverride(a)},i),n)},exports.Result=function(t){var n=t.icon,o=t.title,a=t.description,i=t.button,s=t.buttonProps,l=t.style,c=t.className,u=s||{},d=u.size,m=void 0===d?"lg":d,f=u.variant,x=void 0===f?"outline":f,g=e.__rest(u,["size","variant"]),_=n;return p.default.createElement("div",{className:r.clsx("result",h.container,c),style:l},_&&p.default.createElement("div",{className:r.clsx("resultIconContainer",h.iconContainer)},p.default.createElement(_,{className:r.clsx("resultIcon",h.icon)})),p.default.createElement(r.Title,{order:3,size:"h3",className:r.clsx("resultTitle",h.title)},o),p.default.createElement(r.Text,{className:r.clsx("resultDescription",h.description)},a),i&&p.default.createElement(r.Button,e.__assign({},g,{size:m,variant:x,className:r.clsx("resultButton",h.button,g.className)}),i))},exports.Select=function(t){var o=t.keepSearch,a=void 0!==o&&o,i=e.__rest(t,["keepSearch"]);return a?p.default.createElement(r.Autocomplete,e.__assign({rightSection:p.default.createElement(r.Image,{src:n.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):p.default.createElement(r.Select,e.__assign({rightSection:p.default.createElement(r.Image,{src:n.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},exports.Slider=function(r){var n=r.color,i=void 0===n?a.theme.colors.primaryBase:n,s=r.withControl,c=r.onChange,m=r.value,h=r.min,f=r.max,x=r.isStatic,g=e.__rest(r,["color","withControl","onChange","value","min","max","isStatic"]),_=t.useState(m||h||0),v=_[0],E=_[1],b=u.useDebouncedValue(v,l.DEBOUNCED_TIME)[0];return t.useEffect((function(){null==c||c(b)}),[b]),p.default.createElement(o.StyledSliderWrapper,null,s&&p.default.createElement(d.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){E((function(e){return h&&e===h?e:e-1}))}},p.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},p.default.createElement("path",{d:"M1 1.004h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),p.default.createElement(o.StyledSlider,e.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:v,onChange:x?function(){return null}:E,min:h,max:f},g)),s&&p.default.createElement(d.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){E((function(e){return f&&e===f?e:e+1}))}},p.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},p.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Spoiler=function(n){var o=n.children,l=n.line,c=n.lineHeight,u=n.trackingAttributes,d=n.maxHeight,m=n.customExpandFn,h=e.__rest(n,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),f=s.useTranslations().t,x=t.useMemo((function(){return d||(l&&c?l*c:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);o||console.error("[HHG-Comp]:[Spoiler] Please provide children");var g=t.useMemo((function(){return u?{"data-event-category":u.dataEventCategory,"data-event-action":u.dataEventAction,"data-event-label":u.dataEventLabel}:{}}),[u]);return p.default.createElement(r.Spoiler,e.__assign({showLabel:p.default.createElement(i.Text,e.__assign({size:"p3",color:a.theme.colors.primaryBase},g,{onClick:m}),f("articlePage.readMore")),hideLabel:p.default.createElement(i.Text,e.__assign({size:"p3",color:a.theme.colors.primaryBase},g),f("articlePage.showLess"))},h,{maxHeight:x}),o)},exports.TextArea=function(t){return p.default.createElement(o.StyledTextArea,e.__assign({minRows:2,maxRows:4},t))};

package/build/misc.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./localizeNumberFormat-dc80e57a.js"),r=require("./screenSizeContext-9a3675b8.js"),t=require("./cookieHelper-6c770fb3.js"),o=require("./lazyLoad-48cd5231.js");require("react"),require("styled-components");var i=require("./theme-0a393e1f.js"),s=require("./dataTransform-cc953c39.js"),a=require("./routing-bb00cbe4.js"),l=require("./utils-2c039364.js"),p=require("./getDynamicHealthTool-30b6973e.js"),n=require("./getSocialList-e13265d5.js");require("dayjs"),require("./tslib.es6-7db96a99.js"),require("lodash/throttle"),require("vanilla-lazyload"),require("./index-c033f192.js"),require("./Locale-a2e480e5.js"),require("./isProduction-53d40fc4.js"),require("./core-4732542b.js"),require("./gAssets.js"),exports.ageGenerate=e.ageGenerate,exports.convertLocalizedStringToNumber=e.convertLocalizedStringToNumber,exports.localizeNumberFormat=e.localizeNumberFormat,exports.ScreenSizeContext=r.ScreenSizeContext,exports.ScreenSizeContextProvider=r.ScreenSizeContextProvider,exports.fadeIn=r.fadeIn,exports.getWindowSizeGroups=r.getWindowSizeGroups,exports.slideInDown=r.slideInDown,exports.slideInLeft=r.slideInLeft,exports.slideInRight=r.slideInRight,exports.slideInUp=r.slideInUp,exports.slideOutDown=r.slideOutDown,exports.slideOutLeft=r.slideOutLeft,exports.slideOutRight=r.slideOutRight,exports.slideOutUp=r.slideOutUp,exports.deleteCookie=t.deleteCookie,exports.getCookie=t.getCookie,exports.setCookie=t.setCookie,Object.defineProperty(exports,"lazyLoadInstance",{enumerable:!0,get:function(){return o.lazyLoadInstance}}),exports.theme=i.theme,exports.abbreviateNumber=s.abbreviateNumber,exports.formatPill=s.formatPill,exports.getCareApiDomain=a.getCareApiDomain,exports.getCurrentBaseUrl=a.getCurrentBaseUrl,exports.getCurrentSsoUrl=a.getCurrentSsoUrl,exports.getDiscoverApiDomain=a.getDiscoverApiDomain,exports.getTogetherApiDomain=a.getTogetherApiDomain,exports.Breakpoints=l.Breakpoints,exports.MediaQueries=l.MediaQueries,exports.formatUrlWithPageParam=l.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=l.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=l.getPopupWrapperDom,exports.getWrapperDomWithSelector=l.getWrapperDomWithSelector,exports.makeParams=l.makeParams,exports.safeEncodeURI=l.safeEncodeURI,exports.startCase=l.startCase,exports.toggleNoScroll=l.toggleNoScroll,exports.formatHealthTool=p.formatHealthTool,exports.getDynamicHealthTool=p.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=p.getDynamicHealthToolWithCache,exports.getSocialList=n.getSocialList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./localizeNumberFormat-3cb3962d.js"),r=require("./screenSizeContext-656b5956.js"),t=require("./cookieHelper-c62ee6ad.js"),o=require("./lazyLoad-a3e53b7e.js");require("react"),require("styled-components");var i=require("./theme-a38f4960.js"),s=require("./dataTransform-5668a480.js"),a=require("./routing-aa1dcf6e.js"),l=require("./utils-0a05b687.js"),p=require("./getDynamicHealthTool-aca77707.js"),n=require("./getSocialList-397babb6.js");require("dayjs"),require("./tslib.es6-4522cb7e.js"),require("lodash/throttle"),require("vanilla-lazyload"),require("./index-766f812b.js"),require("./Locale-f293cbf6.js"),require("./isProduction-7b83726b.js"),require("./core-c18423d8.js"),require("./gAssets.js"),exports.ageGenerate=e.ageGenerate,exports.convertLocalizedStringToNumber=e.convertLocalizedStringToNumber,exports.localizeNumberFormat=e.localizeNumberFormat,exports.ScreenSizeContext=r.ScreenSizeContext,exports.ScreenSizeContextProvider=r.ScreenSizeContextProvider,exports.fadeIn=r.fadeIn,exports.getWindowSizeGroups=r.getWindowSizeGroups,exports.slideInDown=r.slideInDown,exports.slideInLeft=r.slideInLeft,exports.slideInRight=r.slideInRight,exports.slideInUp=r.slideInUp,exports.slideOutDown=r.slideOutDown,exports.slideOutLeft=r.slideOutLeft,exports.slideOutRight=r.slideOutRight,exports.slideOutUp=r.slideOutUp,exports.deleteCookie=t.deleteCookie,exports.getCookie=t.getCookie,exports.setCookie=t.setCookie,Object.defineProperty(exports,"lazyLoadInstance",{enumerable:!0,get:function(){return o.lazyLoadInstance}}),exports.theme=i.theme,exports.abbreviateNumber=s.abbreviateNumber,exports.formatPill=s.formatPill,exports.getCareApiDomain=a.getCareApiDomain,exports.getCurrentBaseUrl=a.getCurrentBaseUrl,exports.getCurrentSsoUrl=a.getCurrentSsoUrl,exports.getDiscoverApiDomain=a.getDiscoverApiDomain,exports.getTogetherApiDomain=a.getTogetherApiDomain,exports.Breakpoints=l.Breakpoints,exports.MediaQueries=l.MediaQueries,exports.formatUrlWithPageParam=l.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=l.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=l.getPopupWrapperDom,exports.getWrapperDomWithSelector=l.getWrapperDomWithSelector,exports.makeParams=l.makeParams,exports.safeEncodeURI=l.safeEncodeURI,exports.startCase=l.startCase,exports.toggleNoScroll=l.toggleNoScroll,exports.formatHealthTool=p.formatHealthTool,exports.getDynamicHealthTool=p.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=p.getDynamicHealthToolWithCache,exports.getSocialList=n.getSocialList;

package/build/navigation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("./tslib.es6-7db96a99.js"),require("react"),require("./core-4732542b.js");var e=require("./index-7925ecc3.js");require("./index-c033f192.js"),require("./routing-bb00cbe4.js"),require("./index-d8f086cd.js"),require("./isProduction-53d40fc4.js"),require("./gAssets.js"),require("./Locale-a2e480e5.js"),require("styled-components"),require("./index-ac80f5e2.js"),require("./constants-2c9edca1.js"),require("./useTranslations-7bad81fe.js"),require("./en-PH-1d38ff6a.js"),require("./translationsContext-f8ba76fb.js"),require("string-format"),require("./index.styled-c1d4dd55.js"),require("./theme-0a393e1f.js"),require("./utils-2c039364.js"),require("./index.styled-f313e476.js"),require("./defaultClassWrapper-65e6f2d7.js"),require("./index.styled-45bd3d48.js"),require("dayjs"),require("./screenSizeContext-9a3675b8.js"),require("lodash/throttle"),require("./lazyLoad-48cd5231.js"),require("vanilla-lazyload"),require("./index.styled-9500d47d.js"),require("./index-5f4ecdc3.js"),require("dayjs/plugin/relativeTime"),require("./index-4242a7c6.js"),require("@mantine/core"),require("./cookieHelper-6c770fb3.js"),require("react-range"),require("./index-55994b6a.js"),require("lodash/debounce"),require("slugify"),exports.NavigationV2=e.NavigationV2,exports.getNavMenuContent=e.getNavMenuContent,exports.getNavMenuContentWithCache=e.getNavMenuContentWithCache;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("./tslib.es6-4522cb7e.js"),require("react"),require("./core-c18423d8.js");var e=require("./index-859f6509.js");require("./index-766f812b.js"),require("./routing-aa1dcf6e.js"),require("./index-43aaceb5.js"),require("./isProduction-7b83726b.js"),require("./gAssets.js"),require("./Locale-f293cbf6.js"),require("styled-components"),require("./index-79f28462.js"),require("./constants-f6facb24.js"),require("./useTranslations-cd6f24e7.js"),require("./translationsContext-d2cb303a.js"),require("string-format"),require("./index.styled-8d514bc5.js"),require("./theme-a38f4960.js"),require("./utils-0a05b687.js"),require("./index.styled-058aa9ad.js"),require("./defaultClassWrapper-64d6ce33.js"),require("./index.styled-77a6fc28.js"),require("dayjs"),require("./screenSizeContext-656b5956.js"),require("lodash/throttle"),require("./lazyLoad-a3e53b7e.js"),require("vanilla-lazyload"),require("./index.styled-7f668ae0.js"),require("./index-efdc03cc.js"),require("dayjs/plugin/relativeTime"),require("./index-bb8b02f4.js"),require("@mantine/core"),require("./cookieHelper-c62ee6ad.js"),require("react-range"),require("./index-0af9ed7a.js"),require("lodash/debounce"),require("slugify"),exports.NavigationV2=e.NavigationV2,exports.getNavMenuContent=e.getNavMenuContent,exports.getNavMenuContentWithCache=e.getNavMenuContentWithCache;

package/build/onboarding.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-7db96a99.js"),n=require("react"),t=require("./index-ac80f5e2.js");require("./index.styled-c1d4dd55.js");var r=require("./index.styled-9500d47d.js"),i=require("./index-5f4ecdc3.js");require("./gAssets.js"),require("./index.styled-f313e476.js");var o=require("./index.styled-45bd3d48.js"),a=require("./utils-2c039364.js");require("react-range");var l=require("./theme-0a393e1f.js"),u=require("@mantine/core");require("./translationsContext-f8ba76fb.js"),require("string-format"),require("./index-55994b6a.js");var s=require("./Locale-a2e480e5.js");require("dayjs"),require("./screenSizeContext-9a3675b8.js"),require("./lazyLoad-48cd5231.js");var d=require("styled-components");require("./index-c033f192.js"),require("./isProduction-53d40fc4.js");var c=require("./index-a19bd34a.js"),m=require("@mantine/hooks");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index-48f5f62c.js"),require("./index-cdf731ff.js"),require("./defaultClassWrapper-65e6f2d7.js"),require("lodash/throttle"),require("vanilla-lazyload"),require("react-phone-number-input"),require("./Vietnam-f9a68f31.js"),require("@mantine/dates"),require("@mantine/carousel");var f,x,g,h,b,y=p(n),C=p(d),E=C.default(u.Container)(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: 100%;\n  width: 100%;\n  text-align: center;\n  max-width: 520px;\n\n  .header {\n    margin-top: 70px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .PhoneInput {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n  .PhoneInputCountry {\n    border-radius: 4px 0 0 4px;\n  }\n  .PhoneInputInput {\n    border-radius: 0 4px 4px 0;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: 100%;\n  width: 100%;\n  text-align: center;\n  max-width: 520px;\n\n  .header {\n    margin-top: 70px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .PhoneInput {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n  .PhoneInputCountry {\n    border-radius: 4px 0 0 4px;\n  }\n  .PhoneInputInput {\n    border-radius: 0 4px 4px 0;\n  }\n"])),a.MediaQueries.mbDown,a.MediaQueries.mbDown),v=C.default(u.Container)(x||(x=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: 100%;\n  width: 100%;\n  text-align: center;\n  max-width: 520px;\n  .header {\n    margin-top: 70px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .otpContainer {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: 100%;\n  width: 100%;\n  text-align: center;\n  max-width: 520px;\n  .header {\n    margin-top: 70px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .otpContainer {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n"])),a.MediaQueries.mbDown,a.MediaQueries.mbDown,a.MediaQueries.mbDown),q=((g={})[s.LOCALE.Vietnam]="VN",g[s.LOCALE.Cambodia]="KH",g[s.LOCALE.Indonesia]="ID",g[s.LOCALE.Malaysia]="MY",g[s.LOCALE.PhilippinesEnglish]="PH",g[s.LOCALE.PhilippinesTagalog]="PH",g[s.LOCALE.Taiwan]="TW",g[s.LOCALE.Thailand]="TH",g[s.LOCALE.Myanmar]="MM",g),j=function(e){var a=e.onClose,u=e.onSubmit,s=e.canSkip,d=void 0===s||s,m=n.useState(""),p=m[0],f=m[1];return console.log(p),y.default.createElement(E,null,y.default.createElement(o.LogoIcon,{type:"hellobacsi"}),y.default.createElement("div",{className:"header"},y.default.createElement(r.Heading,{tag:"h3"},"Your phone number"),y.default.createElement(t.Text,{size:"p3",color:l.theme.colors.gray600},"We will send a One-Time Password (OTP) to your phone number")),y.default.createElement(c.Phone,{defaultCountry:q[process.env.UNIFY_LOCALE]||"VN",onChange:f}),y.default.createElement(i.Button,{color:"primary",isBlock:!0,size:"lg",onClick:function(){return u(p)}},"Continue"),d&&y.default.createElement(i.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:a},"Skip"))},P=function(a){var u=a.onSubmit,s=a.phone,d=a.onResendCode,p=n.useState(""),f=p[0],x=p[1],g=n.useState(30),h=g[0],b=g[1],C=m.useInterval((function(){return b((function(e){return e-1}))}),1e3);n.useEffect((function(){return C.start(),C.stop}),[]),n.useEffect((function(){0===h&&C.stop()}),[h]);return y.default.createElement(v,null,y.default.createElement(o.LogoIcon,{type:"hellobacsi"}),y.default.createElement("div",{className:"header"},y.default.createElement(r.Heading,{tag:"h3"},"Enter Your OTP"),y.default.createElement(t.Text,{size:"p3",color:l.theme.colors.gray600},"We have sent a One-Time Password (OTP) to your phone number ",s)),y.default.createElement(c.OTP,{onChange:x,enterKeyHint:void 0,nonce:void 0}),y.default.createElement("div",{className:"resend"},y.default.createElement(t.Text,{size:"p4"},"Didn’t receive an OTP code?"),y.default.createElement(t.Text,{as:"a",size:"p4",color:l.theme.colors.primaryBase,onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return b(30),[4,d(s)];case 1:return e.sent(),C.start(),[2]}}))}))}},"Resend Code (",h,"s)")),y.default.createElement(i.Button,{color:"primary",isBlock:!0,size:"lg",onClick:function(){return u(f)}},"Continue"))},O=C.default(c.Modal)(h||(h=e.__makeTemplateObject(["\n  .mantine-Modal-body {\n    height: 100%;\n    "," {\n      padding: 24px;\n    }\n  }\n"],["\n  .mantine-Modal-body {\n    height: 100%;\n    "," {\n      padding: 24px;\n    }\n  }\n"])),a.MediaQueries.mbDown);!function(e){e[e.Phone=0]="Phone",e[e.OTP=1]="OTP"}(b||(b={}));exports.MAPPED_LOCALE=q,exports.OnboardingForm=j,exports.OnboardingModal=function(t){var r=t.onClose,i=t.canSkip,o=void 0===i||i,a=t.step,l=void 0===a?b.Phone:a,u=t.onPhoneSubmit,s=t.onOtpSubmit,d=t.onResendCode,c=e.__rest(t,["onClose","canSkip","step","onPhoneSubmit","onOtpSubmit","onResendCode"]),m=n.useState(l),p=m[0],f=m[1],x=n.useState(""),g=x[0],h=x[1];return y.default.createElement(O,e.__assign({},c,{onClose:r,fullScreen:!0}),p===b.Phone&&y.default.createElement(j,{onClose:r,canSkip:o,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return console.log(n),h(n),[4,null==u?void 0:u(n)];case 1:return e.sent(),f(b.OTP),[2]}}))}))}}),p===b.OTP&&y.default.createElement(P,{onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return console.log(n),[4,s(g,n)];case 1:return e.sent(),r(),[2]}}))}))},phone:g,onResendCode:d}))},exports.OtpForm=P;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-4522cb7e.js"),n=require("react"),t=require("@mantine/form");require("./index.styled-8d514bc5.js");var o=require("./index.styled-7f668ae0.js"),r=require("./index-efdc03cc.js");require("./gAssets.js"),require("./index.styled-058aa9ad.js");var i=require("./index.styled-77a6fc28.js"),a=require("./utils-0a05b687.js");require("react-range");var u=require("@mantine/core"),s=require("./useTranslations-cd6f24e7.js");require("./index-0af9ed7a.js");var l=require("./index-e3486ece.js");require("dayjs"),require("./screenSizeContext-656b5956.js"),require("./lazyLoad-a3e53b7e.js");var d=require("styled-components");require("./index-766f812b.js"),require("./isProduction-7b83726b.js");var c=require("./Locale-f293cbf6.js"),m=require("./index-eaf2d804.js");require("./index-2aca153d.js");var p=require("@mantine/hooks");require("lodash/debounce");var f=require("./index-79f28462.js"),b=require("./theme-a38f4960.js");require("./translationsContext-d2cb303a.js"),require("string-format");var g=require("yup"),h=require("./Visible-e3d9031c.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}require("./defaultClassWrapper-64d6ce33.js"),require("@mantine/dates"),require("@mantine/carousel"),require("react-phone-number-input"),require("./Vietnam-686b3190.js"),require("lodash/throttle"),require("vanilla-lazyload");var E,_,w,P,y,j,q,S,C=x(n),k=x(d),O=v(g),L=k.default(u.Container)(E||(E=e.__makeTemplateObject(["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-top: 70px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    margin-bottom: 16px;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n  }\n  .form {\n    width: 100%;\n  }\n"],["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-top: 70px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    margin-bottom: 16px;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n  }\n  .form {\n    width: 100%;\n  }\n"])),a.MediaQueries.mbDown,a.MediaQueries.mbDown),T=function(n){var t=n.heading,r=n.description,a=n.children,u=n.className,s=e.__rest(n,["heading","description","children","className"]);return C.default.createElement(L,e.__assign({},s,{className:"hhg-comp-onboarding-container ".concat(u),size:"sm"}),C.default.createElement(i.LogoIcon,{type:"hellobacsi"}),C.default.createElement("div",{className:"header"},C.default.createElement(o.Heading,{tag:"h3"},t),C.default.createElement(f.Text,{size:"p3",color:b.theme.colors.gray600},r)),a)},I=function(n){var o=n.onClose,i=n.onSubmit,a=n.canSkip,u=s.useTranslations().t,l=t.useForm({validate:{email:function(e){return/^\S+@\S+$/.test(e)?null:u("onboarding.errorMessage.invalidEmail")}}});return C.default.createElement(T,{heading:u("onboarding.formEmail.heading"),description:u("onboarding.formEmail.description")},C.default.createElement("form",{className:"form",onSubmit:l.onSubmit((function(e){return i((null==e?void 0:e.email)||"")}))},C.default.createElement(m.Input,e.__assign({label:u("onboarding.formEmail.yourEmail"),withAsterisk:!0},l.getInputProps("email"))),C.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit"},u("onboarding.button.continue")),a&&C.default.createElement(r.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:o},u("onboarding.button.skip"))))},M=function(e){return O.object().shape({phone:O.string().required(e("onboarding.updatePhone.error")).default("")})},z=function(e){return O.object().shape({otp:O.string().required(e("onboarding.otpForm.error")).default("")})},A=k.default(T)(_||(_=e.__makeTemplateObject(["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"],["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"])),a.MediaQueries.mbDown),B=((w={})[c.LOCALE.Vietnam]="VN",w[c.LOCALE.Cambodia]="KH",w[c.LOCALE.Indonesia]="ID",w[c.LOCALE.Malaysia]="MY",w[c.LOCALE.PhilippinesEnglish]="PH",w[c.LOCALE.PhilippinesTagalog]="PH",w[c.LOCALE.Taiwan]="TW",w[c.LOCALE.Thailand]="TH",w[c.LOCALE.Myanmar]="MM",w),N=function(n){var o=n.onClose,i=n.onSubmit,a=n.canSkip,d=void 0===a||a,c=s.useTranslations().t,m=t.useForm({initialValues:{phone:""},validate:t.yupResolver(M(c))});return C.default.createElement(A,{heading:c("onboarding.updatePhone.heading"),description:c("onboarding.updatePhone.description")},C.default.createElement("form",{onSubmit:m.onSubmit((function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return console.log(n),i(n.phone),[2]}))}))}),(function(e){console.log(e)}))},C.default.createElement("div",{className:"phone-input"},C.default.createElement(l.Phone,e.__assign({defaultCountry:B[process.env.UNIFY_LOCALE]||"VN"},m.getInputProps("phone"))),C.default.createElement(u.Input.Error,null,m.errors.phone)),C.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit"},c("onboarding.button.continue")),d&&C.default.createElement(r.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:o},c("onboarding.button.skip"))))},F=k.default(T)(P||(P=e.__makeTemplateObject(["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n"],["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n"])),a.MediaQueries.mbDown,a.MediaQueries.mbDown),V=function(o){var i=o.onSubmit,a=o.phone,d=o.onResendCode,c=n.useState(30),m=c[0],g=c[1],h=p.useInterval((function(){return g((function(e){return e-1}))}),1e3),x=s.useTranslations().t;n.useEffect((function(){return h.start(),h.stop}),[]),n.useEffect((function(){0===m&&h.stop()}),[m]);var v=t.useForm({initialValues:{otp:""},validate:t.yupResolver(z(x))});return C.default.createElement(F,{heading:x("onboarding.otpForm.heading"),description:x("onboarding.otpForm.description",{phone:a})},C.default.createElement("form",{onSubmit:v.onSubmit((function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return console.log(n),i(n.otp),[2]}))}))}),(function(e){console.log(e)}))},C.default.createElement("div",{className:"otp-input"},C.default.createElement(l.OTP,e.__assign({enterKeyHint:void 0,nonce:void 0},v.getInputProps("otp"))),C.default.createElement(u.Input.Error,null,v.errors.otp)),C.default.createElement("div",{className:"resend"},C.default.createElement(f.Text,{size:"p4"},x("onboarding.otpForm.notReceiveOTP")),C.default.createElement(f.Text,{as:"a",size:"p4",color:b.theme.colors.primaryBase,onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return g(30),[4,d(a)];case 1:return e.sent(),h.start(),[2]}}))}))}},x("onboarding.otpForm.resendCode",{seconds:m}))),C.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit"},x("onboarding.button.continue"))))},D=function(n){var o=n.onClose,i=n.onSubmit,a=n.canSkip,u=s.useTranslations().t,l=t.useForm({initialValues:{password:"",confirmPassword:""},validate:{confirmPassword:function(e,n){return e!==n.password?u("onboarding.errorMessage.passNotMatch"):null}}});return C.default.createElement(T,{heading:u("onboarding.updatePassword.heading"),description:u("onboarding.updatePassword.description")},C.default.createElement("form",{className:"form",onSubmit:l.onSubmit((function(e){return i((null==e?void 0:e.password)||"")}))},C.default.createElement(m.PasswordInput,e.__assign({label:u("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:C.default.createElement(h.Visible,null)},l.getInputProps("password"))),C.default.createElement(m.PasswordInput,e.__assign({label:u("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:C.default.createElement(h.Visible,null)},l.getInputProps("confirmPassword"))),C.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit"},u("onboarding.button.continue")),a&&C.default.createElement(r.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:o},u("onboarding.button.skip"))))},U=k.default(l.Modal)(y||(y=e.__makeTemplateObject(["\n  .mantine-Modal-body {\n    display: flex;\n    height: 100%;\n    "," {\n      padding: 24px;\n    }\n  }\n"],["\n  .mantine-Modal-body {\n    display: flex;\n    height: 100%;\n    "," {\n      padding: 24px;\n    }\n  }\n"])),a.MediaQueries.mbDown);k.default.div(j||(j=e.__makeTemplateObject(["\n  padding-top: 100px;\n  width: 60%;\n"],["\n  padding-top: 100px;\n  width: 60%;\n"]))),k.default.div(q||(q=e.__makeTemplateObject(["\n  width: 40%;\n  background-color: ",";\n"],["\n  width: 40%;\n  background-color: ",";\n"])),b.theme.colors.blue100),function(e){e[e.Phone=0]="Phone",e[e.OTP=1]="OTP",e[e.Email=2]="Email",e[e.UpdatePassword=3]="UpdatePassword"}(S||(S={}));exports.MAPPED_LOCALE=B,exports.OnboardingForm=N,exports.OnboardingModal=function(t){var o=t.onClose,r=t.canSkip,i=t.step,a=void 0===i?S.Phone:i,u=t.onPhoneSubmit,s=t.onOtpSubmit,l=t.onUpdateEmailSubmit,d=t.onUpdatePasswordSubmit,c=t.onResendCode,m=e.__rest(t,["onClose","canSkip","step","onPhoneSubmit","onOtpSubmit","onUpdateEmailSubmit","onUpdatePasswordSubmit","onResendCode"]),p=n.useState(a),f=p[0],b=p[1],g=n.useState(""),h=g[0],x=g[1];return C.default.createElement(U,e.__assign({},m,{onClose:o,fullScreen:!0}),f===S.Phone&&C.default.createElement(N,{onClose:o,canSkip:r,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return console.log(n),x(n),[4,null==u?void 0:u(n)];case 1:return e.sent(),b(S.OTP),[2]}}))}))}}),f===S.OTP&&C.default.createElement(V,{onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,s(h,n)];case 1:return e.sent(),o(),[2]}}))}))},phone:h,onResendCode:c}),f===S.Email&&C.default.createElement(I,{onClose:o,canSkip:r,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,null==l?void 0:l(n)];case 1:return e.sent(),b(S.UpdatePassword),[2]}}))}))}}),f===S.UpdatePassword&&C.default.createElement(D,{onClose:o,canSkip:r,onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,null==d?void 0:d(n)];case 1:return e.sent(),o(),[2]}}))}))}}))},exports.OtpForm=V;

package/build/pwg.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-7db96a99.js"),t=require("react"),n=require("./index-ac80f5e2.js"),a=require("./index-6dae9bd8.js"),r=require("./useTranslations-7bad81fe.js"),l=require("./theme-0a393e1f.js"),i=require("recharts"),o=require("./index-55994b6a.js"),c=require("./useOutsideClick-9c36d450.js"),s=require("styled-components");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./Locale-a2e480e5.js"),require("./gAssets.js"),require("./index-c033f192.js"),require("./isProduction-53d40fc4.js"),require("./index-cdf731ff.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./en-PH-1d38ff6a.js"),require("./translationsContext-f8ba76fb.js"),require("string-format");var u,f,m,p,g=d(t),x=d(s),h=function(t){var n=t.weightByWeek,a=t.weightBefore,r=t.toolTipLabel,l=t.status,i=t.activeWeek,o=(0,t.t)("bmi.result.".concat(l));return n.map((function(t){return e.__assign({name:t.week,min:a+t.min,difference:t.max-t.min,max:a+t.max},t.week===i?{toolTipLabel:r,translatedStatus:o,status:l}:{})}))},b=function(e){var t=e.x,n=e.y,a=e.payload;return e.activeWeek===a.value?g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("circle",{r:12,fill:l.theme.colors.primaryBase}),g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},y=x.default.div(u||(u=e.__makeTemplateObject(["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"])),l.theme.colors.yellow600),v=x.default.div(f||(f=e.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),k=x.default.div(m||(m=e.__makeTemplateObject(["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"]))),w=[{name:"overweight",backgroundColor:l.theme.colors.yellow50,color:l.theme.colors.yellow900},{name:"underweight",backgroundColor:l.theme.colors.yellow50,color:l.theme.colors.yellow900},{name:"healthy",backgroundColor:l.theme.colors.green50,color:l.theme.colors.green900}],E=function(e){var a,r,i,o,c,s=e.payload,d=e.active,u=null===(a=null==s?void 0:s[0])||void 0===a?void 0:a.payload;if(!u||!u.toolTipLabel||!d)return null;var f=t.useMemo((function(){return w.find((function(e){return e.name===u.status}))}),[null==u?void 0:u.status]),m=f.backgroundColor,p=f.color;return g.default.createElement(y,null,g.default.createElement("div",null,null===(r=u.toolTipLabel)||void 0===r?void 0:r[0]," ",null===(i=u.toolTipLabel)||void 0===i?void 0:i[1]),g.default.createElement("div",null,(null===(o=u.toolTipLabel)||void 0===o?void 0:o[2])&&g.default.createElement(n.Text,{as:"span",size:"s3",color:l.theme.colors.gray800,type:"semiBold"},null===(c=u.toolTipLabel)||void 0===c?void 0:c[2]),g.default.createElement("div",{className:"risk",style:{backgroundColor:m}},g.default.createElement(n.Text,{size:"n1",color:p},u.translatedStatus))))},T=function(a){var s=a.weightBefore,d=a.weightByWeek,u=a.activeWeek,f=a.currentWeight,m=a.toolTipLabel,p=void 0===m?[]:m,x=a.status,y=a.withLine,k=void 0!==y&&y,w=r.useTranslations().t,T=t.useMemo((function(){return h({weightByWeek:d,weightBefore:s,toolTipLabel:p,status:x,activeWeek:u,t:w})}),[d,s,p,x,u]),j=t.useState(!1),_=j[0],q=j[1],C=t.useRef(null);return c.useOutsideClick(C,(function(){return q(!1)})),g.default.createElement(v,null,g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray500},w("babyGrowth.weight")," ",w("pregnancyWeightGain.weightInput.desc")),Array.isArray(T)&&T.length>0&&g.default.createElement(v,null,g.default.createElement(i.ResponsiveContainer,{height:388,className:"chart"},g.default.createElement(i.AreaChart,{data:T,margin:{top:16,right:0,left:0}},g.default.createElement(i.CartesianGrid,{stroke:l.theme.colors.neutral100}),g.default.createElement(i.Tooltip,{trigger:"click",content:function(t){return g.default.createElement(E,e.__assign({active:!k&&_&&void 0!==u&&void 0!==f},t))}}),g.default.createElement(i.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,t){return t+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(t){return g.default.createElement(b,e.__assign({},t,{activeWeek:u}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),g.default.createElement(i.YAxis,{domain:[function(e){return Math.max(e,s-10||e)},function(e){return Math.max(e,s+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:l.theme.colors.gray600}}),g.default.createElement(i.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),g.default.createElement(i.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:l.theme.colors.blue100}),void 0!==u&&void 0!==f&&g.default.createElement(i.ReferenceDot,{onClick:function(){return q(!0)},x:0===u?1:u,y:f,r:4,shape:g.default.createElement(o.CustomReferenceDot,{ref:C,r:4}),fill:l.theme.colors.primaryBase,stroke:l.theme.colors.primaryBase}))),g.default.createElement("div",{className:"custom-chart-label"},g.default.createElement("i",null),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray500},w("pregnancy.week")))))},j=function(t){var n=t.color,a=e.__rest(t,["color"]);return g.default.createElement("svg",e.__assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),g.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:n||l.theme.colors.primaryBase}))},_=function(e){var t=e.idealWeight,a=r.useTranslations().t;return g.default.createElement(k,null,g.default.createElement("div",null,g.default.createElement(j,{color:l.theme.colors.blue100}),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray600},g.default.createElement(n.Text,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray800,type:"bold",as:"span"},t))),g.default.createElement("div",null,g.default.createElement(j,null),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray600},a("pwg.placeholder.weight"))))},q=x.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"])),l.theme.colors.neutral100);exports.PregnancyWeightGainChart=function(t){var i=t.chartProps,o=t.pillCarouselProps,c=t.idealWeight,s=t.description,d=r.useTranslations().t;return g.default.createElement(q,null,g.default.createElement("div",{className:"chart-header"},g.default.createElement(n.Text,{size:"s1",type:"semiBold",color:l.theme.colors.gray800},d("pregnancyTool.weightSuggested")),s&&s),g.default.createElement(a.PillCarousel,e.__assign({},o)),g.default.createElement("div",null,g.default.createElement(_,{idealWeight:c}),g.default.createElement(T,e.__assign({},i))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-4522cb7e.js"),t=require("react"),n=require("./index-79f28462.js"),a=require("./index-59b2c260.js"),r=require("./useTranslations-cd6f24e7.js"),l=require("./theme-a38f4960.js"),i=require("recharts"),o=require("./index-0af9ed7a.js"),c=require("./useOutsideClick-10429280.js"),s=require("styled-components");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./Locale-f293cbf6.js"),require("./gAssets.js"),require("./index-766f812b.js"),require("./isProduction-7b83726b.js"),require("./index-2aca153d.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./translationsContext-d2cb303a.js"),require("string-format");var u,m,f,p,g=d(t),x=d(s),h=function(t){var n=t.weightByWeek,a=t.weightBefore,r=t.toolTipLabel,l=t.status,i=t.activeWeek,o=(0,t.t)("bmi.result.".concat(l));return n.map((function(t){return e.__assign({name:t.week,min:a+t.min,difference:t.max-t.min,max:a+t.max},t.week===i?{toolTipLabel:r,translatedStatus:o,status:l}:{})}))},b=function(e){var t=e.x,n=e.y,a=e.payload;return e.activeWeek===a.value?g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("circle",{r:12,fill:l.theme.colors.primaryBase}),g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},y=x.default.div(u||(u=e.__makeTemplateObject(["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"])),l.theme.colors.yellow600),v=x.default.div(m||(m=e.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),k=x.default.div(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"]))),w=[{name:"overweight",backgroundColor:l.theme.colors.yellow50,color:l.theme.colors.yellow900},{name:"underweight",backgroundColor:l.theme.colors.yellow50,color:l.theme.colors.yellow900},{name:"healthy",backgroundColor:l.theme.colors.green50,color:l.theme.colors.green900}],E=function(e){var a,r,i,o,c,s=e.payload,d=e.active,u=null===(a=null==s?void 0:s[0])||void 0===a?void 0:a.payload;if(!u||!u.toolTipLabel||!d)return null;var m=t.useMemo((function(){return w.find((function(e){return e.name===u.status}))}),[null==u?void 0:u.status]),f=m.backgroundColor,p=m.color;return g.default.createElement(y,null,g.default.createElement("div",null,null===(r=u.toolTipLabel)||void 0===r?void 0:r[0]," ",null===(i=u.toolTipLabel)||void 0===i?void 0:i[1]),g.default.createElement("div",null,(null===(o=u.toolTipLabel)||void 0===o?void 0:o[2])&&g.default.createElement(n.Text,{as:"span",size:"s3",color:l.theme.colors.gray800,type:"semiBold"},null===(c=u.toolTipLabel)||void 0===c?void 0:c[2]),g.default.createElement("div",{className:"risk",style:{backgroundColor:f}},g.default.createElement(n.Text,{size:"n1",color:p},u.translatedStatus))))},T=function(a){var s=a.weightBefore,d=a.weightByWeek,u=a.activeWeek,m=a.currentWeight,f=a.toolTipLabel,p=void 0===f?[]:f,x=a.status,y=a.withLine,k=void 0!==y&&y,w=r.useTranslations().t,T=t.useMemo((function(){return h({weightByWeek:d,weightBefore:s,toolTipLabel:p,status:x,activeWeek:u,t:w})}),[d,s,p,x,u]),j=t.useState(!1),_=j[0],q=j[1],C=t.useRef(null);return c.useOutsideClick(C,(function(){return q(!1)})),g.default.createElement(v,null,g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray500},w("babyGrowth.weight")," ",w("pregnancyWeightGain.weightInput.desc")),Array.isArray(T)&&T.length>0&&g.default.createElement(v,null,g.default.createElement(i.ResponsiveContainer,{height:388,className:"chart"},g.default.createElement(i.AreaChart,{data:T,margin:{top:16,right:0,left:0}},g.default.createElement(i.CartesianGrid,{stroke:l.theme.colors.neutral100}),g.default.createElement(i.Tooltip,{trigger:"click",content:function(t){return g.default.createElement(E,e.__assign({active:!k&&_&&void 0!==u&&void 0!==m},t))}}),g.default.createElement(i.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,t){return t+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(t){return g.default.createElement(b,e.__assign({},t,{activeWeek:u}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),g.default.createElement(i.YAxis,{domain:[function(e){return Math.max(e,s-10||e)},function(e){return Math.max(e,s+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:l.theme.colors.gray600}}),g.default.createElement(i.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),g.default.createElement(i.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:l.theme.colors.blue100}),void 0!==u&&void 0!==m&&g.default.createElement(i.ReferenceDot,{onClick:function(){return q(!0)},x:0===u?1:u,y:m,r:4,shape:g.default.createElement(o.CustomReferenceDot,{ref:C,r:4}),fill:l.theme.colors.primaryBase,stroke:l.theme.colors.primaryBase}))),g.default.createElement("div",{className:"custom-chart-label"},g.default.createElement("i",null),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray500},w("pregnancy.week")))))},j=function(t){var n=t.color,a=e.__rest(t,["color"]);return g.default.createElement("svg",e.__assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),g.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:n||l.theme.colors.primaryBase}))},_=function(e){var t=e.idealWeight,a=r.useTranslations().t;return g.default.createElement(k,null,g.default.createElement("div",null,g.default.createElement(j,{color:l.theme.colors.blue100}),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray600},g.default.createElement(n.Text,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray800,type:"bold",as:"span"},t))),g.default.createElement("div",null,g.default.createElement(j,null),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray600},a("pwg.placeholder.weight"))))},q=x.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"])),l.theme.colors.neutral100);exports.PregnancyWeightGainChart=function(t){var i=t.chartProps,o=t.pillCarouselProps,c=t.idealWeight,s=t.description,d=r.useTranslations().t;return g.default.createElement(q,null,g.default.createElement("div",{className:"chart-header"},g.default.createElement(n.Text,{size:"s1",type:"semiBold",color:l.theme.colors.gray800},d("pregnancyTool.weightSuggested")),s&&s),g.default.createElement(a.PillCarousel,e.__assign({},o)),g.default.createElement("div",null,g.default.createElement(_,{idealWeight:c}),g.default.createElement(T,e.__assign({},i))))};

package/build/{routing-bb00cbe4.js → routing-aa1dcf6e.js}

@@ -1 +1 @@
-"use strict";var t=require("./index-c033f192.js"),o=require("./isProduction-53d40fc4.js");exports.getCareApiDomain=function(){return"https://".concat(o.isProduction?"health-care.":"service-health-care.","hellohealthgroup.com")},exports.getCurrentBaseUrl=function(e,r){var n="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV,c=!n&&!o.isProduction;return n?"http://localhost:3000":"https://".concat(c?r?"fe.":"discover.":r?"www.":"").concat(t.domainLocales[r?"vi-VN_MB":e])},exports.getCurrentSsoUrl=function(e,r){return"https://".concat(o.isProduction?"id.":"staging-id.").concat(t.domainLocales[r?"vi-VN_MB":e])},exports.getDiscoverApiDomain=function(e){return"https://".concat(o.isProduction?"wp.":"staging.").concat(t.domainLocales[e])},exports.getTogetherApiDomain=function(){return"https://".concat(o.isProduction?"together.":"staging-together.","hellohealthgroup.com")};
+"use strict";var t=require("./index-766f812b.js"),o=require("./isProduction-7b83726b.js");exports.getCareApiDomain=function(){return"https://".concat(o.isProduction?"health-care.":"service-health-care.","hellohealthgroup.com")},exports.getCurrentBaseUrl=function(e,r){var n="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV,c=!n&&!o.isProduction;return n?"http://localhost:3000":"https://".concat(c?r?"fe.":"discover.":r?"www.":"").concat(t.domainLocales[r?"vi-VN_MB":e])},exports.getCurrentSsoUrl=function(e,r){return"https://".concat(o.isProduction?"id.":"staging-id.").concat(t.domainLocales[r?"vi-VN_MB":e])},exports.getDiscoverApiDomain=function(e){return"https://".concat(o.isProduction?"wp.":"staging.").concat(t.domainLocales[e])},exports.getTogetherApiDomain=function(){return"https://".concat(o.isProduction?"together.":"staging-together.","hellohealthgroup.com")};

package/build/{screenSizeContext-9a3675b8.js → screenSizeContext-656b5956.js}

@@ -1 +1 @@
-"use strict";var n=require("./tslib.es6-7db96a99.js"),t=require("styled-components"),e=require("react"),r=require("lodash/throttle"),i=require("./utils-2c039364.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var s,o,l,m,d,f,p,b,_,u=a(e),v=a(r),c=t.keyframes(s||(s=n.__makeTemplateObject(["\nfrom {\n  transform: translate3d(0, 100%, 0);\n  visibility: visible;\n}\n\nto {\n  transform: translate3d(0, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 100%, 0);\n  visibility: visible;\n}\n\nto {\n  transform: translate3d(0, 0, 0);\n}\n"]))),y=t.keyframes(o||(o=n.__makeTemplateObject(["\nfrom {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\nfrom {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),k=t.keyframes(l||(l=n.__makeTemplateObject(["\n from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\n from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),O=t.keyframes(m||(m=n.__makeTemplateObject(["\n from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\n from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),B=t.keyframes(d||(d=n.__makeTemplateObject(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(0, 100%, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(0, 100%, 0);\n}\n"]))),h=t.keyframes(f||(f=n.__makeTemplateObject(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(-100%, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(-100%, 0, 0);\n}\n"]))),T=t.keyframes(p||(p=n.__makeTemplateObject(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(100%, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(100%, 0, 0);\n}\n"]))),I=t.keyframes(b||(b=n.__makeTemplateObject(["\n from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"],["\n from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"]))),w=t.keyframes(_||(_=n.__makeTemplateObject(["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"],["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"]))),E=e.createContext({isInit:!0}),x=function(n){var t=function(n){return"number"==typeof n?n:"undefined"!=typeof window&&window.innerWidth||0}(n);return{smallMobile:t<i.Breakpoints.BREAK_POINT_SMALL_MOBILE,mobile:t>=i.Breakpoints.BREAK_POINT_SMALL_MOBILE&&t<i.Breakpoints.BREAK_POINT_MOBILE,tablet:t>=i.Breakpoints.BREAK_POINT_MOBILE&&t<i.Breakpoints.BREAK_POINT_TABLET,pc:t>=i.Breakpoints.BREAK_POINT_TABLET&&t<i.Breakpoints.BREAK_POINT_PC,xl:t>=i.Breakpoints.BREAK_POINT_PC}};exports.ScreenSizeContext=E,exports.ScreenSizeContextProvider=function(t){var r=t.children,i=e.useState((function(){return{isInit:!0}})),a=i[0],s=i[1];e.useEffect((function(){var n=v.default((function(){s({width:window.innerWidth,height:window.innerHeight,isInit:!1})}),200);return window.addEventListener("resize",n,{passive:!0}),function(){window.removeEventListener("resize",n)}}),[]);var o=e.useMemo((function(){return x(a.width)}),[a.width]);return u.default.createElement(E.Provider,{value:n.__assign(n.__assign({},a),{sizeGroups:o})},r)},exports.fadeIn=w,exports.getWindowSizeGroups=x,exports.slideInDown=y,exports.slideInLeft=k,exports.slideInRight=O,exports.slideInUp=c,exports.slideOutDown=B,exports.slideOutLeft=h,exports.slideOutRight=T,exports.slideOutUp=I;
+"use strict";var n=require("./tslib.es6-4522cb7e.js"),t=require("styled-components"),e=require("react"),r=require("lodash/throttle"),i=require("./utils-0a05b687.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var s,o,l,m,d,f,p,b,_,u=a(e),v=a(r),c=t.keyframes(s||(s=n.__makeTemplateObject(["\nfrom {\n  transform: translate3d(0, 100%, 0);\n  visibility: visible;\n}\n\nto {\n  transform: translate3d(0, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 100%, 0);\n  visibility: visible;\n}\n\nto {\n  transform: translate3d(0, 0, 0);\n}\n"]))),y=t.keyframes(o||(o=n.__makeTemplateObject(["\nfrom {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\nfrom {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),k=t.keyframes(l||(l=n.__makeTemplateObject(["\n from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\n from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),O=t.keyframes(m||(m=n.__makeTemplateObject(["\n from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\n from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),B=t.keyframes(d||(d=n.__makeTemplateObject(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(0, 100%, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(0, 100%, 0);\n}\n"]))),h=t.keyframes(f||(f=n.__makeTemplateObject(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(-100%, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(-100%, 0, 0);\n}\n"]))),T=t.keyframes(p||(p=n.__makeTemplateObject(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(100%, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(100%, 0, 0);\n}\n"]))),I=t.keyframes(b||(b=n.__makeTemplateObject(["\n from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"],["\n from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"]))),w=t.keyframes(_||(_=n.__makeTemplateObject(["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"],["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"]))),E=e.createContext({isInit:!0}),x=function(n){var t=function(n){return"number"==typeof n?n:"undefined"!=typeof window&&window.innerWidth||0}(n);return{smallMobile:t<i.Breakpoints.BREAK_POINT_SMALL_MOBILE,mobile:t>=i.Breakpoints.BREAK_POINT_SMALL_MOBILE&&t<i.Breakpoints.BREAK_POINT_MOBILE,tablet:t>=i.Breakpoints.BREAK_POINT_MOBILE&&t<i.Breakpoints.BREAK_POINT_TABLET,pc:t>=i.Breakpoints.BREAK_POINT_TABLET&&t<i.Breakpoints.BREAK_POINT_PC,xl:t>=i.Breakpoints.BREAK_POINT_PC}};exports.ScreenSizeContext=E,exports.ScreenSizeContextProvider=function(t){var r=t.children,i=e.useState((function(){return{isInit:!0}})),a=i[0],s=i[1];e.useEffect((function(){var n=v.default((function(){s({width:window.innerWidth,height:window.innerHeight,isInit:!1})}),200);return window.addEventListener("resize",n,{passive:!0}),function(){window.removeEventListener("resize",n)}}),[]);var o=e.useMemo((function(){return x(a.width)}),[a.width]);return u.default.createElement(E.Provider,{value:n.__assign(n.__assign({},a),{sizeGroups:o})},r)},exports.fadeIn=w,exports.getWindowSizeGroups=x,exports.slideInDown=y,exports.slideInLeft=k,exports.slideInRight=O,exports.slideInUp=c,exports.slideOutDown=B,exports.slideOutLeft=h,exports.slideOutRight=T,exports.slideOutUp=I;

package/build/together.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-6e652da3.js"),r=require("./index-d8f086cd.js");require("react"),require("./index-ac80f5e2.js"),require("./tslib.es6-7db96a99.js"),require("./translationsContext-f8ba76fb.js"),require("string-format"),require("./index-5f4ecdc3.js"),require("./index-5b845e0d.js"),require("./index.styled-9500d47d.js"),require("styled-components"),require("./utils-2c039364.js"),require("./useTranslations-7bad81fe.js"),require("./en-PH-1d38ff6a.js"),require("innertext"),require("./theme-0a393e1f.js"),require("./index-40189f60.js"),require("./index.styled-f313e476.js"),require("lodash/debounce"),require("react-contenteditable"),require("./gAssets.js"),require("./index-c033f192.js"),require("./Locale-a2e480e5.js"),require("./isProduction-53d40fc4.js"),require("./cookieHelper-6c770fb3.js"),require("react-dom"),require("@mantine/core"),require("dayjs"),require("dayjs/plugin/relativeTime"),require("./lazyLoad-48cd5231.js"),require("vanilla-lazyload"),require("./defaultClassWrapper-65e6f2d7.js"),require("slugify"),exports.CardAuthor=e.CardAuthor,exports.CardLink=e.CardLink,exports.CardPost=e.CardPost,exports.CardPostPopoverMore=e.CardPostPopoverMore,exports.CardReactions=e.CardReactions,exports.CardReply=e.CardReply,exports.CardReplyPopover=e.CardReplyPopover,exports.CreateNewPostContent=e.CreateNewPostContent,exports.CreatePostDescription=e.CreatePostDescription,exports.CreatePostTitle=e.CreatePostTitle,exports.ImagePreviewPopup=e.ImagePreviewPopup,exports.InputCommentBar=e.InputCommentBar,exports.LabelPin=e.LabelPin,exports.LabelSortPin=e.LabelSortPin,exports.LabelSorting=e.LabelSorting,exports.Loading=e.Loading,exports.PopoverMenu=e.PopoverMenu,exports.PopupDanger=e.PopupDanger,exports.PopupDoctor=e.PopupDoctor,exports.PopupExpert=e.PopupExpert,exports.PopupFrame=e.PopupFrame,exports.PopupHospital=e.PopupHospital,exports.PostContent=e.PostContent,exports.PostImagePreview=e.PostImagePreview,exports.PostSingleImageViewPopup=e.PostSingleImageViewPopup,exports.ShareBox=e.ShareBox,exports.SharePopup=e.SharePopup,exports.SocialLinkPreview=e.SocialLinkPreview,exports.SubmitReportForm=e.SubmitReportForm,exports.TagTopic=e.TagTopic,exports.TogetherAuthConfigContext=e.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=e.TogetherAuthConfigContextProvider,exports.TogetherTypes=e.types,exports.TopicSelectList=e.TopicSelectList,exports.useTogetherAuthRequiredAction=e.useTogetherAuthRequiredAction,exports.DefaultComponentGlobalContextData=r.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return r.GlobalData}}),exports.TogetherComponentGlobalContext=r.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=r.TogetherComponentGlobalContextProvider,exports.TogetherConstants=r.constants,exports.TogetherDataTransforms=r.dataTransform,exports.UserAvatar=r.UserAvatar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-f9bd42ed.js"),r=require("./index-43aaceb5.js");require("react"),require("./index-79f28462.js"),require("./tslib.es6-4522cb7e.js"),require("./translationsContext-d2cb303a.js"),require("string-format"),require("./index-efdc03cc.js"),require("./index-2e46a9e2.js"),require("./index.styled-7f668ae0.js"),require("styled-components"),require("./utils-0a05b687.js"),require("./useTranslations-cd6f24e7.js"),require("innertext"),require("./theme-a38f4960.js"),require("./index-e45bd75c.js"),require("./index.styled-058aa9ad.js"),require("lodash/debounce"),require("react-contenteditable"),require("./gAssets.js"),require("./index-766f812b.js"),require("./Locale-f293cbf6.js"),require("./isProduction-7b83726b.js"),require("./cookieHelper-c62ee6ad.js"),require("react-dom"),require("@mantine/core"),require("dayjs"),require("dayjs/plugin/relativeTime"),require("./lazyLoad-a3e53b7e.js"),require("vanilla-lazyload"),require("./defaultClassWrapper-64d6ce33.js"),require("slugify"),exports.CardAuthor=e.CardAuthor,exports.CardLink=e.CardLink,exports.CardPost=e.CardPost,exports.CardPostPopoverMore=e.CardPostPopoverMore,exports.CardReactions=e.CardReactions,exports.CardReply=e.CardReply,exports.CardReplyPopover=e.CardReplyPopover,exports.CreateNewPostContent=e.CreateNewPostContent,exports.CreatePostDescription=e.CreatePostDescription,exports.CreatePostTitle=e.CreatePostTitle,exports.ImagePreviewPopup=e.ImagePreviewPopup,exports.InputCommentBar=e.InputCommentBar,exports.LabelPin=e.LabelPin,exports.LabelSortPin=e.LabelSortPin,exports.LabelSorting=e.LabelSorting,exports.Loading=e.Loading,exports.PopoverMenu=e.PopoverMenu,exports.PopupDanger=e.PopupDanger,exports.PopupDoctor=e.PopupDoctor,exports.PopupExpert=e.PopupExpert,exports.PopupFrame=e.PopupFrame,exports.PopupHospital=e.PopupHospital,exports.PostContent=e.PostContent,exports.PostImagePreview=e.PostImagePreview,exports.PostSingleImageViewPopup=e.PostSingleImageViewPopup,exports.ShareBox=e.ShareBox,exports.SharePopup=e.SharePopup,exports.SocialLinkPreview=e.SocialLinkPreview,exports.SubmitReportForm=e.SubmitReportForm,exports.TagTopic=e.TagTopic,exports.TogetherAuthConfigContext=e.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=e.TogetherAuthConfigContextProvider,exports.TogetherTypes=e.types,exports.TopicSelectList=e.TopicSelectList,exports.useTogetherAuthRequiredAction=e.useTogetherAuthRequiredAction,exports.DefaultComponentGlobalContextData=r.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return r.GlobalData}}),exports.TogetherComponentGlobalContext=r.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=r.TogetherComponentGlobalContextProvider,exports.TogetherConstants=r.constants,exports.TogetherDataTransforms=r.dataTransform,exports.UserAvatar=r.UserAvatar;