npm - @hhgtech/hhg-components - Versions diffs - 1.23.55 → 1.23.57-beta-1 - Mend

@hhgtech/hhg-components 1.23.55 → 1.23.57-beta-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (298) hide show

package/build/esm/{index.styled-21e1a169.js → index.styled-ee34e641.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{b as n,c as t}from"./tslib.es6-~~35559a01~~.js";import e from"react";import i from"styled-components";var p,a,o=i((function(n){var i=n.type,p=t(n,["type"]);return e.createElement(i,p)}))(p\|\|(p=n(["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"],["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"])),(function(n){return n.theme.mbColors.dark})),h=i.p(a\|\|(a=n(["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"],["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"])),(function(n){return n.theme.mbColors.dark}));export{o as S,h as a};
1	+ import{e as n,b as t}from"./tslib.es6-d30ee1d0.js";import e from"react";import i from"styled-components";var p,o,a=i((function(n){var i=n.type,p=t(n,["type"]);return e.createElement(i,p)}))(p\|\|(p=n(["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"],["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"])),(function(n){return n.theme.mbColors.dark})),h=i.p(o\|\|(o=n(["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"],["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"])),(function(n){return n.theme.mbColors.dark}));export{a as S,h as a};

package/build/esm/lead.css CHANGED Viewed

	@@ -1 +1 @@
1	- .lead-modal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:transparent;display:flex;height:100%;justify-content:center;left:0;opacity:1;padding:10px;position:fixed;top:0;visibility:visible;white-space:normal!important;width:100%;z-index:99999}.lead-modal__wrapper{background-color:#fff;border-radius:6px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);max-width:450px;position:relative;width:100%}.lead-modal__content{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 125px);overflow:auto;width:inherit}.lead-modal__header{padding:0}.lead-modal__image{border:none!important;box-shadow:none!important;display:block;margin:0 auto}.lead-modal-image-logo{margin-bottom:15px;margin-top:15px}.lead-modal-image-cover{border:none!important;border-top-left-radius:4px;box-shadow:none!important;padding:0;width:100%!important}.lead-modal__body{padding:15px 15px 25px}.lead-modal__title{box-shadow:none!important;color:#2a4975!important;font-size:20px!important;font-stretch:normal!important;font-style:normal!important;font-weight:700!important;letter-spacing:-.4px!important;line-height:1.3!important;padding-bottom:0!important}.lead-modal__title.pink{color:#2661ad!important}.lead-modal__description{color:#2c87f3!important;font-size:13px!important;font-stretch:normal!important;font-style:normal!important;font-weight:400!important;letter-spacing:.14px!important;line-height:1.62!important;margin-top:10px!important}.lead-modal__description.pink{color:#3e3f58!important}.lead-modal__form-control-wrapper{margin-left:0!important;margin-top:10px;position:relative}.lead-modal__form-control{background-color:#fff!important;background-image:linear-gradient(transparent,transparent)!important;border:1px solid #ddd!important;border-radius:0!important;box-shadow:none!important;color:#2a4975!important;font-size:14px!important;height:40px!important;line-height:1.7em!important;line-height:14px!important;margin-left:0!important;padding:10px 15px 10px calc(30px + 1.5em)!important;width:100%}.lead-modal__form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(44,135,243,.1);outline:none}.lead-modal__form-control::-moz-placeholder{color:#b5b5b5}.lead-modal__form-control::placeholder{color:#b5b5b5}img.lead-modal__form-control-icon{fill:#b5b5b5!important;border:none!important;color:#b5b5b5!important;display:inline-block!important;display:block!important;flex-shrink:0!important;height:20px!important;left:15px!important;line-height:1!important;margin:0!important;max-width:none!important;pointer-events:none!important;position:absolute!important;top:10px!important;width:20px!important}.lead-modal__checkbox-wrapper{align-items:center;display:flex;margin-top:15px}.lead-modal__checkbox-wrapper a{color:#2c87f3!important;text-decoration:none!important}.lead-modal__checkbox-wrapper a:visited{color:#2c87f3!important}.lead-modal__checkbox-wrapper.pink a,.lead-modal__checkbox-wrapper.pink a:visited{color:#e55c8a!important}.lead-modal__checkbox{display:inline-block;font-size:20px;position:relative;z-index:1}.lead-modal__checkbox__input{display:block;font-size:1em!important;height:1em!important;margin:0!important;opacity:0;padding:0;position:relative;width:1em!important;z-index:1}.lead-modal__checkbox__control{color:#ddd;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:transform .2s;width:100%;z-index:-1}.lead-modal__checkbox__control:after,.lead-modal__checkbox__control:before{content:"";position:absolute}.lead-modal__checkbox__control:before{background-color:currentColor;border-radius:50%;height:120%;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s;width:120%;will-change:transform}.lead-modal__checkbox__control:after{background-color:#fff;border-radius:6px;box-shadow:inset 0 0 0 1px #ddd;height:100%;left:0;top:0;width:100%}.lead-modal__checkbox__control:focus:after{box-shadow:inset 0 0 0 1px #2c87f3}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control:after,.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control:after{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:18px;box-shadow:none}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control{color:#2c87f3}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2.5 8 4 4 7-9'/%3E%3C/svg%3E")}.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control{color:var(--custom-checkbox-color-disabled)}.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 8h12'/%3E%3C/svg%3E")}.lead-modal__checkbox__input:active~.lead-modal__checkbox__control{transform:scale(.9)}.lead-modal__checkbox__input:checked:active~.lead-modal__checkbox__control,.lead-modal__checkbox__input:indeterminate:active~.lead-modal__checkbox__control{transform:scale(1)}.lead-modal__checkbox__input:focus~.lead-modal__checkbox__control:before{opacity:.2;transform:translate(-50%,-50%) scale(1)}.lead-modal__checkbox__input.pink~.lead-modal__checkbox__control:after{border-radius:50%!important}.lead-modal__checkbox__input.pink:checked~.lead-modal__checkbox__control{color:#2661ad}.lead-modal__checkbox__input.pink:checked~.lead-modal__checkbox__control:after,.lead-modal__checkbox__input.pink:indeterminate~.lead-modal__checkbox__control:after{background-size:12px}.lead-modal__checkbox__label{color:#969696;font-size:13px;font-stretch:normal;font-style:normal;letter-spacing:.14px;line-height:normal;margin-bottom:0!important;margin-left:10px}.lead-modal__btn{background-color:#2699fb;border:none;border-radius:4px;box-shadow:none!important;color:#fff;cursor:pointer!important;display:block;font-size:14px;font-weight:700;margin-top:15px;padding:12px 10px;text-align:center;text-shadow:none!important;transition:all .2s ease-in-out;width:100%}.lead-modal__btn:active,.lead-modal__btn:hover{background-color:#337eff}.lead-modal__btn.pink{background-color:#e55c8a}.lead-modal__btn.pink:hover{background-color:#b4466a}.lead-modal__close-btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#005cfd;border:0;border-radius:50%;box-shadow:-2px 4px 4px 0 hsla(0,0%,75%,.44)!important;cursor:pointer!important;display:flex;height:35px;justify-content:center;line-height:inherit;outline:none;padding:5px 13px!important;padding-top:5px;position:absolute;right:-10px;text-shadow:none!important;top:-15px;transition:all .2s ease-in-out;width:35px;z-index:1}.lead-modal__close-btn:active,.lead-modal__close-btn:hover{background-color:#337eff}.lead-modal__close-btn.pink{background-color:#fff}.lead-modal__close-btn.pink .lead-modal__close-icon{color:#000}.lead-modal__close-btn.pink:hover .lead-modal__close-icon{color:#e55c8a;transition:all .3s ease}.lead-modal__close-icon{fill:#fff;color:#fff;display:inline-block;flex-shrink:0;height:1em;line-height:1;max-width:none;transition:all .3s ease;width:1em}.lead-modal__thank-you{align-items:center;display:flex;height:inherit;justify-content:center;min-height:400px;padding:0 15px;text-align:center}.lead-modal__thank-you h1{font-size:32px;letter-spacing:-.23px;margin-top:10px}.lead-modal__thank-you h1,.lead-modal__thank-you p{color:#1b3250;font-stretch:normal;font-style:normal;font-weight:400;line-height:normal}.lead-modal__thank-you p{font-size:16px;letter-spacing:-.11px;margin-top:5px}.lead-modal__thank-you img{border:none!important;margin:0 auto!important;max-width:100%!important;width:auto!important}.lead-modal__thank-you.hidden{display:none}.modal__container{height:100vh;left:0;overflow-y:scroll;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1000000000000}.modal__content{margin:auto 0;position:relative;width:80vw}#nprogress{pointer-events:none}#nprogress .bar{background:#223bdd;height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px #29d,0 0 5px #29d;display:block;height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}#nprogress .spinner{display:block;position:fixed;right:15px;top:15px;z-index:1031}#nprogress .spinner-icon{animation:nprogress-spinner .4s linear infinite;border-color:#29d transparent transparent #29d;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;height:18px;width:18px}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lead-modal__btn:disabled{background:#d5d5d5!important}.dateclass{width:100%}.dateclass.placeholderclass:before{color:#b8b8b8;content:attr(placeholder);width:100%}.dateclass.placeholderclass:hover:before{content:"";width:0}.lead-modal input:-webkit-autofill,.lead-modal input:-webkit-autofill:focus,.lead-modal input:-webkit-autofill:hover,.lead-modal select:-webkit-autofill,.lead-modal select:-webkit-autofill:focus,.lead-modal select:-webkit-autofill:hover,.lead-modal textarea:-webkit-autofill,.lead-modal textarea:-webkit-autofill:focus,.lead-modal textarea:-webkit-autofill:hover{-webkit-text-fill-color:#2a4975;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.lead-modal label.error{color:#fa140f;display:block;font-size:13px;line-height:1.65!important;margin-bottom:0;margin-left:0!important;width:100%}.le-text-align-center{text-align:center!important}.le-text-align-left{text-align:left!important}.le-text-align-right{text-align:right!important}.le-only-desktop{display:none!important}.le-only-mobile{display:block!important}.le-only-desktop a,.le-only-mobile a{text-decoration:none!important}@media screen and (min-width:992px){.le-newbuilder-InlineB,.le-newbuilder-LightBoxB{display:flex!important}.le-newbuilder-InlineB .lead-modal__header,.le-newbuilder-LightBoxB .lead-modal__header{max-width:50%}}@media screen and (min-width:768px){.le-only-desktop{display:block!important}.le-only-mobile{display:none!important}.le-newbuilder-InlineB .lead-modal__body,.le-newbuilder-LightBoxB .lead-modal__body{flex:1}.le-newbuilder-wrap-LightBoxB{max-width:720px!important}.le-newbuilder-wrap-InlineB{max-width:100%!important}.le-newbuilder-LightBoxB .le-only-desktop.lead-modal-image-cover{max-width:400px!important}}.lead-modal__title{margin:7px 0!important}.lead-modal__description{margin:0}.lead-modal-image-cover,.lead-modal__wrapper{border-radius:0!important}.lead-modal__form{display:block!important;margin:0}.lead-modal__image+.lead-modal__image{margin-top:0}.lead-modal__thank-you{width:100%}.le-skin-a-desktop{align-items:center;display:flex;height:100%;left:0;position:fixed;top:0;z-index:99999}.le-joinbow-btn{background:#2c87f3;border:1px solid transparent!important;box-shadow:none!important;color:#fff;cursor:pointer!important;font-size:16px;outline:none!important;padding:12px 30px;text-align:center}.le-joinbow-btn:hover{border:1px solid #fff!important}.le-joinbow-btn-mobile{background:#2c87f3;border:none!important;box-shadow:none!important;color:#fff;font-size:14px;outline:none!important;padding:12px 30px;text-align:center}.le-newbuilder-close-svg{background:#005cfd;border-radius:50%;cursor:pointer!important;height:35px;width:35px}.le-mobile-btn{height:24px;width:24px}.le-newbuilder-close-button{background:transparent;border:none;box-shadow:none;cursor:pointer!important;padding:0;width:auto!important}.le-abs-top-right{position:absolute;right:10px;top:10px}.le-abs-outer-top-right{position:absolute;right:0;top:-45px}.le-floating-desktop{bottom:40px;left:25px;position:fixed;z-index:9999}.le-floating-desktop-wrap{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fff;border-radius:5px;box-shadow:0 0 20px 0 rgba(0,0,0,.4);display:flex;padding:0 30px 0 0}.le-floating-desktop-title{color:#2a4975;font-size:20px;font-weight:700;line-height:1.5}.le-floating-desktop-desc,.le-floating-desktop-title{font-stretch:normal;font-style:normal;letter-spacing:normal;max-width:530px}.le-floating-desktop-desc{color:#2699fb;font-size:13px;font-weight:400;line-height:1.65}.le-joinbow-floating-btn{background:#2c87f3;border:1px solid transparent!important;box-shadow:none!important;color:#fff;cursor:pointer!important;font-size:14px;font-weight:500;outline:none!important;padding:12px 40px;text-align:center}.le-floating-mobile{bottom:0;left:0;position:fixed;width:100%;z-index:9999}.le-abs-outer-mobile-top-right{position:absolute;right:2px;top:-30px}.le-floating-mobile-wrap{background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.4);padding:10px 15px}.le-floating-mobile-title{color:#2a4975;font-size:18px;font-weight:600;line-height:1.5}.le-floating-mobile-desc,.le-floating-mobile-title{font-stretch:normal;font-style:normal;letter-spacing:normal}.le-floating-mobile-desc{color:#2699fb;font-size:12px;line-height:1.65}.le-tab-popup{bottom:15px;left:15px;max-width:150px;position:fixed}.le-abs-outer-mobile-top-right-2{position:absolute;right:-12px;top:-15px}.le-center-tab-popup{left:50%;max-width:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);z-index:99999999!important}.le-center-tab-popup img{max-width:100%!important}.le-checkbox-title{color:#2a4975;font-size:15px;font-stretch:normal;font-style:normal;font-weight:700;margin:13px 0!important}.lead-checkbox-container{align-items:center;cursor:pointer;display:flex;font-size:14px;line-height:1.65;margin:10px 0;position:relative}.lead-checkbox-checkmark{border:1px solid #d0d0d0;border-radius:4px;display:inline-block;flex:0 0 24px;height:24px;margin-right:8px;position:relative;vertical-align:middle}.lead-checkbox-container input{left:0;opacity:0;position:absolute;top:0}.lead-checkbox-checkmark:after{content:"";position:absolute}.lead-checkbox-container input:checked~.lead-checkbox-checkmark{background:#337eff;border:1px solid #337eff}.lead-checkbox-container input:checked~.lead-checkbox-checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:12px;left:8px;top:3px;transform:rotate(45deg);width:7px}.le-fullscreen-img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}@media screen and (min-width:768px){.lead-fullscreen-desktop-close-btn{position:fixed;right:23px;top:27px}}.lead-modal.le-buider-inline{display:block;height:auto!important;padding:10px 0 20px;position:static}.lead-modal.le-buider-inline .lead-modal__wrapper{border:1px solid #ddd;box-shadow:none}.lead-modal.le-buider-inline .lead-modal__content{max-height:none!important}.lead-modal.le-buider-inline .lead-modal__content .lead-modal__header img{-o-object-fit:fill;object-fit:fill}.le-thankyou-title{color:#2a4975!important;font-size:24px!important;margin-bottom:8px!important}.le-thankyou-subtitle{color:#2699fb!important;font-size:14px!important;margin:0!important}.lead-radio-container{align-items:center;cursor:pointer;display:flex;font-size:14px;line-height:1.65;margin:10px 0;position:relative}.lead-radio-checkmark{border:1px solid #d0d0d0;border-radius:50%;display:inline-block;flex:0 0 24px;height:24px;margin-right:8px;position:relative;vertical-align:middle}.lead-radio-container input{left:0;opacity:0;position:absolute;top:0}.lead-radio-checkmark:after{content:"";position:absolute}.lead-radio-container input:checked~.lead-radio-checkmark{background:#337eff;border:1px solid #337eff}.lead-radio-container input:checked~.lead-radio-checkmark:after{background:#fff;border-radius:50%;height:8px;left:50%;top:50%;transform:translate(-50%,-50%);width:8px}.le-newbuilder-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #d0d0d0;border-radius:4px;font-size:15px;outline:none;padding:12px 35px 12px 12px;width:100%}.le-newbuilder-select-wrapper{position:relative}.le-newbuilder-select-wrapper:after{border:2px solid #616060;border-left:transparent;border-top:transparent;content:"";height:10px;position:absolute;right:15px;top:18px;transform:rotate(45deg);width:10px}.le-buider-slider{animation:le-builder-slide .5s forwards;bottom:15px;height:auto;left:-200px;top:unset;width:420px}@keyframes le-builder-slide{to{left:15px}}@media screen and (max-width:768px){.le-buider-fullscreen,.le-buider-slider{display:none!important}}.le-skin-mobile{margin-top:64px}
1	+ .lead-modal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:transparent;display:flex;height:100%;justify-content:center;left:0;opacity:1;padding:10px;position:fixed;top:0;visibility:visible;white-space:normal!important;width:100%;z-index:99999}.lead-modal__wrapper{background-color:#fff;border-radius:6px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);max-width:450px;position:relative;width:100%}.lead-modal__content{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 125px);overflow:auto;width:inherit}.lead-modal__header{padding:0}.lead-modal__image{border:none!important;box-shadow:none!important;display:block;margin:0 auto}.lead-modal-image-logo{margin-bottom:15px;margin-top:15px}.lead-modal-image-cover{border:none!important;border-top-left-radius:4px;box-shadow:none!important;padding:0;width:100%!important}.lead-modal__body{padding:15px 15px 25px}.lead-modal__title{box-shadow:none!important;color:#2a4975!important;font-size:20px!important;font-stretch:normal!important;font-style:normal!important;font-weight:700!important;letter-spacing:-.4px!important;line-height:1.3!important;padding-bottom:0!important}.lead-modal__title.pink{color:#2661ad!important}.lead-modal__description{color:#2c87f3!important;font-size:13px!important;font-stretch:normal!important;font-style:normal!important;font-weight:400!important;letter-spacing:.14px!important;line-height:1.62!important;margin-top:10px!important}.lead-modal__description.pink{color:#3e3f58!important}.lead-modal__form-control-wrapper{display:flex;flex-direction:column;gap:8px}.lead-modal__form-control{width:100%}.lead-modal__checkbox-wrapper{align-items:center;display:flex;margin-top:15px}.lead-modal__checkbox-wrapper a{color:#2c87f3!important;text-decoration:none!important}.lead-modal__checkbox-wrapper a:visited{color:#2c87f3!important}.lead-modal__checkbox-wrapper.pink a,.lead-modal__checkbox-wrapper.pink a:visited{color:#e55c8a!important}.lead-modal__checkbox{display:inline-block;font-size:20px;position:relative;z-index:1}.lead-modal__checkbox__input{display:block;font-size:1em!important;height:1em!important;margin:0!important;opacity:0;padding:0;position:relative;width:1em!important;z-index:1}.lead-modal__checkbox__control{color:#ddd;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:transform .2s;width:100%;z-index:-1}.lead-modal__checkbox__control:after,.lead-modal__checkbox__control:before{content:"";position:absolute}.lead-modal__checkbox__control:before{background-color:currentColor;border-radius:50%;height:120%;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s;width:120%;will-change:transform}.lead-modal__checkbox__control:after{background-color:#fff;border-radius:6px;box-shadow:inset 0 0 0 1px #ddd;height:100%;left:0;top:0;width:100%}.lead-modal__checkbox__control:focus:after{box-shadow:inset 0 0 0 1px #2c87f3}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control:after,.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control:after{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:18px;box-shadow:none}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control{color:#2c87f3}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2.5 8 4 4 7-9'/%3E%3C/svg%3E")}.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control{color:var(--custom-checkbox-color-disabled)}.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 8h12'/%3E%3C/svg%3E")}.lead-modal__checkbox__input:active~.lead-modal__checkbox__control{transform:scale(.9)}.lead-modal__checkbox__input:checked:active~.lead-modal__checkbox__control,.lead-modal__checkbox__input:indeterminate:active~.lead-modal__checkbox__control{transform:scale(1)}.lead-modal__checkbox__input:focus~.lead-modal__checkbox__control:before{opacity:.2;transform:translate(-50%,-50%) scale(1)}.lead-modal__checkbox__input.pink~.lead-modal__checkbox__control:after{border-radius:50%!important}.lead-modal__checkbox__input.pink:checked~.lead-modal__checkbox__control{color:#2661ad}.lead-modal__checkbox__input.pink:checked~.lead-modal__checkbox__control:after,.lead-modal__checkbox__input.pink:indeterminate~.lead-modal__checkbox__control:after{background-size:12px}.lead-modal__checkbox__label{color:#969696;font-size:13px;font-stretch:normal;font-style:normal;letter-spacing:.14px;line-height:normal;margin-bottom:0!important;margin-left:10px}.lead-modal__btn{display:block;margin-top:15px;width:100%}.lead-modal__thank-you{align-items:center;display:flex;height:inherit;justify-content:center;min-height:400px;padding:0 15px;text-align:center}.lead-modal__thank-you h1{font-size:32px;letter-spacing:-.23px;margin-top:10px}.lead-modal__thank-you h1,.lead-modal__thank-you p{color:#1b3250;font-stretch:normal;font-style:normal;font-weight:400;line-height:normal}.lead-modal__thank-you p{font-size:16px;letter-spacing:-.11px;margin-top:5px}.lead-modal__thank-you img{border:none!important;margin:0 auto!important;max-width:100%!important;width:auto!important}.lead-modal__thank-you.hidden{display:none}.modal__container{height:100vh;left:0;overflow-y:scroll;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1000000000000}.modal__content{margin:auto 0;position:relative;width:80vw}#nprogress{pointer-events:none}#nprogress .bar{background:#223bdd;height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px #29d,0 0 5px #29d;display:block;height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}#nprogress .spinner{display:block;position:fixed;right:15px;top:15px;z-index:1031}#nprogress .spinner-icon{animation:nprogress-spinner .4s linear infinite;border-color:#29d transparent transparent #29d;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;height:18px;width:18px}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lead-modal__btn:disabled{background:#d5d5d5!important}.lead-modal input:-webkit-autofill,.lead-modal input:-webkit-autofill:focus,.lead-modal input:-webkit-autofill:hover,.lead-modal select:-webkit-autofill,.lead-modal select:-webkit-autofill:focus,.lead-modal select:-webkit-autofill:hover,.lead-modal textarea:-webkit-autofill,.lead-modal textarea:-webkit-autofill:focus,.lead-modal textarea:-webkit-autofill:hover{-webkit-text-fill-color:#2a4975;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.lead-modal label.error{color:#fa140f;display:block;font-size:13px;line-height:1.65!important;margin-bottom:0;margin-left:0!important;width:100%}.le-text-align-center{text-align:center!important}.le-text-align-left{text-align:left!important}.le-text-align-right{text-align:right!important}.le-only-desktop{display:none!important}.le-only-mobile{display:block!important}.le-only-desktop a,.le-only-mobile a{text-decoration:none!important}@media screen and (min-width:992px){.le-newbuilder-InlineB,.le-newbuilder-LightBoxB{display:flex!important}.le-newbuilder-InlineB .lead-modal__header,.le-newbuilder-LightBoxB .lead-modal__header{max-width:50%}}@media screen and (min-width:768px){.le-only-desktop{display:block!important}.le-only-mobile{display:none!important}.le-newbuilder-InlineB .lead-modal__body,.le-newbuilder-LightBoxB .lead-modal__body{flex:1}.le-newbuilder-wrap-LightBoxB{max-width:720px!important}.le-newbuilder-wrap-InlineB{max-width:100%!important}.le-newbuilder-LightBoxB .le-only-desktop.lead-modal-image-cover{max-width:400px!important}}.lead-modal__title{margin:7px 0!important}.lead-modal__description{margin:0}.lead-modal-image-cover,.lead-modal__wrapper{border-radius:0!important}.lead-modal__form{display:block!important;margin:0}.lead-modal__image+.lead-modal__image{margin-top:0}.lead-modal__thank-you{width:100%}.le-skin-a-desktop{align-items:center;display:flex;height:100%;left:0;position:fixed;top:0;z-index:99999}.le-joinbow-btn{background:#2c87f3;border:1px solid transparent!important;box-shadow:none!important;color:#fff;cursor:pointer!important;font-size:16px;outline:none!important;padding:12px 30px;text-align:center}.le-joinbow-btn:hover{border:1px solid #fff!important}.le-joinbow-btn-mobile{background:#2c87f3;border:none!important;box-shadow:none!important;color:#fff;font-size:14px;outline:none!important;padding:12px 30px;text-align:center}.le-newbuilder-close-svg{background:#005cfd;border-radius:50%;cursor:pointer!important;height:35px;width:35px}.le-mobile-btn{height:24px;width:24px}.le-newbuilder-close-button{background:transparent;border:none;box-shadow:none;cursor:pointer!important;padding:0;width:auto!important}.close-button-top-right{position:absolute;right:4px;top:4px}@media screen and (min-width:768px){.close-button-top-right{right:16px;top:16px}}.le-floating-desktop{bottom:40px;left:25px;position:fixed;z-index:9999}.le-floating-desktop-wrap{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fff;border-radius:5px;box-shadow:0 0 20px 0 rgba(0,0,0,.4);display:flex;padding:0 30px 0 0}.le-floating-desktop-title{color:#2a4975;font-size:20px;font-weight:700;line-height:1.5}.le-floating-desktop-desc,.le-floating-desktop-title{font-stretch:normal;font-style:normal;letter-spacing:normal;max-width:530px}.le-floating-desktop-desc{color:#2699fb;font-size:13px;font-weight:400;line-height:1.65}.le-joinbow-floating-btn{background:#2c87f3;border:1px solid transparent!important;box-shadow:none!important;color:#fff;cursor:pointer!important;font-size:14px;font-weight:500;outline:none!important;padding:12px 40px;text-align:center}.le-floating-mobile{bottom:0;left:0;position:fixed;width:100%;z-index:9999}.le-floating-mobile-wrap{background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.4);padding:10px 15px}.le-floating-mobile-title{color:#2a4975;font-size:18px;font-weight:600;line-height:1.5}.le-floating-mobile-desc,.le-floating-mobile-title{font-stretch:normal;font-style:normal;letter-spacing:normal}.le-floating-mobile-desc{color:#2699fb;font-size:12px;line-height:1.65}.le-tab-popup{bottom:15px;left:15px;max-width:150px;position:fixed}.le-center-tab-popup{left:50%;max-width:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);z-index:99999999!important}.le-center-tab-popup img{max-width:100%!important}.le-checkbox-title{color:#2a4975;font-size:15px;font-stretch:normal;font-style:normal;font-weight:700;margin:13px 0!important}.lead-checkbox-container{align-items:center;cursor:pointer;display:flex;font-size:14px;line-height:1.65;margin:10px 0;position:relative}.lead-checkbox-checkmark{border:1px solid #d0d0d0;border-radius:4px;display:inline-block;flex:0 0 24px;height:24px;margin-right:8px;position:relative;vertical-align:middle}.lead-checkbox-container input{left:0;opacity:0;position:absolute;top:0}.lead-checkbox-checkmark:after{content:"";position:absolute}.lead-checkbox-container input:checked~.lead-checkbox-checkmark{background:#337eff;border:1px solid #337eff}.lead-checkbox-container input:checked~.lead-checkbox-checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:12px;left:8px;top:3px;transform:rotate(45deg);width:7px}.le-fullscreen-img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}@media screen and (min-width:768px){.lead-fullscreen-desktop-close-btn{position:fixed;right:23px;top:27px}}.lead-modal.le-buider-inline{display:block;height:auto!important;padding:10px 0 20px;position:static}.lead-modal.le-buider-inline .lead-modal__wrapper{border:1px solid #ddd;box-shadow:none}.lead-modal.le-buider-inline .lead-modal__content{max-height:none!important}.lead-modal.le-buider-inline .lead-modal__content .lead-modal__header img{-o-object-fit:fill;object-fit:fill}.le-thankyou-title{color:#2a4975!important;font-size:24px!important;margin-bottom:8px!important}.le-thankyou-subtitle{color:#2699fb!important;font-size:14px!important;margin:0!important}.le-buider-slider{animation:le-builder-slide .5s forwards;bottom:15px;height:auto;left:-200px;top:unset;width:420px}@keyframes le-builder-slide{to{left:15px}}@media screen and (max-width:768px){.le-buider-fullscreen,.le-buider-slider{display:none!important}}.le-skin-mobile{margin-top:64px}.lead-phone-otp-wrapper{position:relative}.lead-phone-otp-wrapper .lead-phone-otp-button{position:absolute;right:0;top:0}.lead-phone-otp-button{border-radius:0 6px 6px 0;height:100%;padding:0 10px}

package/build/esm/lead.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{c as e,_ as a,a as t,d as l,e as n}from"./tslib.es6-35559a01.js";import o,{useState as r,createContext as i,useMemo as c,useContext as d,useEffect as s,useRef as m}from"react";import u from"lodash/debounce";import{createPortal as p}from"react-dom";import{T as g}from"./translationsContext-dd8efa79.js";import{g as h,s as v}from"./cookieHelper-976f42d9.js";import{b,a as f}from"./utils-9cd9b77f.js";import{v1 as k}from"uuid";import{u as y}from"./useTranslations-2f1b3d5f.js";import"dayjs";import"./screenSizeContext-20344057.js";import"styled-components";import"./index-103a41c7.js";import"./isProduction-01c83152.js";import"./Locale-69a52356.js";import"./gAssets.js";import"string-format";import"lodash/throttle";var _=function(e){var a=e.onClose,t=e.containerClassName,l=e.svgClassName;return o.createElement("button",{onClick:a,className:"le-newbuilder-close-button js-modal__close ".concat(t\|\|"")},o.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"},o.createElement("defs",null,o.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},o.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),o.createElement("feFlood",{floodOpacity:".4"}),o.createElement("feComposite",{in2:"blur",operator:"in"}),o.createElement("feComposite",{in:"SourceGraphic"})),o.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),o.createElement("g",{filter:"url(#Ellipse_482)"},o.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"})),o.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),o.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},E=function(e){var a=e.popupId,t=e.url,l=e.newTab,n=e.imageDestkop,r=e.imageMobile,i=e.onClose,c=e.onOtherSubmit;return o.createElement("div",{id:a,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},o.createElement("div",{className:"le-center-tab-popup"},o.createElement("div",{style:{position:"relative"}},o.createElement("a",{className:"js-popup-other-submit",href:t,target:l?"blank":"_parent",onClick:c},o.createElement("img",{className:"le-only-mobile",src:r}),o.createElement("img",{className:"le-only-desktop",src:n})),o.createElement(_,{onClose:i,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},N=function(e){var a=e.popupId,t=e.url,l=e.title,n=e.urlText,r=e.titleAlign,i=e.subtitle,c=e.subtitleAlign,d=e.newTab,s=e.imageDesktop,m=e.imageMobile,u=e.onClose,p=e.onOtherSubmit;return o.createElement("div",{id:a,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},o.createElement("aside",{className:"le-only-desktop"},o.createElement("div",{className:"le-floating-desktop"},o.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},s?o.createElement("div",null,o.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:s})):null,o.createElement("div",{style:{padding:20}},o.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(r)},l),o.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(c)},i)),o.createElement("a",{target:d?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},o.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:p},n)),o.createElement(_,{onClose:u,containerClassName:"le-abs-outer-top-right"})))),o.createElement("aside",{className:"le-only-mobile"},o.createElement("div",{className:"le-floating-mobile"},o.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},o.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},o.createElement("div",null,o.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(r)},l),o.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(c)},i)),m?o.createElement("div",null,o.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:m})):null),o.createElement("div",{style:{textAlign:"center",marginTop:10}},o.createElement("a",{target:d?"blank":"_parent",href:t,style:{textDecoration:"none"}},o.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:p},n))),o.createElement(_,{onClose:u,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},w={LINKS:1,TAGS:2},x="https://dev.leadgen.hellobacsi.com/",C={MOBILE:1,DESKTOP:2},S="";x.includes("localhost")&&(x="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(S="pink");var B="https://"+location.hostname+location.pathname+location.search;B=B.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var T={"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}},L=T[document.documentElement.lang]\|\|T["vi-VN"];var O=new function(){this.apiLeadUrl="https://dev.leadgen.hellobacsi.com/",this.apiSubotUrl="https://staging-service-subot.hellohealthgroup.com/"},j=function(a){var t=a.url,l=a.data,n=void 0===l?void 0:l,o=e(a,["url","data"]);return o.body=JSON.stringify(n),o.headers={"Content-Type":"application/json"},fetch("".concat(O.apiLeadUrl).concat(t),o).then((function(e){return e.json()})).catch((function(e){return{}}))},P=function(a){var t=a.url,l=a.data,n=e(a,["url","data"]);return n.body=JSON.stringify(l),n.headers={"Content-Type":"application/json"},fetch("".concat(O.apiSubotUrl).concat(t),n).then((function(e){return e.json()})).catch((function(e){return{}}))},I={campaignGetById:function(e){return j({url:"api/internal/campaign/".concat(e),method:"get"})},validateEmailOrPhoneOnSubot:function(e){var a=e.bot_id,t=e.email,l=e.phone;return l&&l.startsWith("0")&&(l=l.substring(1)),P({url:"frontend/api/subot-campaign/check",method:"post",data:{bot_id:a,email:t,phone:l}})},validateEmailOrPhoneOnLeadGen:function(e){var a=e.campaign_id,t=e.email,l=e.phone;return l&&l.startsWith("0")&&(l=l.substring(1)),j({url:"api/subot-campaign/check",method:"post",data:{campaign_id:a,email:t,phone:l}})}};var A=function(e){for(var a=t([],e,!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 U(e){var l=e.leadApi,n=e.leadSiteId,o=e.leadDomain,r=e.onShowPopup,i=e.DEBUG_URL\|\|("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(l+"api/campaign/"+n,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:i,ga_client_id:h("_ga")\|\|null})}).then((function(e){return e.json()})).then((function(e){var l,n,c;if(console.log("List campagin: ",e),B="https://"+location.hostname+location.pathname+location.search,1==e._status){var d=e._data.campaigns;h("hhg-id")\|\|(v("hhg-id",k(),{domain:"."+o,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)?d.filter((function(e){return e.device_types.some((function(e){return e.id==C.MOBILE}))})):d.filter((function(e){return e.device_types.some((function(e){return e.id==C.DESKTOP}))})),console.log("👓 campaignsDevice",s);var m=s.map((function(e,t){return e.targets.filter((function(e){return e.type==w.LINKS})).map((function(e){return a(a({},e),{campaignIndex:t})}))})).flat(1);m=m.filter((function(e){var a=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(i===a.href):"start_with"==e.option?!!i.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(i):void 0}));var u=Array.from(document.getElementsByTagName("META")).filter((function(e){return"article:tag"==e.getAttribute("property")})).map((function(e){return e.content})),p=[];u&&u.length&&(p=s.map((function(e,t){return e.targets.filter((function(e){return e.type==w.TAGS})).map((function(e){return a(a({},e),{campaignIndex:t})}))})).flat(1).filter((function(e){return u.includes(e.target)})));var g=t(t([],m,!0),p,!0),b=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),f=b.filter((function(e){return e.includes("lead_submited")}));console.log("--listCampaignCodeSubmited",f);var y=b.filter((function(e){return e.includes("lead_closed")}));console.log("--listCampaignCodeClosed",y);var _=t(t([],f,!0),y,!0),E=g.filter((function(e){return!_.some((function(a){return a.includes(s[e.campaignIndex].code)}))})),N=A(E);if(console.log("--listCampaignValid : ",N),N&&N.length){var x=s[N[0].campaignIndex];console.log("CAMPAIGN_SHOW",x);var S=x.rules,T=Number(null===(l=S.find((function(e){return"time"==e.rule})))\|\|void 0===l?void 0:l.value);console.log("timeoutRule",T);var L=Number(null===(n=S.find((function(e){return"scroll"==e.rule})))\|\|void 0===n?void 0:n.value);console.log("scrollRule",L);var O=Number(null===(c=S.find((function(e){return"exclude_sponsored"==e.rule})))\|\|void 0===c?void 0:c.value);console.log("excludeSponsored",O);var j=Boolean(document.querySelector(".hhg-disclaimer-text"));if(console.log("💎 LEAD current page isSponsored",j),j&&O)return;var P="TIME";if(Number.isInteger(T)&&(P="TIME",console.log("✨ SHOW AWESOME POPUP AFTER: ",T," seconds"),setTimeout((function(){null==r\|\|r(x,P)}),1e3T)),Number.isInteger(L)){P="SCROLL",console.log("✨ SHOW AWESOME AFTER: SCROLL",L," %");var I=document.querySelector('[data-url="'.concat(location.pathname,'"]'))\|\|document.querySelector("body"),U=I.getBoundingClientRect().top,D=I.offsetHeight;console.log("👓 Element check scroll: ",I);var M=function(){var e=window.pageYOffset\|\|document.documentElement.scrollTop,a=0;e>=U&&(a=Math.round((e-U)/(D-innerHeight)100)),console.log("---Scroll",a,L),a>=L&&(window.removeEventListener("scroll",M),null==r\|\|r(x,P))};window.addEventListener("scroll",M)}}else console.log("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){console.error("Lead error: ",e)}))}function D(e,t){var o=this,i=y().t,c=r({email:"",phone:""}),d=c[0],s=c[1],m=r(!1),u=m[0],p=m[1];return{errorField:d,loadingValidate:u,inputOnBlur:function(r,c){return l(o,void 0,void 0,(function(){var l,o,m,u,g,h,v,b,f,k;return n(this,(function(n){switch(n.label){case 0:if(l="",o="",m=c.target.value,"email"===r&&/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+))\|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])\|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(m).toLowerCase())?(l="email",o=i("validator.emailUsed")):"tel"===r&&window.intlTelInputUtils.isValidNumber(String(m),L.countryCode)&&(l="phone",o=i("validator.phoneUsed")),!l)return[2];n.label=1;case 1:return n.trys.push([1,5,,6]),p(!0),[4,I.validateEmailOrPhoneOnLeadGen((h={campaign_id:[e]},h[l]=m,h))];case 2:return"SubmitLeadWithBotId_ERR_001"===(u=n.sent())._errorCode\|\|"SubmitLeadWithBotId_ERR_002"===u._errorCode?(s(a(a({},d),((v={})[l]=o,v))),p(!1),[2]):t.length?[4,I.validateEmailOrPhoneOnSubot((b={bot_id:t},b[l]=m,b))]:[3,4];case 3:if("CheckSuBotLeadTool_ERR_001"===n.sent()._errorCode)return s(a(a({},d),((f={})[l]=o,f))),p(!1),[2];n.label=4;case 4:return s(a(a({},d),((k={})[l]="",k))),[3,6];case 5:return g=n.sent(),console.log("err",g),[3,6];case 6:return p(!1),[2]}}))}))}}}var M=i({}),H=function(e){var a=e.title,t=e.titleAlign,l=e.subtitle,n=e.subtitleAlign,r=e.link,i=e.linkNewTab,c=e.linkText,d=e.image;return o.createElement("div",{className:"lead-modal__thank-you"},o.createElement("div",{style:{width:"100%"}},o.createElement("img",{src:d,style:{maxHeight:162,objectFit:"cover"}}),a&&o.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(t)},a),l&&o.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(n)},l),c&&o.createElement("div",null,o.createElement("a",{href:r,target:i?"_blank":"parrent",rel:"noreferrer"},o.createElement("button",{className:"lead-modal__btn ".concat(S)},c)))))},q=function(e){var a=e.content,l=e.inlinePosition,n=c((function(){if(!l)return null;var e=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),a=Array.from(e).reduce((function(e,a){return t(t([],e,!0),Array.from(a.children),!0)}),[]);if(null==a?void 0:a.length){var n=a.filter((function(e){return"P"===e.nodeName})),o=a.filter((function(e){return"H2"===e.nodeName})),r=null;switch(l){case"1th":r=n[0];break;case"2th":r=n[1];break;case"3th":r=n[2];break;case"4th":r=n[3];break;case"5th":r=n[4];break;case"6th":r=n[5];break;case"7th":r=n[6];break;case"8th":r=n[7];break;case"9th":r=n[8];break;case"10th":r=n[9];break;case"11th":r=n[10];break;case"12th":r=n[11];break;case"lastP":r=n[n.length-1];break;case"1thH2":r=o[0];break;case"2thH2":r=o[1];break;case"3thH2":r=o[2];break;case"4thH2":r=o[3];break;case"5thH2":r=o[4];break;case"6thH2":r=o[5];break;case"7thH2":r=o[6];break;case"8thH2":r=o[7];break;case"9thH2":r=o[8];break;case"10thH2":r=o[9];break;case"lastH2":r=o[o.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}}}),[l]);return l&&n?p(a,n):null},V=function(e){var a=e.content,t=c((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 a=document.createElement("div");a.classList.add("sidebar-lead-modal-wrapper"),e.prepend(a)}})),e.map((function(e){return e.querySelector(".sidebar-lead-modal-wrapper")}))}),[]);return o.createElement(o.Fragment,null,t.map((function(e){return p(a,b(e,"sidebar-lead-modal-wrapper"))})))},R=function(e){var a,t,i,m=e.popupId,u=e.extraFields,p=e.onClose,g=e.onOtherSubmit,h=e.imageMobile,v=e.imageDesktop,b=e.imageOverlayMobile,f=e.imageOverlayDesktop,k=e.imageBackground,_=e.currentLayout,E=e.title,N=e.onSubmit,w=e.showThankyou,x=e.campaignId,C=e.campaign_subot_id,B=y().t,T=JSON.parse(u.listBlockAdded),O=JSON.parse(u.actionBlocks),j=JSON.parse(u.textBlocks),P=d(M).apiUrl,I=O.submitBlock.data.url,A=O.submitBlock.data.text,U=O.submitBlock.data.text2,R=O.submitBlock.data.value,F=location.pathname,W=D(x,C),J=W.errorField,G=W.loadingValidate,Y=W.inputOnBlur,z=_.includes("Inline")\|\|"Sidebar"===_,K="Slider"===_,Q=r(!0),X=Q[0],Z=Q[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(_))return console.log("😎 Not show fullscreen, slider on mobile "),null;s((function(){(_.includes("LightBox")\|\|"Fullscreen"==_)&&document.body.classList.add("noscroll")}),[]);var $=function(e,a){return l(void 0,void 0,void 0,(function(){return n(this,(function(t){switch(t.label){case 0:return a.target.validity.valueMissing?(a.target.setCustomValidity(B("validator.required")),[3,6]):[3,1];case 1:return a.target.validity.valid\|\|a.target.validity.customError?[3,2]:("tel"===e?a.target.setCustomValidity(B("validator.phone")):"date"===e?a.target.setCustomValidity(B("validator.date")):"email"===e&&a.target.setCustomValidity(B("validator.email")),[3,6]);case 2:return"tel"!==e?[3,5]:window.intlTelInputUtils?[3,4]:[4,require("intl-tel-input/build/js/utils")];case 3:t.sent(),t.label=4;case 4:return window.intlTelInputUtils.isValidNumber(String(a.target.value),L.countryCode)?a.target.setCustomValidity(""):a.target.setCustomValidity(B("validator.phone")),[3,6];case 5:a.target.setCustomValidity(""),t.label=6;case 6:return[2]}}))}))},ee=c((function(){var e={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return T.map((function(a,t){var l,n,r;if("TitleBlock"==a.name)return o.createElement("h2",{key:t,className:"lead-modal__title ".concat("le-text-align-"+((null===(l=a.data)\|\|void 0===l?void 0:l.align)\|\|"")," ").concat(S)},a.data.value);if("SubtitleBlock"==a.name)return o.createElement("p",{key:t,className:"lead-modal__description ".concat("le-text-align-"+((null===(n=a.data)\|\|void 0===n?void 0:n.align)\|\|"")," ").concat(S)},a.data.value);if("TextBlock"==a.name)return e.TextBlock+=1,o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":a.data.value,name:"text"+(e.TextBlock>1?e.TextBlock:""),spellCheck:!1,type:"text",placeholder:a.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return $("text",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(P,"admin/img/builder/text.svg")})));if("NumberBlock"==a.name){var i=o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":a.data.value,name:"number"+(e.NumberBlock?e.NumberBlock:""),spellCheck:!1,type:"number",min:"0",placeholder:a.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return $("number",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(P,"admin/img/builder/number.svg")})));return e.NumberBlock+=1,i}if("EmailBlock"==a.name){i=o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":a.data.value,name:"email"+(e.EmailBlock?e.EmailBlock:""),spellCheck:!1,type:"email",placeholder:a.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return $("email",e)},onBlur:function(e){return Y("email",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(P,"admin/img/builder/email.svg")})),J.email&&o.createElement("label",{className:"error"},J.email));return e.EmailBlock+=1,i}if("PhoneBlock"==a.name){i=o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":a.data.value,name:"tel"+(e.PhoneBlock?e.PhoneBlock:""),spellCheck:!1,type:"tel",placeholder:a.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return $("tel",e)},onBlur:function(e){return Y("tel",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(P,"admin/img/builder/tel.svg")})),J.phone&&o.createElement("label",{className:"error"},J.phone));return e.PhoneBlock+=1,i}if("DateBlock"==a.name){i=o.createElement("div",null,o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,type:"date","data-key":a.data.value,name:"date"+(e.DateBlock?e.DateBlock:""),placeholder:a.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 $("date",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(P,"admin/img/builder/date.svg")})));return e.DateBlock+=1,i}if("LinkButtonBlock"==a.name)return o.createElement("div",{key:t},o.createElement("a",{target:a.data.newtab?"blank":"parrent",href:a.data.url,style:{textDecoration:"none"}},o.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(S),onClick:function(){null==p\|\|p(),null==g\|\|g()}},a.data.value)));if("CheckboxBlock"==a.name){var c=a.data,d=c.listQuestion,s=c.isSendMailChimp,m=void 0!==s&&s;i=o.createElement("div",{key:t,style:{margin:"5px 0"}},o.createElement("div",{className:"le-checkbox-title"},a.data.placeholder),o.createElement("div",{className:"mailchimp-".concat(null===(r=a.data.value)\|\|void 0===r?void 0:r.replace(/\s/gi,"_")),"data-mailchimp":m}),d.map((function(t,l){return o.createElement("label",{key:l,className:"lead-checkbox-container"},o.createElement("input",{"data-key":a.data.value,name:"checkbox"+(e.CheckboxBlock?e.CheckboxBlock:"")+"[]",value:t.value,type:"checkbox",onChange:function(e){return $("checkbox",e)}}),o.createElement("span",{className:"lead-checkbox-checkmark"}),t.placeholder)})));return e.CheckboxBlock+=1,i}if("RadioBlock"==a.name){d=a.data.listQuestion,i=o.createElement("div",{key:t,style:{margin:"5px 0"}},o.createElement("div",{className:"le-checkbox-title"},a.data.placeholder),d.map((function(t,l){return o.createElement("label",{className:"lead-radio-container",key:l},o.createElement("input",{"data-key":a.data.value,name:"radio"+(e.RadioBlock?e.RadioBlock:""),value:t.value,type:"radio",onChange:function(e){return $("radio",e)}}),o.createElement("span",{className:"lead-radio-checkmark"}),t.placeholder)})));return e.RadioBlock+=1,i}if("DropdownBlock"==a.name){d=a.data.listQuestion,i=o.createElement("div",{key:t,style:{margin:"5px 0"}},o.createElement("div",{className:"le-checkbox-title"},a.data.placeholder),o.createElement("div",{className:"le-newbuilder-select-wrapper"},o.createElement("select",{className:"le-newbuilder-select","data-key":a.data.value,name:"dropdown"+(e.DropdownBlock?e.DropdownBlock:"")},d.map((function(e,a){return o.createElement("option",{key:a,value:e.value},e.placeholder)})))));return e.DropdownBlock+=1,i}}))}),[J.email,J.phone]),ae=o.createElement(o.Fragment,null,o.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n background: url(".concat(b,") ;\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(f,") ;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }")}}),o.createElement("div",{id:m,"data-popup-url":F,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(z?"le-buider-inline":""," ").concat(K?"le-buider-slider":"")},"Fullscreen"==_?o.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:k\|\|""}):null,o.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(_)},o.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(_)},w?o.createElement(H,{title:w.title,titleAlign:w.titleAlign,subtitle:w.subtitle,subtitleAlign:w.subtitleAlign,link:w.link,linkNewTab:w.linkNewTab,linkText:w.linkText,image:w.image}):o.createElement(o.Fragment,null,o.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(_)?h?o.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:h,alt:""}):null:o.createElement(o.Fragment,null,v?o.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:v,alt:""}):null,h?o.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:h,alt:""}):null)),o.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},o.createElement("form",{className:"lead-modal__form ".concat(m),onSubmit:function(e){e.preventDefault(),G\|\|J.email\|\|J.phone\|\|N(e)}},o.createElement("div",{style:{marginBottom:20}},o.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(a=j.titleBlock.data)\|\|void 0===a?void 0:a.align)," ").concat(S)},E),o.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(t=j.titleBlock.data)\|\|void 0===t?void 0:t.align)," ").concat(S)},j.subtitleBlock.data.value)),o.createElement("div",null,ee),(null===(i=null==O?void 0:O.submitBlock)\|\|void 0===i?void 0:i.isHide)?null:o.createElement(o.Fragment,null,o.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(S)},o.createElement("div",{className:"lead-modal__checkbox"},o.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(S),type:"checkbox","aria-label":"Checkbox label",checked:X,onChange:function(e){return Z(e.currentTarget.checked)}}),o.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),o.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},A," ",o.createElement("span",{style:{fontWeight:"bold"}},o.createElement("a",{target:"blank",href:I\|\|"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},U)))),o.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(S),disabled:!X},R)))))),!_.includes("Inline")&&o.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==_?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(S),onClick:p},o.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},o.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},o.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),o.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))))));return _.includes("LightBox")\|\|"Fullscreen"==_\|\|"Slider"==_?ae:"Sidebar"==_?o.createElement(V,{content:ae}):_.includes("Inline")?o.createElement(q,{content:ae,inlinePosition:u.popupInlinePosition}):null},F=function(e){var a=e.popupId,t=e.link,l=e.linkText,n=e.linkNewTab,r=e.onClose,i=e.imageMobile,c=e.imageDesktop,d=e.currentLayout,s=e.onOtherSubmit,m=location.pathname;return o.createElement("div",{id:a,className:"lead-modal-wrapper","data-popup-url":m,"data-popup-type":"skin_ab"},"SkinA"==d?o.createElement("aside",{className:"le-only-desktop"},o.createElement("div",{className:"le-skin-a-desktop"},o.createElement("div",{style:{position:"relative"}},o.createElement("img",{src:c}),o.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:t,target:n?"blank":"_parent"},o.createElement("button",{onClick:s,className:"le-joinbow-btn js-popup-other-submit"},l)),o.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(S)},o.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},o.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},o.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),o.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))):"SkinB"==d?o.createElement("aside",{className:"le-only-desktop"},o.createElement("div",{className:""},o.createElement("div",{style:{position:"relative",zIndex:1e4}},o.createElement("img",{src:c,style:{width:"100%"}}),o.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:t,target:n?"blank":"_parent"},o.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),o.createElement(_,{containerClassName:"le-abs-top-right",onClose:r})))):null,o.createElement("aside",{className:"le-only-mobile"},o.createElement("div",{className:"le-skin-mobile"},o.createElement("div",{style:{position:"relative"}},o.createElement("img",{src:i,style:{width:"100%"}}),o.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:t,target:n?"blank":"_parent"},o.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),o.createElement(_,{containerClassName:"le-abs-top-right",svgClassName:"le-mobile-btn",onClose:r})))))},W=function(e){var a=e.popupId,t=e.url,l=e.newTab,n=e.image,r=e.onClose,i=e.onOtherSubmit;return o.createElement("div",{id:a,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},o.createElement("div",{className:"le-tab-popup"},o.createElement("div",{style:{position:"relative"}},o.createElement("a",{href:t,target:l?"blank":"_parent",onClick:i},o.createElement("img",{className:"js-popup-other-submit",src:n})),o.createElement(_,{onClose:r,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var J=function(e){var a,t,l=e.campaign,n=e.action,r=e.onSubmit,i=e.onClose,c=e.showThankyou;y().t;var u=d(M),p=u.apiUrl,g=u.siteDomain;s((function(){var e=h("_ga")\|\|null;fetch("".concat(p,"api/campaign/").concat(w,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:n,url:location.href.toLowerCase(),title_article:document.title,cookie_id:h("hhg-id"),ga_client_id:e})})}),[]);var b=l.extra_fields,f=l.image,_=l.image_desktop,w=l.code,x=l.image_background,C=l.image_overlay_mobile,S=l.image_overlay_desktop,B=b.currentLayout,T=b.imageBlocks?JSON.parse(b.imageBlocks):{},L=JSON.parse(b.actionBlocks),O=JSON.parse(b.textBlocks),j=(null===(t=null===(a=null==O?void 0:O.titleBlock)\|\|void 0===a?void 0:a.data)\|\|void 0===t?void 0:t.value)\|\|"",P={1:{},2:{},3:{}},I=m("lead-modal-"+k()),A=function(e){if(void 0===e&&(e="Xin chao {{category_2}} extra"),e.includes("{{category_")){var a="{{category_".length,t=e.search("{{category_");return+e.charAt(a+t)}return null}(j);if(A){console.log("⚡️ Has categoryLevel",A);var U=Array.from(document.getElementsByTagName("META")),D=U.find((function(e){return e.name==="content_category_".concat(A)})),H=U.find((function(e){return e.name==="content_category_en_".concat(A)}));if(!D\|\|!H)return console.log("⚡️ No META TAG for categoryLevel, not show popup",A),null;P[A]={value:D.content,value_en:H.content},j=j.replace("{{category_".concat(A,"}}"),D.content),console.log("⚡️ Set categoryData ",A)}else console.log("⚡️ No categoryLevel",A);var q=function(){var e,a,t,n;if(console.log("👌 Other submit click"),document.body.classList.remove("noscroll"),B.includes("Skin")){var o=document.querySelector("#masthead");o&&(o.style.top="0px !important;")}var r=Number(null!==(a=null===(e=l.rules.find((function(e){return"days_to_show_again"==e.rule})))\|\|void 0===e?void 0:e.value)&&void 0!==a?a:7),c=Number(null!==(n=null===(t=l.rules.find((function(e){return"show_again_after_submit"==e.rule})))\|\|void 0===t?void 0:t.value)&&void 0!==n?n:0);0===c&&(console.log("⛔ Popup never show again!"),v("lead_submited_".concat(w),"target_".concat(b.popupVersion),{domain:"."+g,path:"/"})),1==c&&(console.log("⌛ Popup will show again after ".concat(r," days!")),v("lead_submited_".concat(w),"target_".concat(b.popupVersion),{domain:"."+g,days:r,path:"/"}));var d=h("_ga")\|\|null,s={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:h("hhg-id"),ga_client_id:d};A&&(s.category=P[A].value_en),fetch("".concat(p,"api/campaign/").concat(w,"/lead"),{method:"POST",body:JSON.stringify(s),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==i\|\|i()};return"CenterTab"===B?o.createElement(E,{popupId:I.current,url:T.imageMobile.data.url,newTab:T.imageMobile.data.newtab,imageMobile:f,imageDestkop:_,onClose:i,onOtherSubmit:q}):"Tab"===B?o.createElement(W,{popupId:I.current,url:T.imageMobile.data.url,newTab:T.imageMobile.data.newtab,image:f,onClose:i,onOtherSubmit:q}):"Floating"===B?o.createElement(N,{popupId:I.current,title:j,titleAlign:O.titleBlock.data.align,subtitle:O.subtitleBlock.data.value,subtitleAlign:O.subtitleBlock.data.align,url:L.linkButtonBlock.data.url,urlText:L.linkButtonBlock.data.value,newTab:L.linkButtonBlock.data.newtab,imageMobile:f,imageDesktop:_,onClose:i,onOtherSubmit:q}):B.includes("LightBox")\|\|B.includes("Inline")\|\|"Fullscreen"==B\|\|"Sidebar"==B\|\|"Slider"==B?o.createElement(R,{popupId:I.current,extraFields:b,onClose:i,onOtherSubmit:q,imageMobile:f,imageDesktop:_,imageBackground:x,currentLayout:B,title:j,onSubmit:function(e){return r(e,A,P,I.current)},key:B,imageOverlayDesktop:S,imageOverlayMobile:C,showThankyou:c,campaignId:l.id,campaign_subot_id:l.bot_id\|\|[]}):B.includes("Skin")?o.createElement(F,{popupId:I.current,link:L.linkButtonBlock.data.url,linkNewTab:!!L.linkButtonBlock.data.newtab,linkText:L.linkButtonBlock.data.value,onClose:i,onOtherSubmit:q,imageMobile:f,imageDesktop:_,currentLayout:B}):null},G=function(e){var a=e.campaign,t=e.action,i=e.onSubmit,c=e.onClose,m=e.showThankyou,u=y().t,p=r(!0),g=p[0],v=p[1];s((function(){document.body.classList.add("noscroll");var e=h("_ga")\|\|null;fetch("".concat(B,"api/campaign/").concat(k,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:t\|\|"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:h("hhg-id"),ga_client_id:e})})}),[]);var b=a.extra_fields,f=a.image,k=a.code,_=b.title,E=b.desc,N=b.submit,w=b.popUpTermURL,x=b.popUpTermAgreeText,C=b.popUpTermText,B=d(M).apiUrl,T=b.fields?JSON.parse(b.fields):[],O={tel:0,text:0,date:0,email:0},j=function(e,a){return l(void 0,void 0,void 0,(function(){return n(this,(function(t){switch(t.label){case 0:return a.target.validity.valueMissing?(a.target.setCustomValidity(u("validator.required")),[3,5]):[3,1];case 1:return a.target.validity.valid\|\|a.target.validity.customError?[3,2]:("tel"===e?a.target.setCustomValidity(u("validator.phone")):"date"===e?a.target.setCustomValidity(u("validator.date")):"email"===e&&a.target.setCustomValidity(u("validator.email")),[3,5]);case 2:return"tel"!==e?[3,4]:[4,require("intl-tel-input")];case 3:return t.sent().isValidNumber(String(a.target.value),L.countryCode)?a.target.setCustomValidity(""):a.target.setCustomValidity(u("validator.phone")),[3,5];case 4:a.target.setCustomValidity(""),t.label=5;case 5:return[2]}}))}))},P=T.map((function(e,a){var t=o.createElement(o.Fragment,null);return t="date"==e.control?o.createElement("div",{key:a,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,type:"date","data-key":e.listEdit[0].value,name:O.date?e.control+O.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(a){return j(e.control,a)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(B,"admin/img/builder/").concat(e.name,".svg")})):o.createElement("div",{key:a,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":e.listEdit[0].value,name:O[e.control]?e.control+O[e.control]:e.control,spellCheck:!1,type:e.control,placeholder:e.listEdit[1].value\|\|"...",className:"lead-modal__form-control width-100%",onChange:function(a){return j(e.control,a)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(B,"admin/img/builder/").concat(e.name,".svg")})),"date"==e.control&&(O.date+=1),"text"==e.control&&(O.text+=1),"tel"==e.control&&(O.tel+=1),"email"==e.control&&(O.email+=1),t}));return o.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},o.createElement("div",{className:"lead-modal__wrapper animate__animated "},o.createElement("div",{className:"lead-modal__content"},m?o.createElement(H,{title:m.title,titleAlign:m.titleAlign,subtitle:m.subtitle,subtitleAlign:m.subtitleAlign,link:m.link,linkNewTab:m.linkNewTab,linkText:m.linkText,image:m.image}):o.createElement(o.Fragment,null,o.createElement("header",{className:"lead-modal__header"},!!f&&o.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:f,alt:""})),o.createElement("div",{className:"lead-modal__body"},o.createElement("h2",{className:"lead-modal__title ".concat(S)},_),o.createElement("p",{className:"lead-modal__description ".concat(S)},E),o.createElement("form",{className:"lead-modal__form",onSubmit:function(e){e.preventDefault(),i(e)}},P,o.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(S)},o.createElement("div",{className:"lead-modal__checkbox"},o.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(S),type:"checkbox","aria-label":"Checkbox label",checked:g,onChange:function(e){return v(e.currentTarget.checked)}}),o.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),o.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},x," ",o.createElement("span",{style:{fontWeight:"bold"}},o.createElement("a",{target:"blank",href:w\|\|"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},C)))),o.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(S),disabled:!g},N))))),o.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(S),onClick:c},o.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},o.createElement("title",null,"Close modal window"),o.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},o.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),o.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},Y=function(e){var a=e.campaign,t=e.action,l=e.onSubmit,n=e.onClose,r=e.showThankyou;return a.extra_fields?"2.1"==a.extra_fields.popupVersion?o.createElement(J,{campaign:a,action:t,onSubmit:l,onClose:n,showThankyou:r}):o.createElement(G,{campaign:a,action:t,onSubmit:l,onClose:n,showThankyou:r}):null},z={"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}.","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},K={"en-PH":z,"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","validator.emailUsed":"Email này đã được sử dụng cho chiến dịch.","validator.phoneUsed":"Số điện thoại này đã được sử dụng cho chiến dịch."},"hi-IN":{"validator.required":"इस क्षेत्र की आवश्यकता है।","validator.email":"कृपया एक मान्य ईमेल पता दर्ज करें","validator.number":"कृपया एक वैध संख्या दर्ज करें","validator.digits":"कृपया केवल अंक दर्ज करें","validator.maxlength":"कृपया {0} अक्षर से अधिक दर्ज न करें","validator.minlength":"कृपया कम से कम {0} अक्षर दर्ज करें","validator.phone":"कृपया एक वैध संख्या दर्ज करें","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"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","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"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.","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"my-MM":{"validator.required":"ဒီနေရာမှာ ဖြည့်ဖို့ လိုအပ်ပါတယ်","validator.email":"မှန်ကန်သော အီးမေးလ်လိပ်စာထည့်သွင်းပါ","validator.number":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.digits":"နံပါတ်များသာဖြည့်ပါ","validator.maxlength":"ကျေးဇူးပြု၍ {0} ထပ်မပိုသော ဂဏန်းများသာဖြည့်ပါ","validator.minlength":"ကျေးဇူးပြု၍ အနည်းဆုံး {0} ဂဏန်းဖြည့်ပါ","validator.phone":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"km-KH":{"validator.required":"ព័ត៌មានចាំបាច់ដែលត្រូវបំពេញ","validator.email":"សូមវាយអាសយដ្ឋានអ៊ីម៉ែលឲ្យបានត្រឹមត្រូវ","validator.number":"សូមវាយបញ្ចូលលេខឲ្យបានត្រឹមត្រូវ","validator.digits":"វាយបញ្ចូលបានតែលេខប៉ុណ្ណោះ","validator.maxlength":"សូមវាយបញ្ចូលកុំឲ្យលើស {0} តួអក្សរ","validator.minlength":"សូមវាយបញ្ចូលតិចបំផុត {0} តួអក្ស","validator.phone":"សូមវាយបញ្ចូលលេខឲ្យបានត្រឹមត្រូវ","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"zh-TW":{"validator.required":"此為必填欄位","validator.email":"請填入有效的 email 地址","validator.number":"請填入有效的電話號碼","validator.digits":"此欄位僅能輸入數字","validator.maxlength":"請輸入少於 {0} 位數","validator.minlength":"請輸入至少 {0} 位數","validator.phone":"請填入有效的電話號碼","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"th-TH":{"validator.required":"ต้องระบุข้อมูลในช่องนี้","validator.email":"กรุณาใส่อีเมล์ที่ถูกต้อง","validator.number":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.digits":"กรุณาส่เฉพาะตัวเลข","validator.maxlength":"กรุณาใส่ตัวเลขมากกว่า {0} หลัก","validator.minlength":"กรุณาใส่ตัวเลขอย่างน้อย {0} หลัก","validator.phone":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"tl-PH":z},Q=function(e){var a=K[e];return a\|\|K["en-PH"]},X=function(e){var a=e.apiUrl,t=e.siteDomain,i=e.siteId,d=e.locale,b=e.apiSubotUrl,k=e.DEBUG_URL,y=m(),_=m(Date.now()),E=c((function(){var e=a;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[a,t,i]).apiUrl,N=r(null),w=N[0],x=N[1],C=r(""),S=C[0],B=C[1],T=r(null),j=T[0],P=T[1];s((function(){O.apiLeadUrl=E,O.apiSubotUrl=b}),[E,b]);var I=function(e,a){x(e),B(a)},A=function(){var e,a;if(w){console.log("👋👋👋 CLOSE POPUP ".concat(w.code," 👋👋👋"));var l=Number(null===(e=w.rules.find((function(e){return"show_again_after_exit"==e.rule})))\|\|void 0===e?void 0:e.value),n=Number(null===(a=w.rules.find((function(e){return"days_to_show_again"==e.rule})))\|\|void 0===a?void 0:a.value);0==l&&v("lead_closed_".concat(w.code),"target_".concat(w.extra_fields.popupVersion),n?{domain:"."+t,days:n,path:"/"}:{domain:"."+t,path:"/"}),document.body.classList.remove("noscroll"),fetch("".concat(E,"api/campaign/").concat(w.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:h("hhg-id"),duration:Math.ceil((Date.now()-_.current)/1e3)})}),x(null),P(null)}};s((function(){if(window.next){var e=u((function(e){console.log("--🌻 routeChangeComplete",e,Date.now());var a=location.pathname;A(),document.querySelectorAll('[data-popup-url="'.concat(a,'"]')).length\|\|U({leadApi:E,leadDomain:t,leadSiteId:i,onShowPopup:I,DEBUG_URL:k}),y.current&&window.removeEventListener("scroll",y.current)}),500);window.next.router.events.on("routeChangeComplete",e)}U({leadApi:E,leadDomain:t,leadSiteId:i,onShowPopup:I,DEBUG_URL:k})}),[]);return s((function(){w&&(_.current=Date.now())}),[w]),o.createElement(M.Provider,{value:{apiUrl:E,siteDomain:t,siteId:i,locale:d}},o.createElement(g.Provider,{value:{locale:d,values:Q(d)}},p(o.createElement(o.Fragment,null,w&&o.createElement(Y,{campaign:w,onClose:A,onSubmit:function(e,a,o,r){return l(void 0,void 0,void 0,(function(){var l,i,c,d,s,m,u,p,g,b,f,k,y,_,N,x,C,S,B,T,O,j,I,U,D,M,H,q,V,R,F,W,J,G;return n(this,(function(n){switch(n.label){case 0:return e.preventDefault(),console.log("submitHandler",a,o),l=new FormData(e.currentTarget),i={},l.forEach((function(e,a){i[a]=i[a]\|\|[],i[a].push(e)})),c=Object.keys(i).map((function(e){return{name:e,value:String(i[e])}})),d=2,s=h("_ga")\|\|null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")];case 1:n.sent(),n.label=2;case 2:return m={url:location.href.toLowerCase(),title_article:document.title,meta:c.map((function(e){var a,t,l,n;return{key:null===(a=document.querySelector(".lead-modal__form.".concat(r,' [name="').concat(e.name,'"]')))\|\|void 0===a?void 0:a.getAttribute("data-key"),value:(null==L?void 0:L.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(e.name)?window.intlTelInputUtils.formatNumber(String(e.value),null==L?void 0:L.countryCodeNumber,d).replace(/\s+/g,""):e.value,control:e.name.replace(/\d+$/,""),is_sent_mailchimp:(null===(n=document.querySelector(".lead-modal__form.".concat(r," .mailchimp-").concat((null===(l=null===(t=document.querySelector(".lead-modal__form.".concat(r,' [name="').concat(e.name,'"]')))\|\|void 0===t?void 0:t.getAttribute("data-key"))\|\|void 0===l?void 0:l.replace(/\s/gi,"_"))\|\|"")))\|\|void 0===n?void 0:n.getAttribute("data-mailchimp"))\|\|"false"}})),cookie_id:h("hhg-id"),ga_client_id:s},a&&o[a].value_en&&(m.category=o[a].value_en),u=Number((null===(D=null===(U=w.rules)\|\|void 0===U?void 0:U.find((function(e){return"days_to_show_again"===e.rule})))\|\|void 0===D?void 0:D.value)\|\|7),0==(p=Number((null===(H=null===(M=w.rules)\|\|void 0===M?void 0:M.find((function(e){return"show_again_after_submit"===e.rule})))\|\|void 0===H?void 0:H.value)\|\|0))&&(console.log("⛔ Popup never show again!"),v("lead_submited_".concat(w.code),"target_".concat(w.extra_fields.targetType),{domain:"."+t,path:"/"})),1==p&&(console.log("⌛ Popup will show again after ".concat(u," days!")),v("lead_submited_".concat(w.code),"target_".concat(w.extra_fields.targetType),{domain:"."+t,days:u,path:"/"})),fetch("".concat(E,"api/campaign/").concat(w.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)}),"notshow"==w.extra_fields.popupShowThankYou?(A(),document.body.classList.remove("noscroll"),[2]):(g=!0,b=w.thank_you_image\|\|"".concat(E,"admin/img/thanksyou.png"),f=w.extra_fields.popupThankyouTitle\|\|"Thank you.",k=w.extra_fields.popupThankyouDesc\|\|"We appreciate your time!",y="",_="",C="","2.1"==w.extra_fields.popupVersion&&(S=w.extra_fields,B=JSON.parse(S.listBlockThankyou),T=B.find((function(e){return"TitleBlock"==e.name})),O=B.find((function(e){return"SubtitleBlock"==e.name})),j=B.find((function(e){return"LinkButtonBlock"==e.name})),f=(null===(q=null==T?void 0:T.data)\|\|void 0===q?void 0:q.value)\|\|"",y=(null===(V=null==T?void 0:T.data)\|\|void 0===V?void 0:V.align)\|\|"",k=(null===(R=null==O?void 0:O.data)\|\|void 0===R?void 0:R.value)\|\|"",_=(null===(F=null==O?void 0:O.data)\|\|void 0===F?void 0:F.align)\|\|"",N=(null===(W=null==j?void 0:j.data)\|\|void 0===W?void 0:W.value)\|\|"",x=(null===(J=null==j?void 0:j.data)\|\|void 0===J?void 0:J.newtab)\|\|!1,C=(null===(G=null==j?void 0:j.data)\|\|void 0===G?void 0:G.url)\|\|"",I=w.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(I)&&(g=!1)),P(g?{title:f,titleAlign:y,subtitle:k,subtitleAlign:_,link:C,linkNewTab:x,linkText:N,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}},c.map((function(e){var a=e.name,t=e.value;"tel"==a?window.insider_object.user.phone_number=t:"email"==a&&(window.insider_object.user.email=t)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object)),[2])}}))}))},action:S,showThankyou:j})),f())))};export{X as LeadGen};
1	+ import{b as e,c as t,d as a,a as n,_ as l}from"./tslib.es6-d30ee1d0.js";import o,{useMemo as i,useRef as r,useState as c,useEffect as d,createContext as s,useContext as u}from"react";import m from"lodash/debounce";import{createPortal as p}from"react-dom";import{T as h}from"./translationsContext-2ccd1a40.js";import{g as v,s as g}from"./cookieHelper-25d144e6.js";import{b as f,a as b}from"./utils-70e9fb51.js";import{v1 as k}from"uuid";import{u as y}from"./useTranslations-508e7f07.js";import"./FullScreen-ebf003ef.js";import"./index.styled-7e0ac6f9.js";import{B as _}from"./index-1cec6476.js";import"./gAssets.js";import"./index.styled-290f3971.js";import"./index-942fa515.js";import"react-range";import"dayjs";import"./screenSizeContext-0935b635.js";import"styled-components";import"./index-adb39b83.js";import"./isProduction-2695b0b1.js";import"./Locale-4016af54.js";import"./index.styled-ee34e641.js";import"@mantine/core";import"string-format";import"./index-cb56f0fb.js";import"./index.styled-84815c05.js";import"./index-17e4e163.js";import"date-fns";import"react-day-picker/DayPickerInput";import"./index-59cc5965.js";import"./index-26dc701e.js";import"lodash/throttle";import"keen-slider/react";import"./types-56c0c2e9.js";import"react-hook-form";import{I as E,N as w}from"./index-b449abc2.js";import"./index.styled-14fee472.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./index.styled-36dc3ebb.js";import"@mantine/dates";import{R as C,e as N,D as S,P as x}from"./index-e48b4ea4.js";import{S as T}from"./index-4696eea6.js";import{M as B}from"./index-96792ca0.js";import{createFormContext as j}from"@mantine/form";import"@mantine/hooks";import"./index-1c107e45.js";import"yup";import"./theme-7bc1781d.js";import"./defaultClassWrapper-799bd287.js";import"./index-25affdbf.js";import"./index-0d4f2427.js";import"./index-bb01b109.js";import"@hookform/resolvers/yup";import"./index-9b236d2f.js";import"slugify";import"./useScrollbarSize-42b61762.js";import"./routing-dc5d6804.js";import"dayjs/plugin/relativeTime";import"./Vietnam-b1633731.js";import"@mantine/carousel";import"./Visible-68135612.js";var L=function(e){var t=e.onClose,a=e.containerClassName,n=e.svgClassName;return o.createElement("button",{onClick:t,className:"le-newbuilder-close-button js-modal__close ".concat(a\|\|"")},o.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n},o.createElement("circle",{cx:"16",cy:"16",r:"16",fill:"white"}),o.createElement("path",{d:"M16 17.05L10.925 22.125C10.7917 22.2584 10.621 22.329 10.413 22.337C10.2044 22.3457 10.025 22.275 9.87502 22.125C9.72502 21.975 9.65002 21.8 9.65002 21.6C9.65002 21.4 9.72502 21.225 9.87502 21.075L14.95 16L9.87502 10.925C9.74169 10.7917 9.67102 10.6207 9.66302 10.412C9.65436 10.204 9.72502 10.025 9.87502 9.87502C10.025 9.72502 10.2 9.65002 10.4 9.65002C10.6 9.65002 10.775 9.72502 10.925 9.87502L16 14.95L21.075 9.87502C21.2084 9.74169 21.3794 9.67069 21.588 9.66202C21.796 9.65402 21.975 9.72502 22.125 9.87502C22.275 10.025 22.35 10.2 22.35 10.4C22.35 10.6 22.275 10.775 22.125 10.925L17.05 16L22.125 21.075C22.2584 21.2084 22.329 21.379 22.337 21.587C22.3457 21.7957 22.275 21.975 22.125 22.125C21.975 22.275 21.8 22.35 21.6 22.35C21.4 22.35 21.225 22.275 21.075 22.125L16 17.05Z",fill:"#595959"})))},I=function(e){var t=e.popupId,a=e.url,n=e.newTab,l=e.imageDestkop,i=e.imageMobile,r=e.onClose,c=e.onOtherSubmit;return o.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},o.createElement("div",{className:"le-center-tab-popup"},o.createElement("div",{style:{position:"relative"}},o.createElement("a",{className:"js-popup-other-submit",href:a,target:n?"blank":"_parent",onClick:c},o.createElement("img",{className:"le-only-mobile",src:i}),o.createElement("img",{className:"le-only-desktop",src:l})),o.createElement(L,{onClose:r,containerClassName:"close-button-top-right"}))))},P=function(e){var t=e.popupId,a=e.url,n=e.title,l=e.urlText,i=e.titleAlign,r=e.subtitle,c=e.subtitleAlign,d=e.newTab,s=e.imageDesktop,u=e.imageMobile,m=e.onClose,p=e.onOtherSubmit;return o.createElement("div",{id:t,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},o.createElement("aside",{className:"le-only-desktop"},o.createElement("div",{className:"le-floating-desktop"},o.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},s?o.createElement("div",null,o.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:s})):null,o.createElement("div",{style:{padding:20}},o.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(i)},n),o.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(c)},r)),o.createElement("a",{target:d?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:a},o.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:p},l)),o.createElement(L,{onClose:m,containerClassName:"close-button-top-right"})))),o.createElement("aside",{className:"le-only-mobile"},o.createElement("div",{className:"le-floating-mobile"},o.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},o.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},o.createElement("div",null,o.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(i)},n),o.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(c)},r)),u?o.createElement("div",null,o.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:u})):null),o.createElement("div",{style:{textAlign:"center",marginTop:10}},o.createElement("a",{target:d?"blank":"_parent",href:a,style:{textDecoration:"none"}},o.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:p},l))),o.createElement(L,{onClose:m,containerClassName:"close-button-top-right"})))))},A={LINKS:1,TAGS:2},O="https://dev.leadgen.hellobacsi.com/",U={MOBILE:1,DESKTOP:2},D="";O.includes("localhost")&&(O="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(D="pink");var M="https://"+location.hostname+location.pathname+location.search;M=M.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var H={"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}},F=H[document.documentElement.lang]\|\|H["vi-VN"];var q,R=function(e){var t=e.title,a=e.titleAlign,n=e.subtitle,l=e.subtitleAlign,i=e.link,r=e.linkNewTab,c=e.linkText,d=e.image;return o.createElement("div",{className:"lead-modal__thank-you"},o.createElement("div",{style:{width:"100%"}},o.createElement("img",{src:d,style:{maxHeight:162,objectFit:"cover"}}),t&&o.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(a)},t),n&&o.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(l)},n),c&&o.createElement("div",null,o.createElement("a",{href:i,target:r?"_blank":"parrent",rel:"noreferrer"},o.createElement("button",{className:"lead-modal__btn ".concat(D)},c)))))},V=new function(){this.apiLeadUrl="https://dev.leadgen.hellobacsi.com/",this.apiSubotUrl="https://staging-service-subot.hellohealthgroup.com/"},W=function(t){var a=t.url,n=t.data,l=void 0===n?void 0:n,o=e(t,["url","data"]);return o.body=JSON.stringify(l),o.headers={"Content-Type":"application/json"},fetch("".concat(V.apiLeadUrl).concat(a),o).then((function(e){return e.json()})).catch((function(e){return{}}))},J=function(t){var a=t.url,n=t.data,l=e(t,["url","data"]);return l.body=JSON.stringify(n),l.headers={"Content-Type":"application/json"},fetch("".concat(V.apiSubotUrl).concat(a),l).then((function(e){return e.json()})).catch((function(e){return{}}))},Y=function(e){var t=e.bot_id,a=e.email,n=e.phone;return n&&n.startsWith("0")&&(n=n.substring(1)),J({url:"frontend/api/subot-campaign/check",method:"post",data:{bot_id:t,email:a,phone:n}})},z=function(e){var t=e.campaign_id,a=e.email,n=e.phone;return n&&n.startsWith("0")&&(n=n.substring(1)),W({url:"api/subot-campaign/check",method:"post",data:{campaign_id:t,email:a,phone:n}})},G=function(e,n,l){return t(void 0,void 0,void 0,(function(){var t,o,i,r,c,d;return a(this,(function(a){switch(a.label){case 0:return t="email"in l?"email":"phone",o="email"in l?l.email:l.phone,i="email"in l?"validator.emailUsed":"validator.phoneUsed",[4,z((c={campaign_id:[e]},c[t]=o,c))];case 1:return"SubmitLeadWithBotId_ERR_001"===(r=a.sent())._errorCode\|\|"SubmitLeadWithBotId_ERR_002"===r._errorCode?[2,i]:n.length?[4,Y((d={bot_id:n},d[t]=o,d))]:[3,3];case 2:if("CheckSuBotLeadTool_ERR_001"===a.sent()._errorCode)return[2,i];a.label=3;case 3:return[2]}}))}))},K={email:{},phone:{}},Q=function(e,n,l){return t(void 0,void 0,void 0,(function(){var t,o,i,r;return a(this,(function(a){switch(a.label){case 0:if(t="email"in l?"email":"phone",o="email"in l?l.email:l.phone,i="email"in l?"validator.emailUsed":"validator.phoneUsed",K[t][o]){if(K[t][o].value)return[2,i];if(!K[t][o].value&&K[t][o].expire>Date.now())return[2,""]}return[4,G(e,n,l)];case 1:return r=a.sent(),K[t][o]=r?{value:!0}:{value:!1,expire:Date.now()+6e4},[2,r]}}))}))},X=function(e){var t=e.content,a=e.inlinePosition,l=i((function(){if(!a)return null;var e=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),t=Array.from(e).reduce((function(e,t){return n(n([],e,!0),Array.from(t.children),!0)}),[]);if(null==t?void 0:t.length){var l=t.filter((function(e){return"P"===e.nodeName})),o=t.filter((function(e){return"H2"===e.nodeName})),i=null;switch(a){case"1th":i=l[0];break;case"2th":i=l[1];break;case"3th":i=l[2];break;case"4th":i=l[3];break;case"5th":i=l[4];break;case"6th":i=l[5];break;case"7th":i=l[6];break;case"8th":i=l[7];break;case"9th":i=l[8];break;case"10th":i=l[9];break;case"11th":i=l[10];break;case"12th":i=l[11];break;case"lastP":i=l[l.length-1];break;case"1thH2":i=o[0];break;case"2thH2":i=o[1];break;case"3thH2":i=o[2];break;case"4thH2":i=o[3];break;case"5thH2":i=o[4];break;case"6thH2":i=o[5];break;case"7thH2":i=o[6];break;case"8thH2":i=o[7];break;case"9thH2":i=o[8];break;case"10thH2":i=o[9];break;case"lastH2":i=o[o.length-1]}if(i){if(i.parentElement.querySelector(".inline-lead-wrapper"))return i.parentElement.querySelector(".inline-lead-wrapper");var r=document.createElement("div");return r.classList.add("inline-lead-wrapper"),i.nextElementSibling?i.parentElement.insertBefore(r,i.nextElementSibling):i.parentElement.appendChild(r),r}}}),[a]);return a&&l?p(t,l):null},Z=function(e){var t=e.content,a=i((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 o.createElement(o.Fragment,null,a.map((function(e){return p(t,f(e,"sidebar-lead-modal-wrapper"))})))},$=(q=j())[0],ee=q[1],te=q[2],ae="undefined"==typeof window,ne={VN:"vi",ID:"id",TH:"th",MY:"ms",TW:"zh-TW",KH:"km",MM:"my",IN:"hi",PH:"en"},le=function(e,n){return void 0===e&&(e=""),void 0===n&&(n=""),t(void 0,void 0,void 0,(function(){return a(this,(function(t){return[2,new Promise((function(t,a){if(!e)return a("Need valid text input");if(ae)return a("Need valid window object");try{(new window.google.maps.places.AutocompleteService).getPlacePredictions({input:e,componentRestrictions:{country:n},language:ne[n]},t)}catch(e){a(e)}}))]}))}))},oe=["places"],ie=function(e){var n=e.name,r=e.placeholder,s=ee(),u=c(""),m=u[0],p=u[1],h=c(""),v=h[0],g=h[1],f=function(e,n,l){void 0===e&&(e=""),void 0===n&&(n=""),void 0===l&&(l=500);var o=c([]),i=o[0],r=o[1],s=c(!1),u=s[0],m=s[1];return d((function(){var o;return e?o=window.setTimeout((function(){return t(void 0,void 0,void 0,(function(){var t,l;return a(this,(function(a){switch(a.label){case 0:if(!e)return r([]),[2];a.label=1;case 1:return a.trys.push([1,3,4,5]),m(!0),[4,le(e,n)];case 2:return t=a.sent(),r(!(o=t)\|\|o.length<1?[]:o.map((function(e){return{placeId:e.place_id,description:e.description}}))),[3,5];case 3:return l=a.sent(),console.error(l),[3,5];case 4:return m(!1),[7];case 5:return[2]}var o}))}))}),l):i.length&&r([]),function(){window.clearTimeout(o)}}),[e,l,n]),{isLoading:u,predictions:i}}(m\|\|"15 Lê","VN").predictions,b=c(null),k=b[0],y=b[1],_=c(!1),E=_[0],w=_[1],C=i((function(){var e=f.map((function(e){return{value:e.description,label:e.description}})),t=e.find((function(e){return e.value===v}));return!v\|\|t?e:[{value:v,label:v}].concat(e)}),[f,v]);return d((function(){var e,t,a;(null===(a=null===(t=null===(e=null===window\|\|void 0===window?void 0:window.google)\|\|void 0===e?void 0:e.maps)\|\|void 0===t?void 0:t.places)\|\|void 0===a?void 0:a.AutocompleteService)?w(!0):import("@react-google-maps/api").then((function(e){y((function(){return e.LoadScript})),setTimeout((function(){w(!0)}),200)}))}),[]),E?o.createElement(o.Fragment,null,k&&o.createElement(k,{googleMapsApiKey:"AIzaSyB9QmhfEYcy2wj5X3Fl38aCD5UkET6n82M",libraries:oe,loadingElement:o.createElement(o.Fragment,null)}),o.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":n,"data-control":"text"}),o.createElement(T,l({className:"lead-modal__form-control",label:r,placeholder:r,withAsterisk:!0,name:n,data:C,searchValue:m,onSearchChange:function(e){p(e)},filter:function(){return!0},clearable:!0,searchable:!0,onChange:function(e){return g(e\|\|"")},icon:o.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M9.99999 9.79167C10.4028 9.79167 10.7467 9.64944 11.0317 9.365C11.3161 9.08 11.4583 8.73611 11.4583 8.33333C11.4583 7.93056 11.3161 7.58667 11.0317 7.30167C10.7467 7.01722 10.4028 6.875 9.99999 6.875C9.59721 6.875 9.25332 7.01722 8.96832 7.30167C8.68388 7.58667 8.54166 7.93056 8.54166 8.33333C8.54166 8.73611 8.68388 9.08 8.96832 9.365C9.25332 9.64944 9.59721 9.79167 9.99999 9.79167ZM9.99999 17.875C9.90277 17.875 9.80555 17.8611 9.70832 17.8333C9.6111 17.8056 9.52082 17.7569 9.43749 17.6875C7.46527 15.8958 5.98971 14.2361 5.01082 12.7083C4.03138 11.1806 3.54166 9.77778 3.54166 8.5C3.54166 6.48611 4.1911 4.87833 5.48999 3.67667C6.78832 2.47556 8.29166 1.875 9.99999 1.875C11.7083 1.875 13.2119 2.47556 14.5108 3.67667C15.8092 4.87833 16.4583 6.48611 16.4583 8.5C16.4583 9.77778 15.9689 11.1806 14.99 12.7083C14.0105 14.2361 12.5347 15.8958 10.5625 17.6875C10.4792 17.7569 10.3889 17.8056 10.2917 17.8333C10.1944 17.8611 10.0972 17.875 9.99999 17.875Z",fill:"#8C8C8C"}))},s.getInputProps(n)))):o.createElement("div",{style:{height:73}})},re=function(e){var t=e.children,a=e.align;return o.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(a\|\|"")," ").concat(D)},t)},ce=function(e){var t=e.children,a=e.align;return o.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(a\|\|"")," ").concat(D)},t)},de=function(e){var t=e.listBlockAdded,a=e.popupId,n=e.locale,i=e.onClose,r=e.onOtherSubmit,c=ee();return o.createElement(o.Fragment,null,t.map((function(e,t){var d=e\|\|{},s=d.name,u=void 0===s?"":s,m=d.data,p=void 0===m?{}:m,h=p.placeholder,v=p.value,g=p.align,f=p.listQuestion,b=p.isSendMailChimp,k=void 0!==b&&b,y=p.newtab,j=p.url;switch(u){case"TitleBlock":return o.createElement(ce,{key:t,align:g},v);case"SubtitleBlock":return o.createElement(re,{key:t,align:g},v);case"TextBlock":return o.createElement(E,l({key:t,withAsterisk:!0,spellCheck:!1,type:"text",placeholder:h,className:"lead-modal__form-control",label:h,"data-control":"text",name:v},c.getInputProps(v)));case"NumberBlock":return o.createElement(w,l({key:t,withAsterisk:!0,spellCheck:!1,type:"number",placeholder:h,className:"lead-modal__form-control",label:h,"data-control":"number",name:v},c.getInputProps(v)));case"EmailBlock":return o.createElement(E,l({key:t,withAsterisk:!0,spellCheck:!1,placeholder:h,className:"lead-modal__form-control",label:h,"data-control":"email",name:v},c.getInputProps(v)));case"PhoneBlock":var L=a+"-"+v+"-"+t;return o.createElement(E.Wrapper,l({size:"md",withAsterisk:!0,key:t,label:h,className:"lead-modal__form-control",labelProps:{htmlFor:L}},c.getInputProps(v)),o.createElement(x,{name:v,spellCheck:!1,type:"tel",placeholder:h,onChange:function(e){c.setFieldValue(v,e)},id:L,defaultCountry:n&&B[n]\|\|"VN","data-control":"tel"}));case"LocationBlock":return o.createElement(ie,{key:t,name:v,placeholder:h});case"DateBlock":return o.createElement(S,l({withAsterisk:!0,key:t,type:"date",name:v,placeholder:h,className:"lead-modal__form-control",label:h,"data-control":"date"},c.getInputProps(v)));case"LinkButtonBlock":return o.createElement("div",{key:t},o.createElement("a",{target:y?"blank":"parrent",href:j,style:{textDecoration:"none"}},o.createElement(_,{type:"button",size:"md",className:"lead-modal__btn ".concat(D),onClick:function(){null==i\|\|i(),null==r\|\|r()}},v)));case"CheckboxBlock":return o.createElement(o.Fragment,null,k&&o.createElement("div",{style:{display:"none"},"data-name":v+"-mailchimp"}),o.createElement(N.Group,l({withAsterisk:!0,className:"lead-modal__form-control",key:t,label:h,size:"md"},c.getInputProps(v)),f.map((function(e,t){return o.createElement(N,{name:v,key:t,value:e.value,label:e.placeholder,"data-control":"checkbox"})}))));case"RadioBlock":return o.createElement(o.Fragment,null,k&&o.createElement(E,{type:"hidden",name:v+"-mailchimp",value:k}),o.createElement(C.Group,l({withAsterisk:!0,className:"lead-modal__form-control",key:t,label:h,size:"md"},c.getInputProps(v)),f.map((function(e,t){return o.createElement(C,{name:v,key:t,value:e.value,label:e.placeholder,"data-control":"radio"})}))));case"DropdownBlock":return o.createElement(o.Fragment,null,o.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":v,"data-control":"dropdown"}),o.createElement(T,l({key:t,className:"lead-modal__form-control",label:h,withAsterisk:!0,name:v,data:f.map((function(e){return{value:e.value,label:e.placeholder}}))},c.getInputProps(v))))}return null})))},se=function(e){var t,a,n,s=e.popupId,u=e.extraFields,m=e.onClose,p=e.onOtherSubmit,h=e.imageMobile,v=e.imageDesktop,g=e.imageOverlayMobile,f=e.imageOverlayDesktop,b=e.imageBackground,k=e.currentLayout,E=e.title,w=e.onSubmit,C=e.showThankyou,N=e.campaignId,S=e.campaign_subot_id,x=e.locale,T=JSON.parse(u.listBlockAdded),B=JSON.parse(u.actionBlocks),j=JSON.parse(u.textBlocks),I=B.submitBlock.data.url,P=B.submitBlock.data.text,A=B.submitBlock.data.text2,O=B.submitBlock.data.value,U=location.pathname,M=k.includes("Inline")\|\|"Sidebar"===k,H="Slider"===k,q=c(!0),V=q[0],W=q[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(k))return console.log("😎 Not show fullscreen, slider on mobile "),null;d((function(){(k.includes("LightBox")\|\|"Fullscreen"==k)&&document.body.classList.add("noscroll"),window.intlTelInputUtils\|\|require("intl-tel-input/build/js/utils"),K.email={},K.phone={}}),[]);var J=r(!1),Y=r(!1),z=function(e){var t=e.listBlockAdded,a=void 0===t?[]:t,n=e.validatingPhoneRef,o=e.validatingEmailRef,c=e.campaignId,d=e.campaign_subot_id,s=void 0===d?[]:d,u=y().t,m=i((function(){var e=["TextBlock","NumberBlock","EmailBlock","PhoneBlock","DateBlock","CheckboxBlock","RadioBlock","DropdownBlock","PhoneOtpBlock","LocationBlock"],t=function(e,t){return function(a){if(h.current.isTouched(e))return void 0===a\|\|""===a\|\|Array.isArray(a)&&0===a.length?u("validator.required"):null==t?void 0:t(a)}};return a.filter((function(t){return e.includes(t.name)})).reduce((function(e,a){var i,r,d,m,p;return"NumberBlock"===a.name?l(l({},e),((i={})[a.data.value]=t(a.data.value,(function(e){if(isNaN(Number(e)))return u("validator.number")})),i)):"EmailBlock"===a.name?l(l({},e),((r={})[a.data.value]=t(a.data.value,(function(e){if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e))return u("validator.email");o.current=!0,Q(c,s,{email:e}).then((function(e){e&&h.current.setFieldError(a.data.value,u(e)),o.current=!1})).catch((function(e){console.error(e),o.current=!1}))})),r)):"PhoneBlock"===a.name?l(l({},e),((d={})[a.data.value]=t(a.data.value,(function(e){if(window.intlTelInputUtils&&!window.intlTelInputUtils.isValidNumber(String(e),F.countryCode))return u("validator.phone");n.current=!0,Q(c,s,{phone:e}).then((function(e){e&&h.current.setFieldError(a.data.value,u(e)),n.current=!1})).catch((function(e){console.error(e),n.current=!1}))})),d)):"DateBlock"===a.name?l(l({},e),((m={})[a.data.value]=t(a.data.value,(function(e){if(isNaN(Date.parse(e)))return u("validator.date")})),m)):l(l({},e),((p={})[a.data.value]=t(a.data.value),p))}),{})}),[a.map((function(e){return e.name})).join(",")]),p=te({validateInputOnChange:!0,clearInputErrorOnChange:!0,validate:m}),h=r(p);return h.current=p,{form:p,validateObj:m}}({listBlockAdded:T,validatingPhoneRef:J,validatingEmailRef:Y,campaignId:N,campaign_subot_id:S}),G=z.form,ee=z.validateObj,ae=o.createElement(o.Fragment,null,o.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n background: url(".concat(g,") ;\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(f,") ;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }")}}),o.createElement("div",{id:s,"data-popup-url":U,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(M?"le-buider-inline":""," ").concat(H?"le-buider-slider":"")},"Fullscreen"==k?o.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:b\|\|""}):null,o.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(k)},o.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(k)},C?o.createElement(R,{title:C.title,titleAlign:C.titleAlign,subtitle:C.subtitle,subtitleAlign:C.subtitleAlign,link:C.link,linkNewTab:C.linkNewTab,linkText:C.linkText,image:C.image}):o.createElement(o.Fragment,null,o.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(k)?h?o.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:h,alt:""}):null:o.createElement(o.Fragment,null,v?o.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:v,alt:""}):null,h?o.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:h,alt:""}):null)),o.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},o.createElement($,{form:G},o.createElement("form",{className:"lead-modal__form ".concat(s),onSubmit:function(e){e.preventDefault(),G.setTouched(Object.keys(ee).reduce((function(e,t){return e[t]=!0,e}),{})),Y.current\|\|J.current\|\|setTimeout((function(){G.onSubmit((function(t){console.log("submit values",t),null==w\|\|w(e)}))(e)}),100)}},o.createElement("div",{style:{marginBottom:20}},o.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(t=j.titleBlock.data)\|\|void 0===t?void 0:t.align)," ").concat(D)},E),o.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(a=j.titleBlock.data)\|\|void 0===a?void 0:a.align)," ").concat(D)},j.subtitleBlock.data.value)),o.createElement("div",{className:"lead-modal__form-control-wrapper"},o.createElement(de,{listBlockAdded:T,popupId:s,locale:x,onClose:m,onOtherSubmit:p})),(null===(n=null==B?void 0:B.submitBlock)\|\|void 0===n?void 0:n.isHide)?null:o.createElement(o.Fragment,null,o.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(D)},o.createElement("div",{className:"lead-modal__checkbox"},o.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(D),type:"checkbox","aria-label":"Checkbox label",checked:V,onChange:function(e){return W(e.currentTarget.checked)}}),o.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),o.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},P," ",o.createElement("span",{style:{fontWeight:"bold"}},o.createElement("a",{target:"blank",href:I\|\|"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},A)))),o.createElement(_,{size:"md",id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(D),disabled:!V},O))))))),!k.includes("Inline")&&o.createElement(L,{onClose:m,containerClassName:"close-button-top-right"}))));return k.includes("LightBox")\|\|"Fullscreen"==k\|\|"Slider"==k?ae:"Sidebar"==k?o.createElement(Z,{content:ae}):k.includes("Inline")?o.createElement(X,{content:ae,inlinePosition:u.popupInlinePosition}):null},ue=function(e){var t=e.popupId,a=e.link,n=e.linkText,l=e.linkNewTab,i=e.onClose,r=e.imageMobile,c=e.imageDesktop,d=e.currentLayout,s=e.onOtherSubmit,u=location.pathname;return o.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":u,"data-popup-type":"skin_ab"},"SkinA"==d?o.createElement("aside",{className:"le-only-desktop"},o.createElement("div",{className:"le-skin-a-desktop"},o.createElement("div",{style:{position:"relative"}},o.createElement("img",{src:c}),o.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:a,target:l?"blank":"_parent"},o.createElement("button",{onClick:s,className:"le-joinbow-btn js-popup-other-submit"},n)),o.createElement(L,{onClose:i,containerClassName:"close-button-top-right"})))):"SkinB"==d?o.createElement("aside",{className:"le-only-desktop"},o.createElement("div",{className:""},o.createElement("div",{style:{position:"relative",zIndex:1e4}},o.createElement("img",{src:c,style:{width:"100%"}}),o.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:a,target:l?"blank":"_parent"},o.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},n)),o.createElement(L,{containerClassName:"close-button-top-right",onClose:i})))):null,o.createElement("aside",{className:"le-only-mobile"},o.createElement("div",{className:"le-skin-mobile"},o.createElement("div",{style:{position:"relative"}},o.createElement("img",{src:r,style:{width:"100%"}}),o.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:a,target:l?"blank":"_parent"},o.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},n)),o.createElement(L,{containerClassName:"close-button-top-right",svgClassName:"le-mobile-btn",onClose:i})))))},me=function(e){var t=e.popupId,a=e.url,n=e.newTab,l=e.image,i=e.onClose,r=e.onOtherSubmit;return o.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},o.createElement("div",{className:"le-tab-popup"},o.createElement("div",{style:{position:"relative"}},o.createElement("a",{href:a,target:n?"blank":"_parent",onClick:r},o.createElement("img",{className:"js-popup-other-submit",src:l})),o.createElement(L,{onClose:i,containerClassName:"close-button-top-right"}))))},pe=s({});var he=function(e){for(var t=n([],e,!0),a=t.length-1;a>0;a--){var l=Math.floor(Math.random()(a+1)),o=t[a];t[a]=t[l],t[l]=o}return t};function ve(e){var t=e.leadApi,a=e.leadSiteId,o=e.leadDomain,i=e.onShowPopup,r=e.DEBUG_URL\|\|("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(t+"api/campaign/"+a,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:r,ga_client_id:v("_ga")\|\|null})}).then((function(e){return e.json()})).then((function(e){var t,a,c;if(ge("List campagin: ",e),M="https://"+location.hostname+location.pathname+location.search,1==e._status){var d=e._data.campaigns;v("hhg-id")\|\|(g("hhg-id",k(),{domain:"."+o,path:"/"}),ge("😍 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)?d.filter((function(e){return e.device_types.some((function(e){return e.id==U.MOBILE}))})):d.filter((function(e){return e.device_types.some((function(e){return e.id==U.DESKTOP}))})),ge("👓 campaignsDevice",s);var u=s.map((function(e,t){return e.targets.filter((function(e){return e.type==A.LINKS})).map((function(e){return l(l({},e),{campaignIndex:t})}))})).flat(1);u=u.filter((function(e){var t=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(r===t.href):"start_with"==e.option?!!r.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(r):void 0}));var m=Array.from(document.getElementsByTagName("META")).filter((function(e){return"article:tag"==e.getAttribute("property")})).map((function(e){return e.content})),p=[];m&&m.length&&(p=s.map((function(e,t){return e.targets.filter((function(e){return e.type==A.TAGS})).map((function(e){return l(l({},e),{campaignIndex:t})}))})).flat(1).filter((function(e){return m.includes(e.target)})));var h=n(n([],u,!0),p,!0),f=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),b=f.filter((function(e){return e.includes("lead_submited")}));ge("--listCampaignCodeSubmited",b);var y=f.filter((function(e){return e.includes("lead_closed")}));ge("--listCampaignCodeClosed",y);var _=n(n([],b,!0),y,!0),E=h.filter((function(e){return!_.some((function(t){return t.includes(s[e.campaignIndex].code)}))})),w=he(E);if(ge("--listCampaignValid : ",w),w&&w.length){var C=s[w[0].campaignIndex];ge("CAMPAIGN_SHOW",C);var N=C.rules,S=Number(null===(t=N.find((function(e){return"time"==e.rule})))\|\|void 0===t?void 0:t.value);ge("timeoutRule",S);var x=Number(null===(a=N.find((function(e){return"scroll"==e.rule})))\|\|void 0===a?void 0:a.value);ge("scrollRule",x);var T=Number(null===(c=N.find((function(e){return"exclude_sponsored"==e.rule})))\|\|void 0===c?void 0:c.value);ge("excludeSponsored",T);var B=Boolean(document.querySelector(".hhg-disclaimer-text"));if(ge("💎 LEAD current page isSponsored",B),B&&T)return;var j="TIME";if(Number.isInteger(S)&&(j="TIME",ge("✨ SHOW AWESOME POPUP AFTER: ",S," seconds"),setTimeout((function(){null==i\|\|i(C,j)}),1e3S)),Number.isInteger(x)){j="SCROLL",ge("✨ SHOW AWESOME AFTER: SCROLL",x," %");var L=document.querySelector('[data-url="'.concat(location.pathname,'"]'))\|\|document.querySelector("body"),I=L.getBoundingClientRect().top,P=L.offsetHeight;ge("👓 Element check scroll: ",L);var O=function(){var e=window.pageYOffset\|\|document.documentElement.scrollTop,t=0;e>=I&&(t=Math.round((e-I)/(P-innerHeight)100)),ge("---Scroll",t,x),t>=x&&(window.removeEventListener("scroll",O),null==i\|\|i(C,j))};window.addEventListener("scroll",O,{passive:!0})}}else ge("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){ge("Lead error: ",e)}))}var ge=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];("production"!==process.env.NODE_ENV\|\|process.env.NEXT_PUBLIC_DEPLOY_ENV&&"production"!==process.env.NEXT_PUBLIC_DEPLOY_ENV\|\|"true"===process.env.UNIFY_LEAD_LOG)&&console.log.apply(console,e)};var fe=function(e){var t,a,n=e.campaign,l=e.action,i=e.onSubmit,c=e.onClose,s=e.showThankyou,m=e.locale;y().t;var p=u(pe),h=p.apiUrl,f=p.siteDomain;d((function(){var e=v("_ga")\|\|null;fetch("".concat(h,"api/campaign/").concat(w,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:l,url:location.href.toLowerCase(),title_article:document.title,cookie_id:v("hhg-id"),ga_client_id:e})})}),[]);var b=n.extra_fields,_=n.image,E=n.image_desktop,w=n.code,C=n.image_background,N=n.image_overlay_mobile,S=n.image_overlay_desktop,x=b.currentLayout,T=b.imageBlocks?JSON.parse(b.imageBlocks):{},B=JSON.parse(b.actionBlocks),j=JSON.parse(b.textBlocks),L=(null===(a=null===(t=null==j?void 0:j.titleBlock)\|\|void 0===t?void 0:t.data)\|\|void 0===a?void 0:a.value)\|\|"",A={1:{},2:{},3:{}},O=r("lead-modal-"+k()),U=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}(L);if(U){ge("⚡️ Has categoryLevel",U);var D=Array.from(document.getElementsByTagName("META")),M=D.find((function(e){return e.name==="content_category_".concat(U)})),H=D.find((function(e){return e.name==="content_category_en_".concat(U)}));if(!M\|\|!H)return ge("⚡️ No META TAG for categoryLevel, not show popup",U),null;A[U]={value:M.content,value_en:H.content},L=L.replace("{{category_".concat(U,"}}"),M.content),ge("⚡️ Set categoryData ",U)}else ge("⚡️ No categoryLevel",U);var F=function(){var e,t,a,l;if(ge("👌 Other submit click"),document.body.classList.remove("noscroll"),x.includes("Skin")){var o=document.querySelector("#masthead");o&&(o.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),r=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===r&&(ge("⛔ Popup never show again!"),g("lead_submited_".concat(w),"target_".concat(b.popupVersion),{domain:"."+f,path:"/"})),1==r&&(ge("⌛ Popup will show again after ".concat(i," days!")),g("lead_submited_".concat(w),"target_".concat(b.popupVersion),{domain:"."+f,days:i,path:"/"}));var d=v("_ga")\|\|null,s={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:v("hhg-id"),ga_client_id:d};U&&(s.category=A[U].value_en),fetch("".concat(h,"api/campaign/").concat(w,"/lead"),{method:"POST",body:JSON.stringify(s),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(e){return e.json()})).then((function(e){"error"===e.status&&ge(e)})).catch((function(e){ge("Error:",e)})),null==c\|\|c()};return"CenterTab"===x?o.createElement(I,{popupId:O.current,url:T.imageMobile.data.url,newTab:T.imageMobile.data.newtab,imageMobile:_,imageDestkop:E,onClose:c,onOtherSubmit:F}):"Tab"===x?o.createElement(me,{popupId:O.current,url:T.imageMobile.data.url,newTab:T.imageMobile.data.newtab,image:_,onClose:c,onOtherSubmit:F}):"Floating"===x?o.createElement(P,{popupId:O.current,title:L,titleAlign:j.titleBlock.data.align,subtitle:j.subtitleBlock.data.value,subtitleAlign:j.subtitleBlock.data.align,url:B.linkButtonBlock.data.url,urlText:B.linkButtonBlock.data.value,newTab:B.linkButtonBlock.data.newtab,imageMobile:_,imageDesktop:E,onClose:c,onOtherSubmit:F}):x.includes("LightBox")\|\|x.includes("Inline")\|\|"Fullscreen"==x\|\|"Sidebar"==x\|\|"Slider"==x?o.createElement(se,{popupId:O.current,extraFields:b,onClose:c,onOtherSubmit:F,imageMobile:_,imageDesktop:E,imageBackground:C,currentLayout:x,title:L,onSubmit:function(e){return i(e,U,A)},key:x,imageOverlayDesktop:S,imageOverlayMobile:N,showThankyou:s,campaignId:n.id,campaign_subot_id:n.bot_id\|\|[],locale:m}):x.includes("Skin")?o.createElement(ue,{popupId:O.current,link:B.linkButtonBlock.data.url,linkNewTab:!!B.linkButtonBlock.data.newtab,linkText:B.linkButtonBlock.data.value,onClose:c,onOtherSubmit:F,imageMobile:_,imageDesktop:E,currentLayout:x}):null},be=function(e){var t=e.campaign,a=e.action,n=e.onSubmit,l=e.onClose,i=e.showThankyou,r=e.locale;return t.extra_fields&&"2.1"==t.extra_fields.popupVersion?o.createElement(fe,{campaign:t,action:a,onSubmit:n,onClose:l,showThankyou:i,locale:r}):null},ke={"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}.","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},ye={"en-PH":ke,"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","validator.emailUsed":"Email này đã được sử dụng cho chiến dịch.","validator.phoneUsed":"Số điện thoại này đã được sử dụng cho chiến dịch."},"hi-IN":{"validator.required":"इस क्षेत्र की आवश्यकता है।","validator.email":"कृपया एक मान्य ईमेल पता दर्ज करें","validator.number":"कृपया एक वैध संख्या दर्ज करें","validator.digits":"कृपया केवल अंक दर्ज करें","validator.maxlength":"कृपया {0} अक्षर से अधिक दर्ज न करें","validator.minlength":"कृपया कम से कम {0} अक्षर दर्ज करें","validator.phone":"कृपया एक वैध संख्या दर्ज करें","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"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","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"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.","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"my-MM":{"validator.required":"ဒီနေရာမှာ ဖြည့်ဖို့ လိုအပ်ပါတယ်","validator.email":"မှန်ကန်သော အီးမေးလ်လိပ်စာထည့်သွင်းပါ","validator.number":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.digits":"နံပါတ်များသာဖြည့်ပါ","validator.maxlength":"ကျေးဇူးပြု၍ {0} ထပ်မပိုသော ဂဏန်းများသာဖြည့်ပါ","validator.minlength":"ကျေးဇူးပြု၍ အနည်းဆုံး {0} ဂဏန်းဖြည့်ပါ","validator.phone":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"km-KH":{"validator.required":"ព័ត៌មានចាំបាច់ដែលត្រូវបំពេញ","validator.email":"សូមវាយអាសយដ្ឋានអ៊ីម៉ែលឲ្យបានត្រឹមត្រូវ","validator.number":"សូមវាយបញ្ចូលលេខឲ្យបានត្រឹមត្រូវ","validator.digits":"វាយបញ្ចូលបានតែលេខប៉ុណ្ណោះ","validator.maxlength":"សូមវាយបញ្ចូលកុំឲ្យលើស {0} តួអក្សរ","validator.minlength":"សូមវាយបញ្ចូលតិចបំផុត {0} តួអក្ស","validator.phone":"សូមវាយបញ្ចូលលេខឲ្យបានត្រឹមត្រូវ","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"zh-TW":{"validator.required":"此為必填欄位","validator.email":"請填入有效的 email 地址","validator.number":"請填入有效的電話號碼","validator.digits":"此欄位僅能輸入數字","validator.maxlength":"請輸入少於 {0} 位數","validator.minlength":"請輸入至少 {0} 位數","validator.phone":"請填入有效的電話號碼","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"th-TH":{"validator.required":"ต้องระบุข้อมูลในช่องนี้","validator.email":"กรุณาใส่อีเมล์ที่ถูกต้อง","validator.number":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.digits":"กรุณาส่เฉพาะตัวเลข","validator.maxlength":"กรุณาใส่ตัวเลขมากกว่า {0} หลัก","validator.minlength":"กรุณาใส่ตัวเลขอย่างน้อย {0} หลัก","validator.phone":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign."},"tl-PH":ke},_e=function(e){var t=ye[e];return t\|\|ye["en-PH"]},Ee=function(e){var n=e.apiUrl,l=e.siteDomain,s=e.siteId,u=e.locale,f=e.apiSubotUrl,k=e.DEBUG_URL,y=r(),_=r(Date.now()),E=i((function(){var e=n;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[n,l,s]).apiUrl,w=c(null),C=w[0],N=w[1],S=c(""),x=S[0],T=S[1],B=c(null),j=B[0],L=B[1];d((function(){V.apiLeadUrl=E,V.apiSubotUrl=f}),[E,f]);var I=function(e,t){N(e),T(t)},P=function(){var e,t;if(C){ge("👋👋👋 CLOSE POPUP ".concat(C.code," 👋👋👋"));var a=Number(null===(e=C.rules.find((function(e){return"show_again_after_exit"==e.rule})))\|\|void 0===e?void 0:e.value),n=Number(null===(t=C.rules.find((function(e){return"days_to_show_again"==e.rule})))\|\|void 0===t?void 0:t.value);0==a&&g("lead_closed_".concat(C.code),"target_".concat(C.extra_fields.popupVersion),n?{domain:"."+l,days:n,path:"/"}:{domain:"."+l,path:"/"}),document.body.classList.remove("noscroll"),fetch("".concat(E,"api/campaign/").concat(C.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:v("hhg-id"),duration:Math.ceil((Date.now()-_.current)/1e3)})}),N(null),L(null)}};d((function(){if(window.next){var e=m((function(e){ge("--🌻 routeChangeComplete",e,Date.now());var t=location.pathname;P(),document.querySelectorAll('[data-popup-url="'.concat(t,'"]')).length\|\|ve({leadApi:E,leadDomain:l,leadSiteId:s,onShowPopup:I,DEBUG_URL:k}),y.current&&window.removeEventListener("scroll",y.current)}),500);window.next.router.events.on("routeChangeComplete",e)}ve({leadApi:E,leadDomain:l,leadSiteId:s,onShowPopup:I,DEBUG_URL:k})}),[]);return d((function(){C&&(_.current=Date.now())}),[C]),o.createElement(pe.Provider,{value:{apiUrl:E,siteDomain:l,siteId:s,locale:u}},o.createElement(h.Provider,{value:{locale:u,values:_e(u)}},p(o.createElement(o.Fragment,null,C&&o.createElement(be,{campaign:C,onClose:P,onSubmit:function(e,n,o){return t(void 0,void 0,void 0,(function(){var t,i,r,c,d,s,u,m,p,h,f,b,k,y,_,w,N,S,x,T,B,j,I,A,O,U,D,M,H,q,R,V,W,J,Y;return a(this,(function(a){switch(a.label){case 0:return e.preventDefault(),t=e.target,ge("submitHandler",n,o),i=new FormData(t),r={},i.forEach((function(e,t){r[t]=r[t]\|\|[],r[t].push(e)})),c=Object.keys(r).filter((function(e){return"phoneCountry"!==e})).map((function(e){return{name:e,value:String(r[e])}})),d=2,s=v("_ga")\|\|null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")];case 1:a.sent(),a.label=2;case 2:return u={url:location.href.toLowerCase(),title_article:document.title,meta:c.map((function(e){var a,n,l=(null===(a=t.querySelector('[name="'.concat(e.name,'"]')))\|\|void 0===a?void 0:a.getAttribute("data-control"))\|\|(null===(n=t.querySelector('*[data-extra][data-name="'.concat(e.name,'"]')))\|\|void 0===n?void 0:n.getAttribute("data-control"))\|\|"text",o="tel"===l?window.intlTelInputUtils.formatNumber(String(e.value),null==F?void 0:F.countryCodeNumber,d).replace(/\s+/g,""):e.value;return{key:e.name,value:o,control:l,is_sent_mailchimp:t.querySelector('div[data-name="'.concat(e.name,'-mailchimp"]'))?"true":"false"}})),cookie_id:v("hhg-id"),ga_client_id:s},n&&o[n].value_en&&(u.category=o[n].value_en),m=Number((null===(U=null===(O=C.rules)\|\|void 0===O?void 0:O.find((function(e){return"days_to_show_again"===e.rule})))\|\|void 0===U?void 0:U.value)\|\|7),0==(p=Number((null===(M=null===(D=C.rules)\|\|void 0===D?void 0:D.find((function(e){return"show_again_after_submit"===e.rule})))\|\|void 0===M?void 0:M.value)\|\|0))&&(ge("⛔ Popup never show again!"),g("lead_submited_".concat(C.code),"target_".concat(C.extra_fields.targetType),{domain:"."+l,path:"/"})),1==p&&(ge("⌛ Popup will show again after ".concat(m," days!")),g("lead_submited_".concat(C.code),"target_".concat(C.extra_fields.targetType),{domain:"."+l,days:m,path:"/"})),fetch("".concat(E,"api/campaign/").concat(C.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(u)}),"notshow"==C.extra_fields.popupShowThankYou?(P(),document.body.classList.remove("noscroll"),[2]):(h=!0,f=C.thank_you_image\|\|"".concat(E,"admin/img/thanksyou.png"),b=C.extra_fields.popupThankyouTitle\|\|"Thank you.",k=C.extra_fields.popupThankyouDesc\|\|"We appreciate your time!",y="",_="",S="","2.1"==C.extra_fields.popupVersion&&(x=C.extra_fields,T=JSON.parse(x.listBlockThankyou),B=T.find((function(e){return"TitleBlock"==e.name})),j=T.find((function(e){return"SubtitleBlock"==e.name})),I=T.find((function(e){return"LinkButtonBlock"==e.name})),b=(null===(H=null==B?void 0:B.data)\|\|void 0===H?void 0:H.value)\|\|"",y=(null===(q=null==B?void 0:B.data)\|\|void 0===q?void 0:q.align)\|\|"",k=(null===(R=null==j?void 0:j.data)\|\|void 0===R?void 0:R.value)\|\|"",_=(null===(V=null==j?void 0:j.data)\|\|void 0===V?void 0:V.align)\|\|"",w=(null===(W=null==I?void 0:I.data)\|\|void 0===W?void 0:W.value)\|\|"",N=(null===(J=null==I?void 0:I.data)\|\|void 0===J?void 0:J.newtab)\|\|!1,S=(null===(Y=null==I?void 0:I.data)\|\|void 0===Y?void 0:Y.url)\|\|"",A=C.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(A)&&(h=!1)),L(h?{title:b,titleAlign:y,subtitle:k,subtitleAlign:_,link:S,linkNewTab:N,linkText:w,image:f}: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}},c.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:x,showThankyou:j,locale:u})),b())))};export{Ee as LeadGen};

package/build/esm/mantine.js CHANGED Viewed

	@@ -1 +1 @@
1	- ~~import~~{c as ~~t,_ as r~~}from"./~~tslib.es6~~-~~35559a01~~.js";import o,~~{useMemo~~ as n,~~useState~~ as a,~~useEffect~~ as i}from"~~react~~";~~import~~{~~Autocomplete~~ as s,~~Image~~ as l,~~Select~~ as c,~~Indicator~~ as m,~~Badge~~ as p,~~Spoiler~~ as h,~~LoadingOverlay~~ as f,~~Switch~~ as v,~~MantineProvider~~ as E,~~clsx~~ as x,~~Title~~ as ~~b,Text as w,Button as j~~}from"~~@mantine/core~~";import{~~CommonGAssets~~ as k}from"./~~gAssets~~.js";import{S ~~as y~~,a as S,b as B,c as ~~H,u as L,g as z~~}from"~~./index-5eb10add.js~~";~~export~~{A as ~~Accordion~~,d as ~~Avatar~~,C as ~~Carousel~~,e as ~~Checkbox~~,D as ~~DatePicker~~,M as ~~MAPPED_LOCALE~~,O as ~~OTP~~,P as ~~Phone~~,R as ~~Radio~~,g as ~~getMantineThemeOverride,u as useMantineLocale~~}from"~~./index-5eb10add.js~~";import"dayjs";import"./screenSizeContext-~~20344057~~.js";import"styled-components";import{t as N}from"./theme-~~96058860~~.js";import"./index-~~103a41c7~~.js";import"./utils-~~9cd9b77f~~.js";import"./isProduction-~~01c83152~~.js";import"./Locale-~~69a52356~~.js";import{T}from"./index-~~3a9ba344~~.js";import{u as F}from"./useTranslations-~~2f1b3d5f~~.js";import{D as W}from"./index-~~b6619b35~~.js";export{I as Input,e as emotionCache}from"./index-~~b6619b35~~.js";export{C as CentralCarousel}from"./index-~~67f30064~~.js";import{useDebouncedValue as G}from"@mantine/hooks";import{B as J}from"./index-~~2dc0aebe~~.js";import"./Vietnam-~~79ea7fd6~~.js";import"@mantine/dates";import"@mantine/carousel";import"./defaultClassWrapper-~~df6eb1f9~~.js";import"lodash/throttle";import"./translationsContext-~~dd8efa79~~.js";import"string-format";var V=function(e){var ~~n=e.keepSearch,a=void 0!==n&&n,i=~~t(e,["keepSearch"]);return a?o.createElement(s,r({rightSection:o.createElement(l,{src:k.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):o.createElement(c,r({rightSection:o.createElement(l,{src:k.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},_=~~function(~~e~~){var n=e~~.styles,a=t(e,["styles"]);return o.createElement(m,r({inline:!0,position:"top-end",offset:4,styles:r({indicator:{backgroundColor:N.colors.red700},processing:{animationDirection:"alternate"}},n)},a))},U=function(e){return o.createElement(y,r({minRows:2,maxRows:4},e))},Y=function(e){var n=e.title,a=t(e,["title"]);return o.createElement(o.Fragment,null,o.createElement(S,r({centered:!0},a,{withCloseButton:!1,title:a.withCloseButton&&o.createElement(o.Fragment,null,n,o.createElement("img",{className:"mantine-Modal-close",src:k.getAssetPath("CloseModal.svg"),onClick:function(){var e;return null===(e=a.onClose)\|\|void 0===e?void 0:e.call(a)}}))})))},Z=function(e){var n=e.color,a=void 0===n?N.colors.primaryBase:n,i=e.styles,s=t(e,["color","styles"]);return o.createElement(p,r({variant:"filled",color:a,styles:r({root:{borderRadius:"2px",background:a,textTransform:"unset"}},i)},s))},q=function(e){var a=e.children,i=e.line,s=e.lineHeight,l=e.trackingAttributes,c=e.maxHeight,m=e.customExpandFn,d=t(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),u=F().t,p=n((function(){return c\|\|(i&&s?i*s:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);a\|\|console.error("[HHG-Comp]:[Spoiler] Please provide children");var f=n((function(){return l?{"data-event-category":l.dataEventCategory,"data-event-action":l.dataEventAction,"data-event-label":l.dataEventLabel}:{}}),[l]);return o.createElement(h,r({showLabel:o.createElement(T,r({size:"p3",color:N.colors.primaryBase},f,{onClick:m}),u("articlePage.readMore")),hideLabel:o.createElement(T,r({size:"p3",color:N.colors.primaryBase},f),u("articlePage.showLess"))},d,{maxHeight:p}),a)},K=function(e){return o.createElement(f,r({loaderProps:{color:N.colors.primaryBase}},e))},Q=function(e){var n=e.color,s=void 0===n?N.colors.primaryBase:n,l=e.withControl,c=e.onChange,m=e.value,d=e.min,u=e.max,p=e.isStatic,h=t(e,["color","withControl","onChange","value","min","max","isStatic"]),f=a(m\|\|d\|\|0),v=f[0],g=f[1],E=G(v,W)[0];return i((function(){null==c\|\|c(E)}),[E]),o.createElement(B,null,l&&o.createElement(J,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return d&&e===d?e:e-1}))}},o.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.createElement("path",{d:"M1 1.004h8",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.createElement(H,r({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:s,value:v,onChange:p?function(){return null}:g,min:d,max:u},h)),l&&o.createElement(J,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return u&&e===u?e:e+1}))}},o.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.createElement("path",{d:"M8 4v8M4 8h8",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},X=~~v,$=~~function(e){var n=e.children,a=e.locale,i=t(e,["children","locale"]);return L(a),o.createElement(E,r({theme:z(a)},i),n)},ee={container:"MON6sfi",iconContainer:"pS-tJD7",icon:"s3tJ9-5",title:"fNsZr1b",description:"uuxV74v",button:"YohjTDU"};function te(e){var n=e.icon,a=e.title,i=e.description,s=e.button,l=e.buttonProps,c=e.style,m=e.className,d=l\|\|{},u=d.size,p=void 0===u?"lg":u,h=d.variant,f=void 0===h?"outline":h,v=t(d,["size","variant"]),g=n;return o.createElement("div",{className:x("result",ee.container,m),style:c},g&&o.createElement("div",{className:x("resultIconContainer",ee.iconContainer)},o.createElement(g,{className:x("resultIcon",ee.icon)})),o.createElement(b,{order:3,size:"h3",className:x("resultTitle",ee.title)},a),o.createElement(w,{className:x("resultDescription",ee.description)},i),s&&o.createElement(j,r({},v,{size:p,variant:f,className:x("resultButton",ee.button,v.className)}),s))}export{Z as Badge,_ as Indicator,K as LoadingOverlay,$ as MantineProvider,Y as Modal,te as Result,V as ~~Select,Q as~~ Slider,q as Spoiler,X as Switch,U as TextArea};
1	+ export{S as Select}from"./index-4696eea6.js";import{S as t,a as o,b as r,c as n,u as a,g as i}from"./index-e48b4ea4.js";export{A as Accordion,d as Avatar,C as Carousel,e as Checkbox,D as DatePicker,M as MAPPED_LOCALE,O as OTP,P as Phone,R as Radio,g as getMantineThemeOverride,u as useMantineLocale}from"./index-e48b4ea4.js";import{b as s,_ as l}from"./tslib.es6-d30ee1d0.js";import c,{useMemo as m,useState as p,useEffect as h}from"react";import{Indicator as f,Badge as v,Spoiler as b,LoadingOverlay as x,Switch as E,MantineProvider as j,clsx as w,Title as y,Text as k,Button as B}from"@mantine/core";import"dayjs";import"./screenSizeContext-0935b635.js";import"styled-components";import{t as L}from"./theme-7bc1781d.js";import"./index-adb39b83.js";import"./utils-70e9fb51.js";import"./isProduction-2695b0b1.js";import"./Locale-4016af54.js";import{CommonGAssets as H}from"./gAssets.js";import{T as N}from"./index-25affdbf.js";import{u as z}from"./useTranslations-508e7f07.js";import{D as T}from"./index-b449abc2.js";export{I as Input,e as emotionCache}from"./index-b449abc2.js";export{C as CentralCarousel}from"./index-1c107e45.js";import{useDebouncedValue as F}from"@mantine/hooks";import{B as W}from"./index-1cec6476.js";import"./Vietnam-b1633731.js";import"@mantine/dates";import"@mantine/carousel";import"./defaultClassWrapper-799bd287.js";import"lodash/throttle";import"./translationsContext-2ccd1a40.js";import"string-format";var G=function(e){var t=e.styles,o=s(e,["styles"]);return c.createElement(f,l({inline:!0,position:"top-end",offset:4,styles:l({indicator:{backgroundColor:L.colors.red700},processing:{animationDirection:"alternate"}},t)},o))},J=function(e){return c.createElement(t,l({minRows:2,maxRows:4},e))},V=function(e){var t=e.title,r=s(e,["title"]);return c.createElement(c.Fragment,null,c.createElement(o,l({centered:!0},r,{withCloseButton:!1,title:r.withCloseButton&&c.createElement(c.Fragment,null,t,c.createElement("img",{className:"mantine-Modal-close",src:H.getAssetPath("CloseModal.svg"),onClick:function(){var e;return null===(e=r.onClose)\|\|void 0===e?void 0:e.call(r)}}))})))},_=function(e){var t=e.color,o=void 0===t?L.colors.primaryBase:t,r=e.styles,n=s(e,["color","styles"]);return c.createElement(v,l({variant:"filled",color:o,styles:l({root:{borderRadius:"2px",background:o,textTransform:"unset"}},r)},n))},U=function(e){var t=e.children,o=e.line,r=e.lineHeight,n=e.trackingAttributes,a=e.maxHeight,i=e.customExpandFn,u=s(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),d=z().t,p=m((function(){return a\|\|(o&&r?o*r:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);t\|\|console.error("[HHG-Comp]:[Spoiler] Please provide children");var h=m((function(){return n?{"data-event-category":n.dataEventCategory,"data-event-action":n.dataEventAction,"data-event-label":n.dataEventLabel}:{}}),[n]);return c.createElement(b,l({showLabel:c.createElement(N,l({size:"p3",color:L.colors.primaryBase},h,{onClick:i}),d("articlePage.readMore")),hideLabel:c.createElement(N,l({size:"p3",color:L.colors.primaryBase},h),d("articlePage.showLess"))},u,{maxHeight:p}),t)},Y=function(e){return c.createElement(x,l({loaderProps:{color:L.colors.primaryBase}},e))},Z=function(e){var t=e.color,o=void 0===t?L.colors.primaryBase:t,a=e.withControl,i=e.onChange,m=e.value,u=e.min,d=e.max,f=e.isStatic,v=s(e,["color","withControl","onChange","value","min","max","isStatic"]),g=p(m\|\|u\|\|0),b=g[0],x=g[1],E=F(b,T)[0];return h((function(){null==i\|\|i(E)}),[E]),c.createElement(r,null,a&&c.createElement(W,{type:"button",size:"sm",color:"ghost",onClick:function(){x((function(e){return u&&e===u?e:e-1}))}},c.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},c.createElement("path",{d:"M1 1.004h8",stroke:o,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),c.createElement(n,l({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:o,value:b,onChange:f?function(){return null}:x,min:u,max:d},v)),a&&c.createElement(W,{type:"button",size:"sm",color:"ghost",onClick:function(){x((function(e){return d&&e===d?e:e+1}))}},c.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},c.createElement("path",{d:"M8 4v8M4 8h8",stroke:o,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},q=E,K=function(e){var t=e.children,o=e.locale,r=s(e,["children","locale"]);return a(o),c.createElement(j,l({theme:i(o)},r),t)},Q={container:"MON6sfi",iconContainer:"pS-tJD7",icon:"s3tJ9-5",title:"fNsZr1b",description:"uuxV74v",button:"YohjTDU"};function X(e){var t=e.icon,o=e.title,r=e.description,n=e.button,a=e.buttonProps,i=e.style,m=e.className,u=a\|\|{},d=u.size,p=void 0===d?"lg":d,h=u.variant,f=void 0===h?"outline":h,v=s(u,["size","variant"]),g=t;return c.createElement("div",{className:w("result",Q.container,m),style:i},g&&c.createElement("div",{className:w("resultIconContainer",Q.iconContainer)},c.createElement(g,{className:w("resultIcon",Q.icon)})),c.createElement(y,{order:3,size:"h3",className:w("resultTitle",Q.title)},o),c.createElement(k,{className:w("resultDescription",Q.description)},r),n&&c.createElement(B,l({},v,{size:p,variant:f,className:w("resultButton",Q.button,v.className)}),n))}export{_ as Badge,G as Indicator,Y as LoadingOverlay,K as MantineProvider,V as Modal,X as Result,Z as Slider,U as Spoiler,q as Switch,J as TextArea};

package/build/esm/misc.js CHANGED Viewed

	@@ -1 +1 @@
1	- export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-~~fe3a9b22~~.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-~~20344057~~.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-~~976f42d9~~.js";import"react";import"styled-components";export{t as theme}from"./theme-~~96058860~~.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-~~239e31f5~~.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-~~49d2e577~~.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-~~9cd9b77f~~.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-~~ba21a127~~.js";export{g as getSocialList}from"./getSocialList-~~fa98373a~~.js";import"dayjs";import"./tslib.es6-~~35559a01~~.js";import"lodash/throttle";import"./index-~~103a41c7~~.js";import"./Locale-~~69a52356~~.js";import"./isProduction-~~01c83152~~.js";import"./core-~~789501bc~~.js";import"./gAssets.js";
1	+ export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-a0f46cf3.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-0935b635.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-25d144e6.js";import"react";import"styled-components";export{t as theme}from"./theme-7bc1781d.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-988dd457.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-dc5d6804.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-70e9fb51.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-30e15b49.js";export{g as getSocialList}from"./getSocialList-00f3291b.js";import"dayjs";import"./tslib.es6-d30ee1d0.js";import"lodash/throttle";import"./index-adb39b83.js";import"./Locale-4016af54.js";import"./isProduction-2695b0b1.js";import"./core-ca6f791d.js";import"./gAssets.js";

package/build/esm/navigation.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"./tslib.es6-~~35559a01~~.js";import"react";import"./core-~~789501bc~~.js";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-~~19d60cfa~~.js";import"./index-~~103a41c7~~.js";import"./routing-~~49d2e577~~.js";import"./index-~~f6913e60~~.js";import"./isProduction-~~01c83152~~.js";import"./gAssets.js";import"./Locale-~~69a52356~~.js";import"~~styled-components";import"~~./index-~~3a9ba344~~.js";import"./index-~~146fcda1~~.js";import"./index-~~164327bb~~.js";import"./utils-~~9cd9b77f~~.js";import"./useTranslations-~~2f1b3d5f~~.js";import"./translationsContext-~~dd8efa79~~.js";import"string-format";import"lodash/throttle";import"./index-~~2dc0aebe~~.js";import"./theme-~~96058860~~.js";import"@mantine/core";import"./~~defaultClassWrapper~~-~~df6eb1f9~~.js";import"./~~cookieHelper~~-~~976f42d9~~.js";import"./~~FullScreen~~-~~033e68c4~~.js";import"./index.styled-~~d728ee67~~.js";import"./~~index.styled~~-~~5831fca6~~.js";import"dayjs";import"./screenSizeContext-~~20344057~~.js";import"react-range";import"./index.styled-~~21e1a169~~.js";import"./index-~~6014171d~~.js";import"./constants-~~903be492~~.js";import"~~dayjs~~/~~plugin/relativeTime~~";import"~~lodash/debounce~~";import"slugify";
1	+ import"./tslib.es6-d30ee1d0.js";import"react";import"./core-ca6f791d.js";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-76cb1aab.js";import"./index-adb39b83.js";import"./routing-dc5d6804.js";import"./dataTransform-ffa76670.js";import"./index.styled-14fee472.js";import"./isProduction-2695b0b1.js";import"./gAssets.js";import"./Locale-4016af54.js";import"./index-25affdbf.js";import"./index-0d4f2427.js";import"./index-942fa515.js";import"./utils-70e9fb51.js";import"styled-components";import"./useTranslations-508e7f07.js";import"./translationsContext-2ccd1a40.js";import"string-format";import"lodash/throttle";import"./index-1cec6476.js";import"./theme-7bc1781d.js";import"@mantine/core";import"./cookieHelper-25d144e6.js";import"./FullScreen-ebf003ef.js";import"./index.styled-7e0ac6f9.js";import"./index.styled-290f3971.js";import"./defaultClassWrapper-799bd287.js";import"dayjs";import"./screenSizeContext-0935b635.js";import"react-range";import"./index.styled-ee34e641.js";import"./index-cb56f0fb.js";import"./constants-8b9cd77e.js";import"lodash/debounce";import"./index-59cc5965.js";import"slugify";import"dayjs/plugin/relativeTime";

package/build/esm/onboarding.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{b as n,c as e,_ as o,d as t,e as r}from"./tslib.es6-35559a01.js";import i,{useState as a,useRef as l,useEffect as s,useMemo as c,useCallback as d}from"react";import{useInterval as m,useCounter as p}from"@mantine/hooks";import{H as u}from"./FullScreen-033e68c4.js";import"./index.styled-d728ee67.js";import{B as g}from"./index-2dc0aebe.js";import"./gAssets.js";import"./index.styled-5831fca6.js";import{c as b}from"./index-164327bb.js";import{M as h}from"./utils-9cd9b77f.js";import"react-range";import"dayjs";import"./screenSizeContext-20344057.js";import f from"styled-components";import{t as x}from"./theme-96058860.js";import{L as E}from"./index-103a41c7.js";import"./isProduction-01c83152.js";import{L as v}from"./Locale-69a52356.js";import"./index.styled-21e1a169.js";import{Container as y,Input as w}from"@mantine/core";import{u as P}from"./useTranslations-2f1b3d5f.js";import"./index-6014171d.js";import"lodash/debounce";import"./translationsContext-dd8efa79.js";import"string-format";import{T as S}from"./index-3a9ba344.js";import{useForm as C,yupResolver as k}from"@mantine/form";import{P as j,O as I,D as M,R as N}from"./index-5eb10add.js";importas z from"yup";import T from"lodash/throttle";import{P as L}from"./index-b6619b35.js";import"./index-67f30064.js";import{format as O}from"date-fns";import{V as B}from"./Visible-cb38d438.js";import"./defaultClassWrapper-df6eb1f9.js";import"./Vietnam-79ea7fd6.js";import"@mantine/dates";import"@mantine/carousel";var F,V,D,H,U,q,R,A,W=f.div(F\|\|(F=n([""],[""]))),_=f(S)(V\|\|(V=n(["\n margin-top: 8px;\n"],["\n margin-top: 8px;\n"]))),Y=f.div(D\|\|(D=n(["\n margin-top: 70px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n"],["\n margin-top: 70px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n"]))),K=f(y)(H\|\|(H=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-bottom: 32px;\n text-align: center;\n "," {\n margin-bottom: 16px;\n }\n }\n\n .input-control {\n width: 100%;\n\n label {\n font-size: 12px;\n line-height: 18px;\n font-weight: 600;\n margin-bottom: 6px;\n }\n\n input {\n height: 42px;\n line-height: 42px;\n font-size: 14px;\n }\n }\n .radio-group,\n .input-control {\n margin-bottom: 16px;\n }\n .form {\n width: 100%;\n }\n\n .form-error {\n margin-top: 32px;\n font-size: 14px;\n }\n\n .field-error {\n margin-top: 10px;\n font-size: 14px;\n }\n\n .form-button {\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-bottom: 32px;\n text-align: center;\n "," {\n margin-bottom: 16px;\n }\n }\n\n .input-control {\n width: 100%;\n\n label {\n font-size: 12px;\n line-height: 18px;\n font-weight: 600;\n margin-bottom: 6px;\n }\n\n input {\n height: 42px;\n line-height: 42px;\n font-size: 14px;\n }\n }\n .radio-group,\n .input-control {\n margin-bottom: 16px;\n }\n .form {\n width: 100%;\n }\n\n .form-error {\n margin-top: 32px;\n font-size: 14px;\n }\n\n .field-error {\n margin-top: 10px;\n font-size: 14px;\n }\n\n .form-button {\n width: 100%;\n }\n"])),h.mbDown),Z=f.img(U\|\|(U=n(["\n margin-bottom: 38px;\n"],["\n margin-bottom: 38px;\n"]))),G=function(n){var t,r=n.heading,a=n.description,l=n.children,s=n.className,c=n.imgSrc,d=e(n,["heading","description","children","className","imgSrc"]);return i.createElement(K,o({},d,{className:"hhg-comp-onboarding-container ".concat(s),size:"sm"}),i.createElement(b,{type:(null===(t=E[process.env.UNIFY_LOCALE])\|\|void 0===t?void 0:t.LOGO_TYPE)\|\|"hellobacsi"}),i.createElement(Y,null,c&&i.createElement(Z,{src:c,loading:"lazy"}),i.createElement(W,{className:"header"},i.createElement(u,{tag:"h3"},r),i.createElement(_,{size:"p3",color:x.colors.gray600},a)),l))},J=function(n){return z.object().shape({phone:z.string().required(n("onboarding.updatePhone.error")).default("")})},Q=function(n){return z.object().shape({otp:z.string().required(n("onboarding.otpForm.error")).length(6,n("onboarding.otpForm.error")).default("")})},X=function(n){return z.object().shape({email:z.string().required(n("onboarding.errorMessage.requiredEmail")).email(n("onboarding.errorMessage.invalidEmail")).default(""),name:z.string().required(n("onboarding.errorMessage.requiredName"))})},$=function(n){return z.object().shape({password:z.string().required(n("onboarding.errorMessage.requiredPassword")).min(8,n("onboarding.errorMessage.minLength",{length:8})).matches(/.[A-Z]./,n("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:z.string().required(n("onboarding.errorMessage.requiredConfirmPassword")).oneOf([z.ref("password"),null],n("onboarding.errorMessage.passNotMatch")).default("")})},nn=f(G)(q\|\|(q=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"],["\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"])),h.mbDown),en=((R={})[v.Vietnam]="VN",R[v.Cambodia]="KH",R[v.Indonesia]="ID",R[v.Malaysia]="MY",R[v.PhilippinesEnglish]="PH",R[v.PhilippinesTagalog]="PH",R[v.Taiwan]="TW",R[v.Thailand]="TH",R[v.Myanmar]="MM",R),on=function(n){var e=n.onClose,a=n.onSubmit,l=n.canSkip,s=void 0===l\|\|l,c=n.customFormTexts,d=P().t,m=C({initialValues:{phone:""},validate:k(J(d))});return i.createElement(nn,{heading:(null==c?void 0:c.heading)\|\|d("onboarding.updatePhone.heading"),description:(null==c?void 0:c.description)\|\|d("onboarding.updatePhone.description")},i.createElement("form",{onSubmit:m.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(e){return a(n.phone),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"phone-input"},i.createElement(j,o({defaultCountry:en[process.env.UNIFY_LOCALE]\|\|"VN"},m.getInputProps("phone"))),i.createElement(w.Error,null,m.errors.phone)),i.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},d("onboarding.button.continue")),s&&i.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},d("onboarding.button.skip"))))};(A={})[v.Vietnam]="VN",A[v.Cambodia]="KH",A[v.Indonesia]="ID",A[v.Malaysia]="MY",A[v.PhilippinesEnglish]="PH",A[v.PhilippinesTagalog]="PH",A[v.Taiwan]="TW",A[v.Thailand]="TH",A[v.Myanmar]="MM";var tn,rn,an,ln,sn,cn,dn,mn,pn,un,gn,bn,hn=function(n){void 0===n&&(n="");var e=n.indexOf("@"),o=n.substring(0,e),t=o.length>3?3:o.length;return n.replace(n.substring(t,e),n.slice(t,e).replace(/./g,"x"))},fn=f(G)(tn\|\|(tn=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 .phone-description {\n margin-left: 2px;\n margin-top: 2px;\n }\n .otp-description-edit-icon {\n cursor: pointer;\n vertical-align: bottom;\n / height: 100%; /\n margin-bottom: 3px;\n margin-left: 3px;\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 .phone-description {\n margin-left: 2px;\n margin-top: 2px;\n }\n .otp-description-edit-icon {\n cursor: pointer;\n vertical-align: bottom;\n / height: 100%; */\n margin-bottom: 3px;\n margin-left: 3px;\n }\n"])),h.mbDown,h.mbDown),xn=function(n){var e=n.onSubmit,d=n.phone,u=n.email,b=n.onResendCode,h=n.otpError,f=n.onClose,E=n.loading,v=n.onBack,y=n.canSkip,j=n.outOfEdit,M=a(30),N=M[0],z=M[1],L=m((function(){return z((function(n){return n-1}))}),1e3),O=p(0,{min:0,max:3}),B=O[0],F=O[1],V=l(!0),D=P().t;s((function(){return L.start(),L.stop}),[]),s((function(){0===N&&(L.stop(),V.current=!1)}),[N]);var H=C({initialValues:{otp:""},validate:k(Q(D))});s((function(){h&&H.setFieldError("otp",h)}),[h]);var U=c((function(){return T((function(){V.current\|\|(F.increment(),z(30),null==b\|\|b(d\|\|u),L.start(),V.current=!0)}),1e3,{trailing:!1})}),[d,u,b,L]);return i.createElement(fn,{heading:D("onboarding.otpForm.heading"),description:i.createElement(i.Fragment,null,i.createElement("span",{dangerouslySetInnerHTML:{__html:d?D("onboarding.otpForm.description",{phone:'<b style="color:'.concat(x.colors.gray800,'">').concat(d.slice(0,-3).replace(/./g,"x").concat(d.slice(-3)),"</b>")}):D("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(x.colors.gray800,'">').concat(hn(u),"</b>")})}}),!j&&i.createElement("svg",{onClick:function(){null==v\|\|v()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},i.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},i.createElement("form",{onSubmit:H.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(o){return F.increment(),e(n.otp),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"otp-input"},i.createElement(I,o({enterKeyHint:void 0,nonce:void 0},H.getInputProps("otp"))),i.createElement(w.Error,null,H.errors.otp)),i.createElement("div",{className:"resend"},i.createElement(S,{size:"p4",color:x.colors.gray400},D("onboarding.otpForm.notReceiveOTP")),i.createElement(S,{as:"a",size:"p4",color:x.colors.primaryBase,onClick:U},D("onboarding.otpForm.resendCode",{seconds:N}))),i.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:E,disabled:E,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},D("onboarding.button.continue")),y&&B>=3&&i.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:f,type:"button"},D("onboarding.button.skip"))))},En=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.loading,l=n.errorMessage,c=n.initialData,d=P().t,m=C({validate:k(X(d))});return s((function(){m.setValues(o(o({gender:"0"},c),(null==c?void 0:c.birthday)&&{birthday:new Date(c.birthday)}))}),[c]),s((function(){l&&m.setFieldError("email",l)}),[l]),i.createElement(G,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description")},i.createElement("form",{className:"form",onSubmit:m.onSubmit((function(n){t(o(o({},n),{birthday:O(n.birthday,"yyyy-MM-dd")}))}),(function(n){console.log({fieldErrors:n})}))},i.createElement(w.Wrapper,{label:d("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},i.createElement(w,o({},m.getInputProps("name"))),i.createElement(w.Error,{className:"field-error"},m.errors.name)),i.createElement(w.Wrapper,{label:d("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},i.createElement(w,o({},m.getInputProps("email"))),i.createElement(w.Error,{className:"field-error"},m.errors.email)),i.createElement(M,o({className:"input-control",label:d("onboarding.formEmail.yourBirthday")},m.getInputProps("birthday"))),i.createElement(N.Group,{value:m.values.gender,onChange:function(n){return m.setFieldValue("gender",n)},className:"radio-group"},i.createElement(N,{value:"0",label:d("onboarding.formEmail.genderMale")}),i.createElement(N,{value:"1",label:d("onboarding.formEmail.genderFemale")})),i.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:a,disabled:a},d("onboarding.button.continue")),r&&i.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip"))))},vn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.errorMessage,l=n.loading,s=P().t,c=C({initialValues:{password:"",confirmPassword:""},validate:k($(s))});return i.createElement(G,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},i.createElement("form",{className:"form",onSubmit:c.onSubmit((function(n){return t((null==n?void 0:n.password)\|\|"")}),(function(n){console.log({fieldErrors:n})}))},i.createElement(L,o({label:s("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:i.createElement(B,null)},c.getInputProps("password"))),i.createElement(L,o({label:s("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:i.createElement(B,null)},c.getInputProps("confirmPassword"))),i.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),r&&i.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e},s("onboarding.button.skip")),a&&i.createElement(w.Error,{className:"form-error"},a)))},yn=f.div(rn\|\|(rn=n(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1000;\n background: white;\n overflow-y: auto;\n"],["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1000;\n background: white;\n overflow-y: auto;\n"]))),wn=f.div(an\|\|(an=n(["\n height: 100%;\n "," {\n display: table;\n width: 100%;\n height: calc(100% - 25px);\n }\n"],["\n height: 100%;\n "," {\n display: table;\n width: 100%;\n height: calc(100% - 25px);\n }\n"])),h.lgPcUp),Pn=f.div(ln\|\|(ln=n(["\n padding: 48px 24px 24px;\n\n "," {\n display: table-cell;\n\n &[data-has-banner='true'] {\n width: calc(100% - 640px);\n }\n }\n"],["\n padding: 48px 24px 24px;\n\n "," {\n display: table-cell;\n\n &[data-has-banner='true'] {\n width: calc(100% - 640px);\n }\n }\n"])),h.lgPcUp),Sn=f.div(sn\|\|(sn=n(["\n width: 640px;\n padding: 16px 16px 0 16px;\n display: none;\n\n "," {\n width: 640px;\n display: table-cell;\n }\n"],["\n width: 640px;\n padding: 16px 16px 0 16px;\n display: none;\n\n "," {\n width: 640px;\n display: table-cell;\n }\n"])),h.lgPcUp),Cn=f.div(cn\|\|(cn=n(["\n background-color: ",";\n border-radius: 12px;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n"],["\n background-color: ",";\n border-radius: 12px;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n"])),x.colors.blue50),kn=f.div(dn\|\|(dn=n(["\n margin-top: 40px;\n padding: 24px 40px;\n"],["\n margin-top: 40px;\n padding: 24px 40px;\n"]))),jn=f(u)(mn\|\|(mn=n(["\n margin-bottom: 24px;\n text-align: center;\n"],["\n margin-bottom: 24px;\n text-align: center;\n"]))),In=f(S)(pn\|\|(pn=n([""],[""]))),Mn=f.img(un\|\|(un=n(["\n width: 100%;\n display: block;\n"],["\n width: 100%;\n display: block;\n"]))),Nn=f.div(gn\|\|(gn=n([""],[""])));!function(n){n[n.Phone=0]="Phone",n[n.OTP=1]="OTP",n[n.OTPEmail=2]="OTPEmail",n[n.PersonalInfo=3]="PersonalInfo",n[n.UpdatePassword=4]="UpdatePassword",n[n.Result=5]="Result"}(bn\|\|(bn={}));var zn=function(n){var l=n.onClose,s=n.canSkip,c=n.flow,m=void 0===c?[bn.Phone,bn.OTP]:c,u=n.step,b=n.onPhoneSubmit,h=n.onOtpSubmit,f=n.onPersonalInfoSubmit,E=n.onCreatePassByEmail,v=n.onResendCode,y=n.otpError,w=n.personalInfoError,S=n.createPassError,C=n.emailLoading,k=n.createPassLoading,j=n.otpLoading,I=n.customFormTexts,M=n.initialData,N=n.banner,z=n.resultScreenProps,T=e(n,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps"]),L=P().t,O=a(u\|\|m[0]),B=O[0],F=O[1],V=a(""),D=V[0],H=V[1],U=a(""),q=U[0],R=U[1],A=p(0,{min:0,max:2}),W=A[0],_=A[1],Y=d((function(){var n=m.indexOf(B)+1;n<=m.length-1&&F(m[n])}),[B]),K=d((function(){var n=m.indexOf(B)-1;n>=0&&F(m[n])}),[B]),Z=function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,h(n)];case 1:return!o.sent()&&Y(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},J=function(){W>=2\|\|(_.increment(),K())};return i.createElement(yn,o({},T),m.length>0?i.createElement(wn,null,i.createElement(Pn,{"data-has-banner":"object"==typeof N},B===bn.Phone&&i.createElement(on,{onClose:l,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),H(n),[4,null==b?void 0:b(n)];case 1:return o.sent(),Y(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},customFormTexts:I.onboarding}),B===bn.OTP&&i.createElement(xn,{onClose:l,onSubmit:Z,phone:D,onResendCode:v,otpError:y,loading:j,canSkip:s,onBack:J,outOfEdit:W>=2}),B===bn.OTPEmail&&i.createElement(xn,{onClose:l,onSubmit:Z,onResendCode:v,otpError:y,loading:j,canSkip:s,onBack:J,outOfEdit:W>=2,email:q}),B===bn.PersonalInfo&&i.createElement(En,{initialData:null==M?void 0:M[bn.PersonalInfo],onClose:l,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),R((null==n?void 0:n.email)\|\|""),[4,null==f?void 0:f(n)];case 1:return!o.sent()&&Y(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:w,loading:C}),B===bn.UpdatePassword&&i.createElement(vn,{onClose:l,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,null==E?void 0:E(n)];case 1:return o.sent(),!S&&Y(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:S,loading:k}),B===bn.Result&&i.createElement(G,o({},z),i.createElement(g,{size:"lg",onClick:l,className:"form-button"},L("onboarding.button.continue")))),"object"==typeof N&&i.createElement(Sn,null,i.createElement(Cn,null,i.createElement(kn,null,(null==N?void 0:N.heading)&&i.createElement(jn,{tag:"h1"},null==N?void 0:N.heading),(null==N?void 0:N.description)&&i.createElement(In,{size:"p1",color:x.colors.gray800},L("onboarding.welcomeScreen.content"))),(null==N?void 0:N.imgSrc)&&i.createElement(Nn,null,i.createElement(Mn,{src:null==N?void 0:N.imgSrc,loading:"lazy"}))))):"Incorrect flow")};export{en as MAPPED_LOCALE,on as OnboardingForm,zn as OnboardingModal,bn as OnboardingStep,xn as OtpForm};
1	+ export{M as MAPPED_LOCALE,b as OnboardingForm,O as OnboardingModal,a as OnboardingStep,c as OtpForm}from"./index-96792ca0.js";import"./tslib.es6-d30ee1d0.js";import"react";import"@mantine/hooks";import"./FullScreen-ebf003ef.js";import"styled-components";import"./utils-70e9fb51.js";import"./index.styled-7e0ac6f9.js";import"./theme-7bc1781d.js";import"./index.styled-290f3971.js";import"./defaultClassWrapper-799bd287.js";import"./index-942fa515.js";import"./gAssets.js";import"./index-adb39b83.js";import"./Locale-4016af54.js";import"./isProduction-2695b0b1.js";import"./index-25affdbf.js";import"dayjs";import"./screenSizeContext-0935b635.js";import"lodash/throttle";import"./index-1cec6476.js";import"react-range";import"./index.styled-ee34e641.js";import"@mantine/core";import"./useTranslations-508e7f07.js";import"./translationsContext-2ccd1a40.js";import"string-format";import"./index-cb56f0fb.js";import"lodash/debounce";import"@mantine/form";import"./index-e48b4ea4.js";import"./Vietnam-b1633731.js";import"@mantine/dates";import"@mantine/carousel";import"./index-b449abc2.js";import"yup";import"./index-1c107e45.js";import"date-fns";import"./Visible-68135612.js";

package/build/esm/pwg.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{_ as e,b as n,c as t}from"./tslib.es6-35559a01.js";import r,{useMemo as a,useState as l,useRef as o}from"react";import{M as i,a as c}from"./index-2e0a88c2.js";import{T as s}from"./index-3a9ba344.js";import{P as d}from"./index-4b0f780a.js";import{u as p}from"./useTranslations-2f1b3d5f.js";import{t as m}from"./theme-96058860.js";import{ResponsiveContainer as u,AreaChart as g,CartesianGrid as f,Tooltip as x,XAxis as y,YAxis as b,Area as h,ReferenceDot as k}from"recharts";import{C as v}from"./index-6014171d.js";import{u as w}from"./useOutsideClick-faa687a0.js";import E from"styled-components";import"./index.styled-21e1a169.js";import"./Locale-69a52356.js";import"./gAssets.js";import"./index-103a41c7.js";import"./isProduction-01c83152.js";import"./index-67f30064.js";import"@mantine/carousel";import"@mantine/hooks";import"./translationsContext-dd8efa79.js";import"string-format";var C,T,j,B,W=function(n){var t=n.weightByWeek,r=n.weightBefore,a=n.toolTipLabel,l=n.status,o=n.activeWeek,i=(0,n.t)("bmi.result.".concat(l));return t.map((function(n){return e({name:n.week,min:r+n.min,difference:n.max-n.min,max:r+n.max},n.week===o?{toolTipLabel:a,translatedStatus:i,status:l}:{})}))},L=function(e){var n=e.x,t=e.y,a=e.payload;return e.activeWeek===a.value?r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?m.mbColors.pink:m.colors.primaryBase}),r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:m.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:m.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},z=E.div(C\|\|(C=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"],["\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"])),m.colors.yellow600),S=E.div(T\|\|(T=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"],["\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"]))),F=E.div(j\|\|(j=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"],["\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"]))),I=[{name:"overweight",backgroundColor:m.colors.yellow50,color:m.colors.yellow900},{name:"underweight",backgroundColor:m.colors.yellow50,color:m.colors.yellow900},{name:"healthy",backgroundColor:m.colors.green50,color:m.colors.green900}],M=function(e){var n,t,l,o,i,c=e.payload,d=e.active,p=null===(n=null==c?void 0:c[0])\|\|void 0===n?void 0:n.payload;if(!p\|\|!p.toolTipLabel\|\|!d)return null;var u=a((function(){return I.find((function(e){return e.name===p.status}))}),[null==p?void 0:p.status]),g=u.backgroundColor,f=u.color;return r.createElement(z,null,r.createElement("div",null,null===(t=p.toolTipLabel)\|\|void 0===t?void 0:t[0]," ",null===(l=p.toolTipLabel)\|\|void 0===l?void 0:l[1]),r.createElement("div",null,(null===(o=p.toolTipLabel)\|\|void 0===o?void 0:o[2])&&r.createElement(s,{as:"span",size:"s3",color:m.colors.gray800,type:"semiBold"},null===(i=p.toolTipLabel)\|\|void 0===i?void 0:i[2]),r.createElement("div",{className:"risk",style:{backgroundColor:g}},r.createElement(s,{size:"n1",color:f},p.translatedStatus))))},N=function(n){var t=n.weightBefore,c=n.weightByWeek,d=n.activeWeek,E=n.currentWeight,C=n.toolTipLabel,T=void 0===C?[]:C,j=n.status,B=n.withLine,z=void 0!==B&&B,F=n.siteType,I=p().t,N="marryBaby"===F,P=a((function(){return W({weightByWeek:c,weightBefore:t,toolTipLabel:T,status:j,activeWeek:d,t:I})}),[c,t,T,j,d]),A=l(!1),G=A[0],K=A[1],D=o(null);return w(D,(function(){return K(!1)})),r.createElement(S,null,N?r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark}," ",I("babyGrowth.weight")," ",I("pregnancyWeightGain.weightInput.desc")):r.createElement(s,{size:"n1",color:m.colors.gray500},I("babyGrowth.weight")," ",I("pregnancyWeightGain.weightInput.desc")),Array.isArray(P)&&P.length>0&&r.createElement(S,null,r.createElement(u,{height:388,className:"chart"},r.createElement(g,{data:P,margin:{top:16,right:0,left:0}},r.createElement(f,{stroke:m.colors.neutral100}),r.createElement(x,{trigger:"click",content:function(n){return r.createElement(M,e({active:!z&&G&&void 0!==d&&void 0!==E},n))}}),r.createElement(y,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,n){return n+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(n){return r.createElement(L,e({},n,{activeWeek:d,siteType:F}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),r.createElement(b,{domain:[function(e){return Math.max(e,t-10\|\|e)},function(e){return Math.max(e,t+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:m.colors.gray600}}),r.createElement(h,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),r.createElement(h,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:N?m.mbColors.tonePink:m.colors.blue100}),void 0!==d&&void 0!==E&&r.createElement(k,{onClick:function(){return K(!0)},x:0===d?1:d,y:E,r:4,shape:r.createElement(v,{ref:D,r:4}),fill:N?m.mbColors.pink:m.colors.primaryBase,stroke:N?m.mbColors.pink:m.colors.primaryBase}))),r.createElement("div",{className:"custom-chart-label"},r.createElement("i",null),N?r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark},I("pregnancy.week")):r.createElement(s,{size:"n1",color:m.colors.gray500},I("pregnancy.week")))))},P=function(n){var a=n.color,l=t(n,["color"]);return r.createElement("svg",e({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),r.createElement("circle",{cx:"4",cy:"4",r:"4",fill:a\|\|m.colors.primaryBase}))},A=function(e){var n=e.idealWeight,t=e.siteType,a=p().t,l="marryBaby"===t;return r.createElement(F,null,r.createElement("div",null,l?r.createElement(r.Fragment,null,r.createElement(P,{color:m.mbColors.lightPink}),r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark},a("pregnancyTool.weightSuggested")," ",r.createElement(s,{size:"n1",color:m.colors.gray800,type:"bold",as:"span"},n))):r.createElement(r.Fragment,null,r.createElement(P,{color:m.colors.blue100}),r.createElement(s,{size:"n1",color:m.colors.gray600},r.createElement(s,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),r.createElement(s,{size:"n1",color:m.colors.gray800,type:"bold",as:"span"},n)))),r.createElement("div",null,l?r.createElement(r.Fragment,null,r.createElement(P,{color:m.mbColors.pink}),r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark},a("pwg.placeholder.weight"))):r.createElement(r.Fragment,null,r.createElement(P,null),r.createElement(s,{size:"n1",color:m.colors.gray600},a("pwg.placeholder.weight")))))},G=E.div(B\|\|(B=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"],["\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"])),m.colors.neutral100),K=function(n){var t=n.chartProps,a=n.pillCarouselProps,l=n.idealWeight,o=n.description,i=n.siteType,u=p().t,g="marryBaby"===i;return r.createElement(G,null,r.createElement("div",{className:"chart-header"},g?r.createElement(c,{type:"h3",color:m.mbColors.dark},u("pregnancyTool.weightSuggested")):r.createElement(s,{size:"s1",type:"semiBold",color:m.colors.gray800},u("pregnancyTool.weightSuggested")),o&&o),r.createElement(d,e({},a)),r.createElement("div",null,r.createElement(A,{idealWeight:l,siteType:i}),r.createElement(N,e({},t,{siteType:i}))))};export{K as PregnancyWeightGainChart};
1	+ import{_ as e,e as n,b as t}from"./tslib.es6-d30ee1d0.js";import r,{useMemo as a,useState as l,useRef as o}from"react";import{M as i,a as c}from"./index-9b236d2f.js";import{T as s}from"./index-25affdbf.js";import{P as d}from"./index-5f4ddfd4.js";import{u as p}from"./useTranslations-508e7f07.js";import{t as m}from"./theme-7bc1781d.js";import{ResponsiveContainer as u,AreaChart as g,CartesianGrid as f,Tooltip as x,XAxis as y,YAxis as b,Area as h,ReferenceDot as k}from"recharts";import{C as v}from"./index-cb56f0fb.js";import{u as w}from"./useOutsideClick-25ed2262.js";import E from"styled-components";import"./index.styled-ee34e641.js";import"./Locale-4016af54.js";import"./index.styled-36dc3ebb.js";import"./gAssets.js";import"./index-adb39b83.js";import"./isProduction-2695b0b1.js";import"./index-1c107e45.js";import"@mantine/carousel";import"@mantine/hooks";import"./translationsContext-2ccd1a40.js";import"string-format";var C,j,T,B,W=function(n){var t=n.weightByWeek,r=n.weightBefore,a=n.toolTipLabel,l=n.status,o=n.activeWeek,i=(0,n.t)("bmi.result.".concat(l));return t.map((function(n){return e({name:n.week,min:r+n.min,difference:n.max-n.min,max:r+n.max},n.week===o?{toolTipLabel:a,translatedStatus:i,status:l}:{})}))},L=function(e){var n=e.x,t=e.y,a=e.payload;return e.activeWeek===a.value?r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?m.mbColors.pink:m.colors.primaryBase}),r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:m.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:m.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},z=E.div(C\|\|(C=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"],["\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"])),m.colors.yellow600),S=E.div(j\|\|(j=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"],["\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"]))),F=E.div(T\|\|(T=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"],["\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"]))),I=[{name:"overweight",backgroundColor:m.colors.yellow50,color:m.colors.yellow900},{name:"underweight",backgroundColor:m.colors.yellow50,color:m.colors.yellow900},{name:"healthy",backgroundColor:m.colors.green50,color:m.colors.green900}],M=function(e){var n,t,l,o,i,c=e.payload,d=e.active,p=null===(n=null==c?void 0:c[0])\|\|void 0===n?void 0:n.payload;if(!p\|\|!p.toolTipLabel\|\|!d)return null;var u=a((function(){return I.find((function(e){return e.name===p.status}))}),[null==p?void 0:p.status]),g=u.backgroundColor,f=u.color;return r.createElement(z,null,r.createElement("div",null,null===(t=p.toolTipLabel)\|\|void 0===t?void 0:t[0]," ",null===(l=p.toolTipLabel)\|\|void 0===l?void 0:l[1]),r.createElement("div",null,(null===(o=p.toolTipLabel)\|\|void 0===o?void 0:o[2])&&r.createElement(s,{as:"span",size:"s3",color:m.colors.gray800,type:"semiBold"},null===(i=p.toolTipLabel)\|\|void 0===i?void 0:i[2]),r.createElement("div",{className:"risk",style:{backgroundColor:g}},r.createElement(s,{size:"n1",color:f},p.translatedStatus))))},N=function(n){var t=n.weightBefore,c=n.weightByWeek,d=n.activeWeek,E=n.currentWeight,C=n.toolTipLabel,j=void 0===C?[]:C,T=n.status,B=n.withLine,z=void 0!==B&&B,F=n.siteType,I=p().t,N="marryBaby"===F,P=a((function(){return W({weightByWeek:c,weightBefore:t,toolTipLabel:j,status:T,activeWeek:d,t:I})}),[c,t,j,T,d]),A=l(!1),G=A[0],K=A[1],D=o(null);return w(D,(function(){return K(!1)})),r.createElement(S,null,N?r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark}," ",I("babyGrowth.weight")," ",I("pregnancyWeightGain.weightInput.desc")):r.createElement(s,{size:"n1",color:m.colors.gray500},I("babyGrowth.weight")," ",I("pregnancyWeightGain.weightInput.desc")),Array.isArray(P)&&P.length>0&&r.createElement(S,null,r.createElement(u,{height:388,className:"chart"},r.createElement(g,{data:P,margin:{top:16,right:0,left:0}},r.createElement(f,{stroke:m.colors.neutral100}),r.createElement(x,{trigger:"click",content:function(n){return r.createElement(M,e({active:!z&&G&&void 0!==d&&void 0!==E},n))}}),r.createElement(y,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,n){return n+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(n){return r.createElement(L,e({},n,{activeWeek:d,siteType:F}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),r.createElement(b,{domain:[function(e){return Math.max(e,t-10\|\|e)},function(e){return Math.max(e,t+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:m.colors.gray600}}),r.createElement(h,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),r.createElement(h,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:N?m.mbColors.tonePink:m.colors.blue100}),void 0!==d&&void 0!==E&&r.createElement(k,{onClick:function(){return K(!0)},x:0===d?1:d,y:E,r:4,shape:r.createElement(v,{ref:D,r:4}),fill:N?m.mbColors.pink:m.colors.primaryBase,stroke:N?m.mbColors.pink:m.colors.primaryBase}))),r.createElement("div",{className:"custom-chart-label"},r.createElement("i",null),N?r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark},I("pregnancy.week")):r.createElement(s,{size:"n1",color:m.colors.gray500},I("pregnancy.week")))))},P=function(n){var a=n.color,l=t(n,["color"]);return r.createElement("svg",e({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),r.createElement("circle",{cx:"4",cy:"4",r:"4",fill:a\|\|m.colors.primaryBase}))},A=function(e){var n=e.idealWeight,t=e.siteType,a=p().t,l="marryBaby"===t;return r.createElement(F,null,r.createElement("div",null,l?r.createElement(r.Fragment,null,r.createElement(P,{color:m.mbColors.lightPink}),r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark},a("pregnancyTool.weightSuggested")," ",r.createElement(s,{size:"n1",color:m.colors.gray800,type:"bold",as:"span"},n))):r.createElement(r.Fragment,null,r.createElement(P,{color:m.colors.blue100}),r.createElement(s,{size:"n1",color:m.colors.gray600},r.createElement(s,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),r.createElement(s,{size:"n1",color:m.colors.gray800,type:"bold",as:"span"},n)))),r.createElement("div",null,l?r.createElement(r.Fragment,null,r.createElement(P,{color:m.mbColors.pink}),r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark},a("pwg.placeholder.weight"))):r.createElement(r.Fragment,null,r.createElement(P,null),r.createElement(s,{size:"n1",color:m.colors.gray600},a("pwg.placeholder.weight")))))},G=E.div(B\|\|(B=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"],["\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"])),m.colors.neutral100),K=function(n){var t=n.chartProps,a=n.pillCarouselProps,l=n.idealWeight,o=n.description,i=n.siteType,u=p().t,g="marryBaby"===i;return r.createElement(G,null,r.createElement("div",{className:"chart-header"},g?r.createElement(c,{type:"h3",color:m.mbColors.dark},u("pregnancyTool.weightSuggested")):r.createElement(s,{size:"s1",type:"semiBold",color:m.colors.gray800},u("pregnancyTool.weightSuggested")),o&&o),r.createElement(d,e({},a)),r.createElement("div",null,r.createElement(A,{idealWeight:l,siteType:i}),r.createElement(N,e({},t,{siteType:i}))))};export{K as PregnancyWeightGainChart};

package/build/esm/routing-dc5d6804.js ADDED Viewed

@@ -0,0 +1 @@

+ import{d as t}from"./index-adb39b83.js";import{i as o}from"./isProduction-2695b0b1.js";var c=function(c,n){var a="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV;return a?"http://localhost:3000":"https://".concat(!a&&!o?n?"fe.":"discover.":n?"www.":"").concat(t[n?"vi-VN_MB":c])},n=function(c,n){return"https://".concat(o?"id.":"staging-id.").concat(t[n?"vi-VN_MB":c])},a=function(){return"https://".concat(o?"together.":"staging-together.","hellohealthgroup.com")},e=function(c){return"https://".concat(o?"wp.":"staging.").concat(t[c])},r=function(){return"https://".concat(o?"health-care.":"service-health-care.","hellohealthgroup.com")};export{n as a,a as b,e as c,r as d,c as g};